.contenedor { width: min(100% - (var(--margen-lateral) * 2), var(--ancho-contenedor)); margin-inline: auto; }

.barra-anuncio { padding: 0.55rem var(--margen-lateral); background: var(--color-carbon-profundo); color: var(--color-oro-champagne); font-size: 0.7rem; font-weight: 600; letter-spacing: var(--tracking-medio); text-align: center; text-transform: uppercase; }

.cabecera-sitio { position: sticky; z-index: 20; top: 0; border-bottom: 2px solid var(--color-oro-champagne); background: var(--color-carbon); color: var(--color-blanco); }
.cabecera-interior { display: flex; min-height: 5.25rem; align-items: center; justify-content: space-between; gap: var(--espacio-5); }

.marca { display: flex; flex-direction: column; color: var(--color-blanco); line-height: 1; text-decoration: none; }
.marca-principal { font-size: clamp(0.93rem, 2.5vw, 1.35rem); font-weight: 700; letter-spacing: clamp(0.11rem, 0.5vw, 0.25rem); text-transform: uppercase; white-space: nowrap; }
.marca-principal span, .marca-secundaria { color: var(--color-oro-champagne); }
.marca-secundaria { margin-top: var(--espacio-2); font-size: 0.54rem; font-weight: 500; letter-spacing: 0.16rem; text-transform: uppercase; }

.navegacion-principal { display: flex; align-items: center; gap: clamp(0.75rem, 2vw, 1.6rem); }
.navegacion-principal a, .enlace-regreso { color: var(--color-blanco); font-size: 0.72rem; font-weight: 600; letter-spacing: var(--tracking-medio); text-decoration: none; text-transform: uppercase; }
.navegacion-principal a[aria-current="page"], .navegacion-principal a:hover, .enlace-regreso:hover { color: var(--color-oro-champagne); }

.contenido-pagina, .seccion-base { padding-block: clamp(3rem, 8vw, 6rem); }
.hero-base { padding-block: clamp(5rem, 12vw, 9rem); border-bottom: 3px solid var(--color-oro-champagne); background: var(--color-carbon); color: var(--color-blanco); text-align: center; }
.hero-base-contenido { max-width: 52rem; }
.encabezado-seccion { max-width: 50rem; text-align: center; }
.encabezado-seccion > p:not(.eyebrow) { color: var(--color-texto-secundario); }
.bloque-reserve { margin: var(--espacio-6) var(--margen-lateral); padding-block: clamp(3rem, 6vw, 5rem); border-bottom: 3px solid var(--color-oro-champagne); background: var(--color-carbon); color: var(--color-blanco); }
.bloque-reserve .encabezado-seccion > p:not(.eyebrow) { color: var(--color-texto-sobre-oscuro); }

.pie-sitio { border-top: 3px solid var(--color-oro-champagne); background: var(--color-carbon-profundo); color: var(--color-texto-sobre-oscuro); }
.pie-sitio-interior { display: flex; align-items: center; justify-content: space-between; gap: var(--espacio-4); padding-block: var(--espacio-5); font-size: 0.75rem; letter-spacing: var(--tracking-pequeno); text-transform: uppercase; }
.pie-sitio p { margin: 0; }

@media (max-width: 56.25rem) {
  .boton-menu { display: grid; }
  .navegacion-principal { position: fixed; inset: 0; z-index: 15; flex-direction: column; justify-content: center; padding: 6rem var(--margen-lateral); background: var(--color-carbon-profundo); opacity: 0; pointer-events: none; transform: translateX(100%); transition: opacity var(--duracion-rapida) ease, transform var(--duracion-rapida) var(--curva-salida); }
  .navegacion-principal.esta-abierto { opacity: 1; pointer-events: auto; transform: translateX(0); }
  .navegacion-principal a { font-size: 1rem; }
  .cabecera-interior { min-height: 4.75rem; }
  .pie-sitio-interior { align-items: flex-start; flex-direction: column; }
}

@media (min-width: 56.3125rem) { .boton-menu { display: none; } }