
/* Vacunatorio Chicureo PNI 2026 — versión mejorada */
#section-pni-2026 .table-responsive { overflow-x: auto; }

#section-pni-2026 .vc-table, .vc-force-grid {
  table-layout: fixed !important;
  border-collapse: collapse !important;
  width: 100% !important;
  min-width: 2200px; /* columnas más anchas */
}

#section-pni-2026 .vc-table th,
#section-pni-2026 .vc-table td,
.vc-force-grid th,
.vc-force-grid td {
  border: 1px solid #cfd4d9 !important;
  box-sizing: border-box;
  padding: .8rem .9rem;
  vertical-align: middle;
  text-align: center;
  white-space: normal; /* permite 2 líneas */
  word-break: break-word;
}

#section-pni-2026 .vc-table thead th,
.vc-force-grid thead th {
  background-color: #c8e5ca !important; /* verde del logo */
  color: #0a3d0a;
  font-weight: 600;
  white-space: nowrap;
  transition: background-color 0.2s ease;
}

/* Hover fila */
#section-pni-2026 .vc-table tbody tr:hover td {
  background-color: #e6f5e7 !important;
}

/* Hover encabezado correspondiente */
#section-pni-2026 .vc-table tbody tr:hover th,
#section-pni-2026 .vc-table thead th:hover {
  background-color: #a8d4aa !important;
}

/* Vacuna destacada */
#section-pni-2026 .vc-vax:hover {
  background-color: #e6f5e7 !important;
  border-radius: 6px;
  transition: background-color 0.2s ease;
}

/* Botón Agendar compacto con icono visible */
#section-pni-2026 .vc-btn-agendar-col {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: .25rem;
  width: 125px !important;
  max-width: 125px !important;
  padding: .3rem .5rem !important;
  font-size: .9rem !important;
  line-height: 1.1 !important;
  text-align: center !important;
  margin: 0 auto !important;
}

#section-pni-2026 .vc-btn-agendar-col i {
  font-size: 1rem !important;
  display: inline-block !important;
}

/* Zebra */
#section-pni-2026 .vc-table tbody tr:nth-child(even) td {
  background-color: #fdfdfd !important;
}

/* Columna fija 1 y 2 con más ancho */
#section-pni-2026 .vc-table thead th:nth-child(1),
#section-pni-2026 .vc-table tbody td:nth-child(1) {
  width: 250px !important;
  min-width: 200px !important;
  text-align: left;
}

#section-pni-2026 .vc-table thead th:nth-child(2),
#section-pni-2026 .vc-table tbody td:nth-child(2) {
  width: 150px !important;
  min-width: 150px !important;
  text-align: center !important;
}

/* Mejora visual general */
#section-pni-2026 .vc-table tbody td span {
  display: inline-block;
  line-height: 1.25;
}


/* PNI 2026 – Fix: sticky header & first column, full grid lines and alignment */
#section-pni-2026 .vc-table thead th {
  position: sticky; top: 0; z-index: 2;
  background: #f8f9fa;
}
#section-pni-2026 .vc-table .vc-sticky-col {
  position: sticky; left: 0; z-index: 3;
  background: #fff;
  box-shadow: 2px 0 0 rgba(0,0,0,.05);
}
#section-pni-2026 .vc-btn-agendar-col {
  white-space: nowrap;
}

