<style>

  

.table1 tbody tr:hover {
  background-color: #D3C8C8; /* color de fondo al pasar el mouse */

}



 /* 🔹 Zoom visual (no mueve a los demás) */
    .zoom-visual {
     
      transition: transform 0.2s ease;
    }
    .zoom-visual:hover {
      transform: scale(1.03);
    }
.table1 tbody tr:hover {
  background-color: #D3C8C8; /* color de fondo al pasar el mouse */

}



 /* 🔹 Zoom visual (no mueve a los demás) */
    .zoom-visual {
     
      transition: transform 0.2s ease;
    }
    .zoom-visual:hover {
      transform: scale(1.03);
    }

  .table100 {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.table100 table {
  width: 100%;
}

.table100-head th {
  font-size: 18px;
  color: #fff;
  line-height: 1.4;
  background-color: #2a3480;
  padding: 15px 10px;
  text-align: left;
    position: sticky;
	  top: 0;          /* ⭐ Esto fija el encabezado */
  z-index: 2;      /* ⭐ Para que quede encima de las filas */

}

.table100 tbody tr {
  border-bottom: 1px solid #f2f2f2;
}

.table100 td {
  font-size: 15px;
  color:#292727;
  line-height: 1.4;
  padding: 16px 10px;
}

.table100 tr:hover td {
  background-color: #f9f9f9;
}
.table-scroll {
  max-height: 620px;   /* ⭐ CAMBIO: altura máxima de la tabla */
  overflow-y: auto;    /* ⭐ CAMBIO: scroll vertical */
  /*overflow-x: hidden;   ⭐ CAMBIO: evita scroll horizontal */
}

.table-scroll table {
  width: 100%;
  border-collapse: collapse; /* ⭐ CAMBIO: mantiene bordes limpios */
}

.table-scroll td {
  white-space: nowrap; /* ⭐ CAMBIO: evita que el texto se corte */
}

/* Responsive */
@media screen and (max-width: 168px) {
  .table100 thead { display: none; }
  .table100 tr { display: block; margin-bottom: 15px; }
  .table100 td {
    display: block;
    text-align: right;
    position: relative;
    padding-left: 50%;
  }
  .table100 td::before {
    content: attr(data-label);
    position: absolute;
    left: 10px;
    width: 45%;
    text-align: left;
    font-weight: bold;
  }
}
    </style>