/* IvaniaPhoto · publico/assets/css/tema-booking.css
 * Ocampo-Infra Agent System · autor Roberto Ocampo · 9/19/2026
 *
 * ADR-001/ADR-006 (`docs/web-publica-20260919/02-DISENO-ARQUITECTURA.md` §1,
 * §6): landing "resaltada" — SCOPED a `main[data-tema="booking"]`, nunca a
 * `:root`. El resaltado del ítem de menú (`.ip2-nav__cta`) es CSS aparte, ya
 * decidido en `base.css`/ADR-002 — aquí sólo el cuerpo de la página.
 */

main[data-tema="booking"] {
  display: block;
}

main[data-tema="booking"] .ip2-reserva-hero {
  padding-block: var(--sec-pad);
  text-align: center;
  background: linear-gradient(180deg, rgba(212, 175, 55, .08), transparent 60%);
}
main[data-tema="booking"] .ip2-reserva-hero .prosa {
  margin-inline: auto;
}
main[data-tema="booking"] .ip2-reserva-hero .ctas {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 1rem; margin-top: 1.6rem;
}

main[data-tema="booking"] .ip2-reserva-paquetes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 1.6rem;
  margin-top: 2.4rem;
  text-align: left;
}

main[data-tema="booking"] .ip2-reserva-paquete {
  background: #fff;
  border: 1px solid rgba(36, 30, 28, .1);
  border-radius: 6px;
  padding: 1.4rem 1.3rem;
  position: relative;
}
main[data-tema="booking"] .ip2-reserva-paquete.destacado {
  border-color: var(--ip-oro, #D4AF37);
  box-shadow: 0 20px 50px -30px rgba(180, 140, 40, .5);
}
main[data-tema="booking"] .ip2-reserva-insignia {
  display: inline-block;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--ip-oro-oscuro, #7A5D28);
  margin: 0 0 .5rem;
}
main[data-tema="booking"] .ip2-reserva-paquete h3 {
  margin: 0 0 .4rem;
  font-size: 1.2rem;
}
main[data-tema="booking"] .ip2-reserva-resumen {
  color: #5d534c;
  font-size: .92rem;
  margin: 0 0 .9rem;
}
main[data-tema="booking"] .ip2-reserva-lista {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: .88rem;
  color: #4a423c;
}
main[data-tema="booking"] .ip2-reserva-lista li {
  padding: .3rem 0 .3rem 1.2rem;
  position: relative;
  border-top: 1px solid rgba(36, 30, 28, .08);
}
main[data-tema="booking"] .ip2-reserva-lista li:first-child { border-top: none; }
main[data-tema="booking"] .ip2-reserva-lista li::before {
  content: '✓';
  position: absolute; left: 0;
  color: var(--ip-oro-oscuro, #7A5D28);
}

main[data-tema="booking"] .ip2-reserva-cta-final {
  margin-top: 2.4rem;
  text-align: center;
}

main[data-tema="booking"] .ip2-vacia {
  color: var(--ip-humo, #8a8178);
  margin-top: 1.6rem;
}