.eyebrow { margin-bottom: var(--espacio-2); color: var(--color-oro-texto); font-size: 0.68rem; font-weight: 700; letter-spacing: var(--tracking-grande); text-transform: uppercase; }
.hero-base .eyebrow, .bloque-reserve .eyebrow { color: var(--color-oro-champagne); }

h1, h2 { margin-bottom: var(--espacio-4); font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 400; letter-spacing: var(--tracking-medio); text-transform: uppercase; }
h1 em, h2 em { color: var(--color-oro-champagne); font-style: normal; font-weight: 700; }
.contenido-pagina h1 { color: var(--color-carbon); }
.bloque-reserve h1 { color: var(--color-blanco); }

.introduccion { max-width: 40rem; margin-inline: auto; color: var(--color-texto-sobre-oscuro); }
.grupo-acciones { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--espacio-3); margin-top: var(--espacio-6); }
.boton { display: inline-flex; min-height: 2.75rem; align-items: center; justify-content: center; padding: 0.75rem 1.35rem; border: 1px solid transparent; font-size: 0.72rem; font-weight: 700; letter-spacing: var(--tracking-medio); text-align: center; text-decoration: none; text-transform: uppercase; transition: background-color var(--duracion-rapida) ease, color var(--duracion-rapida) ease, transform var(--duracion-rapida) ease; }
.boton-principal { background: var(--color-oro-champagne); color: var(--color-carbon-profundo); }
.boton-principal:hover { background: var(--color-oro-hover); transform: translateY(-2px); }
.boton-secundario { border-color: var(--color-oro-champagne); color: var(--color-oro-champagne); }
.boton-secundario:hover { background: var(--color-oro-champagne); color: var(--color-carbon-profundo); }
.controles-catalogo-paginado { display: flex; justify-content: center; margin-top: var(--espacio-5); }

.boton-menu { position: relative; z-index: 16; width: 2.75rem; height: 2.75rem; place-content: center; gap: 0.28rem; border: 1px solid var(--color-oro-champagne); background: transparent; color: var(--color-oro-champagne); }
.linea-menu { width: 1.15rem; height: 1px; background: currentColor; transition: transform var(--duracion-rapida) var(--curva-salida), opacity var(--duracion-rapida) ease; }
.boton-menu[aria-expanded="true"] .linea-menu:nth-child(1) { transform: translateY(5px) rotate(45deg); }
.boton-menu[aria-expanded="true"] .linea-menu:nth-child(2) { opacity: 0; }
.boton-menu[aria-expanded="true"] .linea-menu:nth-child(3) { transform: translateY(-5px) rotate(-45deg); }

.aviso-base { margin-top: var(--espacio-5); padding: var(--espacio-4); background: var(--color-blanco); color: var(--color-texto-secundario); }
.bloque-reserve .aviso-base { background: var(--color-carbon-profundo); color: var(--color-texto-sobre-oscuro); }