@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Marcellus&display=swap");

/* Tema v3 nórdica para las páginas internas: blanco, crema, tinta petróleo y cian. */

:root {
  --navy: #282d30;
  --clinical: #56707a;
  --steel: #9fb1b8;
  --steel-text: #56707a;
  --mist: #e9eff1;
  --ivory: #ffffff;
  --white: #ffffff;
  --graphite: #282d30;
  --warm: #1fa5db;
  --line: #e2e8ea;
  --soft: #fff9dc;
  --display: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --body: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 24px;
  --shadow-soft: none;
}

body {
  letter-spacing: 0.01em;
}

/* Títulos en la romana serena de la portada; la interfaz queda en IBM Plex Sans. */
h1,
h2,
h3 {
  font-family: "Marcellus", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  font-weight: 400 !important;
  letter-spacing: -0.012em !important;
}

/* Sin filetes ni ornamento. */
.eyebrow::before,
.page-orbit,
.closing-orbit {
  display: none;
}

/* Cabecera blanca y botón principal cian con texto tinta, como en la portada. */
.site-header,
.site-header[data-scrolled="true"] {
  background: rgba(255, 255, 255, 0.94);
  border-bottom-color: transparent;
  box-shadow: none;
}

.header-cta,
.button-warm,
.button[data-channel="whatsapp"] {
  border-color: var(--warm);
  background: var(--warm);
  color: var(--navy);
  font-weight: 700;
}

.header-cta:hover,
.button-warm:hover,
.button[data-channel="whatsapp"]:hover {
  border-color: #55bde8;
  background: #55bde8;
  color: var(--navy);
}

.main-nav a {
  font-weight: 500;
}

@media (max-width: 1180px) {
  .main-nav {
    background: var(--white);
  }
}

/* Encabezado de página y cierre bañados en crema mantequilla. */
.page-head,
.closing-section {
  background: linear-gradient(180deg, #fffcec 0%, #fff7cf 100%);
}

.closing-inner h2 {
  color: var(--navy);
}

.closing-inner > p:not(.eyebrow),
.closing-section .text-link-light {
  color: var(--graphite);
}

.closing-section .eyebrow-light {
  color: var(--clinical);
}

.closing-section :focus-visible {
  outline-color: var(--navy);
}

/* El cian es solo fondo o acento sobre oscuro: como texto sobre claro pasa a petróleo. */
.area-number,
.process-list li > span,
.prose li::marker,
.tl-year,
.quote-card blockquote p::before {
  color: var(--clinical);
}

.mobile-booking {
  box-shadow: none;
}

/* Monograma en carbón: armoniza con la tinta de Nórdica, conserva el blanco. */
.brand-mark { filter: grayscale(1); }