/*
 * Ficha de campamento: precios agrupados por mes y uniforme junto al precio.
 * Auditoría conductual del 24-sep-2026 (H1, H3/H8): projects/auditoria-conductual/.
 *
 * El panel ya no abre con «Quincenas desde» (el mínimo es agosto y anclaba julio);
 * cada mes lleva su rótulo y sus quincenas debajo. Vale para el panel de escritorio
 * y para el bottom-sheet del móvil, que clona #panel-slots tal cual (js/ficha-v3.js).
 * Tokens de ficha-v3.css; sin !important.
 */

.ficha-page-2026 .slots__mes,
.sheet .slots__mes {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 6px 0 0;
}

.ficha-page-2026 .slots__mes:first-child,
.sheet .slots__mes:first-child {
  margin-top: 0;
}

.ficha-page-2026 .slots__mes::after,
.sheet .slots__mes::after {
  content: "";
  flex: 1;
  height: 1px;
  background: rgba(49, 86, 45, .14);
}

.ficha-page-2026 .slots__mes-nombre,
.sheet .slots__mes-nombre {
  font-family: var(--font-display);
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--bosque-deep);
  line-height: 1.2;
}

.ficha-page-2026 .booking__uniforme,
.sheet .booking__uniforme {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 18px;
  font-size: .8rem;
  line-height: 1.35;
  color: var(--bosque-deep);
  background: var(--crema-2);
  border-bottom: 1px solid rgba(49, 86, 45, .1);
}

.ficha-page-2026 .booking__uniforme .material-icons-round,
.sheet .booking__uniforme .material-icons-round {
  font-size: 1.1rem;
  color: var(--terracota);
}

/* H1 (24-sep, Pelayo): agosto tiene ficha propia. Desde la de julio, un enlace
   discreto que dice dónde está, sin precio: el precio de agosto se lee allí. */
.ficha-page-2026 .booking__hermana,
.sheet .booking__hermana {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 4px 18px 0;
  padding: 12px 14px;
  font-size: .9rem;
  font-weight: 600;
  color: var(--bosque-deep);
  text-decoration: none;
  border: 1px solid rgba(49, 86, 45, .18);
  border-radius: 12px;
}

.ficha-page-2026 .booking__hermana:hover,
.ficha-page-2026 .booking__hermana:focus-visible,
.sheet .booking__hermana:hover,
.sheet .booking__hermana:focus-visible {
  background: var(--crema-2);
}

.ficha-page-2026 .booking__hermana .material-icons-round,
.sheet .booking__hermana .material-icons-round {
  font-size: 1.1rem;
  color: var(--terracota);
}