.table tbody{
  background-color: transparent;
}

table td{
  border-top: 0px solid transparent !important;
}

.table tbody tr{
  color: #0E312D;
}

.table thead th {
  border-bottom: 0px solid transparent !important;
  border-top: 0px solid transparent;
}

.cabecera-2 th {
  border-bottom: 0px solid transparent !important;
  border-top: 0px solid transparent!important;
}

.cabecera-1 {
  background-color: transparent;
}

.cabecera-2{
  background-color:transparent!important;
  color: #0E312D !important;
}

.fila-padre{
  background-color: transparent;
}

.chadow{
    background: linear-gradient(135deg,#c79b66 0%,#e0c9a8 25%,#f8f4ee 50%,#e0c9a8 75%,#c79b66 100%);
}

@media only screen and (max-width: 575px) { 
    .cabecera-2, .td_padre, .td_hijo  {
    font-size: 12px;
  }

  .img {
    height: 20px !important;
  }
  .table {
    width: 95% !important;
  }
  .col-div {
    display: flex;
    flex-direction: column;
  }
  .col-div a{
    margin-bottom: 10px;
  }


  /* --- Corregir comportamiento de tabla al hacer zoom --- */
.table-responsive {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

/* Evitar que las celdas se expandan desproporcionadamente */
.table {
  table-layout: fixed;
  word-wrap: break-word;
}

/* Mantener las imágenes proporcionales y dentro del ancho */
.table img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

/* Asegurar que los encabezados no rompan el diseño */
.table th,
.table td {
  white-space: normal;
  text-align: center;
  vertical-align: middle;
}

/* Centrar años incluso cuando se reduce el ancho */
th.años,
td.años {
  min-width: 90px;
}

/* Evita que .col-div rompa el flujo horizontal */
.col-div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
}

}