/* ===================================================================== Chihuahua Te Amo · Propuesta B «Noche Serrana» · tokens del tema El modo lo controla la clase «tema-oscuro» en (script en ). Bloque de color copiado EXACTO de ARQUITECTURA.md §3. Decisión 99 (16-oct-2026, hoja 1 de Arturo), modo claro: títulos en --titulo #272b36 (14.4:1 sobre blanco) y texto informativo (párrafos, descripciones, listas, notas) en --texto-2 / --texto-3 #737373 (4.74:1 sobre blanco; el dueño lo eligió en lugar del #7a7a7a de Arturo). Sobre los fondos grises el #737373 baja de 4.5:1, así que ahí se usa el gris más cercano que pasa: --texto-2-alt #6e6e6e sobre #f5f3f6 (4.62:1) y --texto-2-hondo #676767 sobre #ebe7ec (4.63:1); ver «Gris sobre fondos grises» abajo. El modo oscuro conserva sus colores claros. ===================================================================== */ :root,.tema-claro{--fondo:#ffffff;--fondo-alt:#f5f3f6;--fondo-hondo:#ebe7ec;--tarjeta:#ffffff;--tarjeta-alt:#f5f3f6;--borde:#e5e1e6;--borde-fuerte:#cfc9d1;--titulo:#272b36;--texto:#101820;--texto-2:#737373;--texto-3:#737373;--texto-2-alt:#6e6e6e;--texto-3-alt:#6e6e6e;--texto-2-hondo:#676767;--texto-3-hondo:#676767;--rojo:#ea0029;--rojo-hover:#c70023;--rojo-texto:#c4001f;--sobre-rojo:#ffffff;--chip-bg:#f1eef2;--chip-texto:#3d434c;--input-bg:#ffffff;--input-borde:#8f8a96;--sombra:0 12px 32px rgba(16,24,32,0.08);--patron:rgba(16,24,32,0.10);--header-bg:#ffffff;--header-texto:#101820;--header-barra:#f5f3f6;--pie-bg:#101820;--pie-texto:#ffffff;--pie-texto-2:#c9ced6;--pie-borde:rgba(255,255,255,0.12);--logo-texto:#101820;--ver-claro:block;--ver-oscuro:none} .tema-oscuro{--fondo:#101820;--fondo-alt:#0d141c;--fondo-hondo:#0b1117;--tarjeta:#172230;--tarjeta-alt:#1c2838;--borde:rgba(255,255,255,0.12);--borde-fuerte:rgba(255,255,255,0.28);--titulo:#ffffff;--texto:#ffffff;--texto-2:#e5e1e6;--texto-3:#b9bfc8;--texto-2-alt:#e5e1e6;--texto-3-alt:#b9bfc8;--texto-2-hondo:#e5e1e6;--texto-3-hondo:#b9bfc8;--rojo:#ea0029;--rojo-hover:#ff1f47;--rojo-texto:#ff4d6a;--sobre-rojo:#ffffff;--chip-bg:rgba(255,255,255,0.08);--chip-texto:#e5e1e6;--input-bg:#1f2d3e;--input-borde:rgba(255,255,255,0.38);--sombra:0 12px 32px rgba(0,0,0,0.35);--patron:rgba(255,255,255,0.12);--header-bg:#101820;--header-texto:#ffffff;--header-barra:#0b1117;--pie-bg:#0b1117;--pie-texto:#ffffff;--pie-texto-2:#b9bfc8;--pie-borde:rgba(255,255,255,0.12);--logo-texto:#ffffff;--ver-claro:none;--ver-oscuro:block} /* --------------------------------------------------------------------- Zonas siempre oscuras (fotos con texto, banda roja, buscador): los tokens toman su valor oscuro en los dos modos. El pie usa --pie-*. --------------------------------------------------------------------- */ [data-zona="foto"], .cta-pie { --fondo: #101820; --fondo-alt: #0d141c; --fondo-hondo: #0b1117; --tarjeta: #172230; --tarjeta-alt: #1c2838; --borde: rgba(255, 255, 255, 0.12); --borde-fuerte: rgba(255, 255, 255, 0.28); --titulo: #ffffff; --texto: #ffffff; --texto-2: #e5e1e6; --texto-3: #b9bfc8; --texto-2-alt: #e5e1e6; --texto-3-alt: #b9bfc8; --texto-2-hondo: #e5e1e6; --texto-3-hondo: #b9bfc8; --rojo-hover: #ff1f47; --rojo-texto: #ff4d6a; --chip-bg: rgba(255, 255, 255, 0.08); --chip-texto: #e5e1e6; --input-bg: #1f2d3e; --input-borde: rgba(255, 255, 255, 0.38); --sombra: 0 12px 32px rgba(0, 0, 0, 0.35); --patron: rgba(255, 255, 255, 0.12); --header-texto: #ffffff; --logo-texto: #ffffff; --ver-claro: none; --ver-oscuro: block; color-scheme: dark; } .cta-pie { --fondo: var(--pie-bg); --titulo: var(--pie-texto); --texto: var(--pie-texto); --texto-3: var(--pie-texto-2); --borde: var(--pie-borde); } /* --------------------------------------------------------------------- Marca fija, tipografía, espaciado y medidas (no cambian con el modo) --------------------------------------------------------------------- */ :root { --cta-rojo: #ea0029; --cta-noche: #101820; --cta-blanco: #ffffff; --cta-lila: #e5e1e6; /* Botones que abren WhatsApp (decisión 47): verde WhatsApp con texto oscuro, igual en los dos modos. #101820 sobre #25d366 = 9.0:1 y sobre el verde del hover = 7.3:1 (el texto blanco daría 2:1). */ --verde-whatsapp: #25d366; --verde-whatsapp-hover: #1ebe5d; --sobre-verde: #101820; /* Una sola letra en todo el sitio (decisión 99, 16-oct-2026): Montserrat, también en el menú, los títulos, las etiquetas, los precios y el pie. Hasta el 16-oct los titulares eran Anton y Bebas Neue en mayúsculas; desde la decisión 102 vuelven solo en los titulares de las portadas y en el letrero del pie (abajo). Los demás títulos van como están escritos (sin mayúsculas forzadas); solo los rótulos chicos (antetítulos, «Desde», «Noches», encabezados de tabla) siguen en mayúsculas con espaciado. El menú y los botones van en oración (decisión 104). */ --fuente-texto: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --peso-titulo: 800; --peso-subtitulo: 700; --peso-etiqueta: 700; --espaciado-titulo: -0.025em; --espaciado-subtitulo: -0.01em; --espaciado-etiqueta: 0.12em; /* Excepciones a «una sola letra» (decisión 102, 16-oct-2026: «la mayúscula que se veía bonita»), como estaban antes de la decisión 99 (tema del 2-oct). Solo las usan estos lugares; nada más debe tomar estos tokens (herramientas/verificar.py lo revisa): · --fuente-portada (Anton en mayúsculas): el titular de la portada de todas las páginas, todos sus renglones (componentes.css, .cta-hero__titulo: tours, Inicio, El Chepe, Otros destinos, Hoteles, Nosotros, Blog y sus entradas, Contacto, Preguntas frecuentes, legales, búsqueda, archivos, /tours/ y Tiendita), el del 404 (paginas/error.css, .cta-error__titulo) y, desde la decisión 107, «El Chepe» de la tarjeta «Tours en El Chepe» de Otros destinos (paginas/pagina-otros-destinos.css). Hasta el 16-oct se llamó --fuente-portada-tour, cuando solo era de los tours; · --fuente-letrero (Bebas Neue en mayúsculas): el letrero de contorno «CHIHUAHUA TE AMO» del pie de todas las páginas (componentes.css, .cta-pie__gigante; desde 768 px) y el renglón chico «Próximamente» de la portada de la Tiendita, que ya era Bebas Neue (pagina-tiendita.css). --ancho-letra: ancho medio de una letra de Anton en mayúsculas (en em). Cada renglón del titular de las portadas limita su tamaño con él (componentes.css, .cta-hero__linea): ninguna palabra se sale. El renglón de Bebas Neue de la Tiendita pone el suyo (0.46). Tamaños de las portadas: los --t-h1 y --t-display del tema del 2-oct, que ahora son los de Montserrat: · --t-portada: el h1 de la portada y sus renglones normales (85 / 64 / 42 px); el espaciado de 0.005em se calcula con él y los renglones lo heredan en px (0.425 / 0.32 / 0.21 px). El renglón chico mide 0.56 de él; · --t-portada-grande: el renglón grande («El Chepe», «Nosotros»; 180 / 129 / hasta 96 px); · --t-portada-tour: el nombre del tour (106 / 72 / 54 px; antes de la decisión 99 era --t-h1-tour, que ahora es el de Montserrat). Cada página ajusta los suyos en su hoja, como antes. */ --fuente-portada: "Anton", Impact, "Arial Narrow Bold", sans-serif; --fuente-letrero: "Bebas Neue", Impact, "Arial Narrow Bold", sans-serif; --ancho-letra: 0.56; --t-portada: 85px; --t-portada-grande: 180px; --t-portada-tour: 106px; /* Escala Montserrat (computadora, ≥ 1280 px) */ --t-display: 96px; --t-h1: 56px; --t-h1-tour: 56px; --t-h2: 44px; --t-h3: 24px; --t-h4: 20px; --t-h5: 18px; --t-h6: 16px; --t-antetitulo: 13px; --t-etiqueta: 12px; --t-menu: 15px; --t-lead: 20px; --t-cuerpo: 17px; --t-chico: 15px; --t-nota: 12.5px; --t-boton: 15px; /* decisión 104: botones en oración, un punto más */ --t-precio: 26px; --t-cifra: 36px; /* Espaciado (base 4) */ --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 40px; --e-8: 56px; --e-9: 64px; --e-10: 96px; --e-11: 120px; /* Retícula */ --contenido: 1200px; --margen: 20px; --separacion: 32px; --seccion-y: 64px; /* Radios */ --r-pildora: 999px; --r-campo: 16px; --r-bloque: 24px; --r-producto: 28px; --r-tarjeta: 32px; /* Encabezado */ --alto-barra-superior: 0px; --alto-barra: 76px; --alto-header: calc(var(--alto-barra-superior) + var(--alto-barra)); /* Ayudantes que cambian con el modo */ --halo: rgba(234, 0, 41, 0.28); --check-fondo: rgba(234, 0, 41, 0.10); --x-fondo: rgba(16, 24, 32, 0.06); --velo-etiqueta: rgba(16, 24, 32, 0.78); /* Estrellas de los recorridos (decisión 104): dorado con orilla más oscura en modo claro (componentes.css, .cta-estrellas). */ --estrella: #e2a400; --estrella-borde: #a87a00; --corazon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 91'%3E%3Cpath d='M50 88C44 83 4 56 4 30C4 14 16 3 30 3C39 3 46 8 50 15C54 8 61 3 70 3C84 3 96 14 96 30C96 56 56 83 50 88Z'/%3E%3C/svg%3E"); --corazones-mascara: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='128' viewBox='0 0 64 128' fill='none' stroke='%23000' stroke-width='3'%3E%3Cpath transform='translate(7 9.5) scale(.4992)' d='M50 88C44 83 4 56 4 30C4 14 16 3 30 3C39 3 46 8 50 15C54 8 61 3 70 3C84 3 96 14 96 30C96 56 56 83 50 88Z'/%3E%3Cpath transform='translate(89 118.5) rotate(180) scale(.4992)' d='M50 88C44 83 4 56 4 30C4 14 16 3 30 3C39 3 46 8 50 15C54 8 61 3 70 3C84 3 96 14 96 30C96 56 56 83 50 88Z'/%3E%3Cpath transform='translate(25 118.5) rotate(180) scale(.4992)' d='M50 88C44 83 4 56 4 30C4 14 16 3 30 3C39 3 46 8 50 15C54 8 61 3 70 3C84 3 96 14 96 30C96 56 56 83 50 88Z'/%3E%3C/svg%3E"); --icono-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c4001f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E"); --icono-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e6470' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 8l8 8M16 8l-8 8'/%3E%3C/svg%3E"); } .tema-oscuro, [data-zona="foto"], .cta-pie { --halo: rgba(234, 0, 41, 0.45); --check-fondo: rgba(234, 0, 41, 0.22); --x-fondo: rgba(229, 225, 230, 0.08); --estrella: #f5c542; --estrella-borde: #f5c542; --icono-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E"); --icono-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e5e1e6' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M8 8l8 8M16 8l-8 8'/%3E%3C/svg%3E"); } /* --------------------------------------------------------------------- Acento suave (decisión 107, 19-oct-2026, hoja 1 de «Más ajustes»): Arturo pidió colores más claros, «no tonos rojizos ni negros», en el mapa de Inicio (el estado, sus números, el buscador, los filtros y la lista). Un solo acento, azul pizarra apagado, para lo resaltado, lo marcado y lo activo; lo demás va en blanco y grises claros, y el texto en los grises del sitio. Lo usa paginas/inicio-mapa.css y, desde la decisión 116 (22-oct-2026: «los puntos rojos hay que cambiarlos por un azul»), el punto y la camarita de «Visitamos» (paginas/tour.css). (La tarjeta con corazones también lo usó del 19 al 20-oct; desde la decisión 111 va en rojo tenue, bloque siguiente, y se quitaron los tokens que eran solo suyos: --acento-hover, --acento-borde, --sobre-acento y --acento-patron.) Desde la decisión 123 (26-oct-2026, «hacerlo color cremita, no azul ni rojo») el mapa redefine estos tokens en crema y caramelo dentro de .cta-inicio-mapa (inicio-mapa.css); los valores de aquí no cambiaron y hoy, a la vista, solo los usa «Visitamos». --acento orillas, íconos y anillo de foco (5.85:1 sobre blanco; #9db8d6 sobre #172230 = 7.85:1) --acento-texto texto en acento (6.4:1 sobre --acento-suave; oscuro 8.3:1) --acento-suave fondo del renglón y del filtro marcados --acento-tenue fondo al pasar el ratón --acento-claro relleno del número marcado (con --sobre-acento-claro: 9.65:1; oscuro 8.5:1) --acento-halo halo del número marcado y del buscador con foco --------------------------------------------------------------------- */ :root, .tema-claro { --acento: #4a6788; --acento-texto: #3a5677; --acento-suave: #e6edf5; --acento-tenue: #f2f6fa; --acento-claro: #d0dcea; --sobre-acento-claro: #1d3047; --acento-halo: rgba(74, 103, 136, 0.26); } .tema-oscuro, [data-zona="foto"] { --acento: #9db8d6; --acento-texto: #c3d5e9; --acento-suave: #243549; --acento-tenue: #1e2c3c; --acento-claro: #9db8d6; --sobre-acento-claro: #0f1b29; --acento-halo: rgba(157, 184, 214, 0.32); } /* --------------------------------------------------------------------- Rojo tenue (decisión 111, 20-oct-2026, hoja 5 de «Aún más MODIFICACIONES»): Arturo, de la tarjeta «Nuestra especialidad es Chihuahua»: «Esta etiqueta debe tener el color rojo tenue bajo. En todas las páginas que tengan». Un tinte muy claro del rojo de marca (#ea0029) para la tarjeta con corazones (componentes.css §27: El Chepe, Otros destinos, /tours/, Hoteles, Preguntas frecuentes y las opiniones de Conócenos), el círculo de Facebook de Conócenos (paginas/pagina-nosotros.css) y el tono «tenue» de los renglones de canal (componentes.css §37; las redes de Contacto lo usaron hasta la decisión 116, que les dio su color propio). En oscuro, una superficie honda de rojo apagado (poco saturado) sobre la noche. --rojo-tenue tono claro del degradado de la tarjeta (#fff5f6 · oscuro #21181f) --rojo-suave tono base de la tarjeta y del cuadrito de las redes (#fde9ec · oscuro #2d1c24). Sobre él: título #272b36 12.2:1, gris --texto-2-hondo #676767 4.86:1 (el #737373 daría 4.07:1), rojo de texto #c4001f 5.36:1; oscuro: blanco 15.9:1, #e5e1e6 12.3:1, #ff4d6a 4.95:1 --rojo-borde orilla suave de la tarjeta y del círculo (#f6cdd4 · oscuro #4d2a36) --rojo-icono íconos sobre el rojo tenue (#ea0029 3.98:1 · oscuro #ff4d6a 4.95:1; mínimo de 3:1 para íconos) --rojo-patron corazones de la tarjeta --------------------------------------------------------------------- */ :root, .tema-claro { --rojo-tenue: #fff5f6; --rojo-suave: #fde9ec; --rojo-borde: #f6cdd4; --rojo-icono: #ea0029; --rojo-patron: rgba(234, 0, 41, 0.13); } .tema-oscuro { --rojo-tenue: #21181f; --rojo-suave: #2d1c24; --rojo-borde: #4d2a36; --rojo-icono: #ff4d6a; --rojo-patron: rgba(255, 77, 106, 0.13); } @media (min-width: 768px) { :root { --margen: 40px; --separacion: 24px; --seccion-y: 96px; --alto-barra: 88px; --t-display: 72px; --t-h1: 44px; --t-h1-tour: 44px; --t-portada: 64px; --t-portada-grande: 129px; --t-portada-tour: 72px; --t-h2: 36px; --t-h3: 22px; --t-lead: 18px; --t-cuerpo: 16px; } } @media (min-width: 1280px) { :root { --margen: 40px; --separacion: 32px; --seccion-y: 120px; --alto-barra-superior: 44px; --alto-barra: 100px; --t-display: 96px; --t-h1: 56px; --t-h1-tour: 56px; --t-portada: 85px; --t-portada-grande: 180px; --t-portada-tour: 106px; --t-h2: 44px; --t-h3: 24px; --t-lead: 20px; --t-cuerpo: 17px; } } /* --------------------------------------------------------------------- Pantallas grandes (decisión 106, 19-oct-2026, Arturo: «se debe adaptar a cualquier pantalla»). Hasta 1440 px todo queda igual; desde ahí el sitio crece poco a poco con la pantalla, sin saltos: · --u: unidad que vale 1px hasta 1440 px y crece en dos tramos (1.043px a 1680, 1.086px a 1920, 1.2px a 2560 y 1.36px desde 3840). La letra, los espacios, los radios y el encabezado son su medida de 1440 px × --u (p. ej. el texto corrido: 17 / 18.5 / 20.4 / 23 px), y las medidas fijas de los componentes también: cada hoja lleva al final su bloque «pantallas-grandes» (herramientas/pantallas-grandes.py lo genera: «18px» → «calc(18 * var(--u))»). Así los textos largos conservan su ancho de lectura: sus max-width crecen con la letra. · --contenido: el ancho de la retícula crece más rápido que --u (1200 → 1373 / 1546 / 2006 / 2390 px): las rejillas, las fotos, el mapa y los hoteles usan el espacio y los lados ya no quedan vacíos (83 % de la pantalla a 1440, 80 % a 1920, 78 % a 2560 y 62 % a 3840, donde todo ya es un 36 % más grande). Los dos tramos van con clamp() sobre el ancho de la ventana (100vw): --g1 va de 0 a 1120px entre 1440 y 2560, --g2 de 0 a 1280px entre 2560 y 3840. Ver ARQUITECTURA.md §3, «Pantallas grandes». --------------------------------------------------------------------- */ :root { --u: 1px; } @media (min-width: 1440px) { :root { --g1: clamp(0px, 100vw - 1440px, 1120px); --g2: clamp(0px, 100vw - 2560px, 1280px); --u: calc(1px + var(--g1) / 5600 + var(--g2) / 8000); --contenido: calc(1200px + var(--g1) * 0.72 + var(--g2) * 0.3); --margen: calc(40 * var(--u)); --separacion: calc(32 * var(--u)); --seccion-y: calc(120 * var(--u)); --alto-barra-superior: calc(44 * var(--u)); --alto-barra: calc(100 * var(--u)); --t-portada: calc(85 * var(--u)); --t-portada-grande: calc(180 * var(--u)); --t-portada-tour: calc(106 * var(--u)); --t-display: calc(96 * var(--u)); --t-h1: calc(56 * var(--u)); --t-h1-tour: calc(56 * var(--u)); --t-h2: calc(44 * var(--u)); --t-h3: calc(24 * var(--u)); --t-h4: calc(20 * var(--u)); --t-h5: calc(18 * var(--u)); --t-h6: calc(16 * var(--u)); --t-antetitulo: calc(13 * var(--u)); --t-etiqueta: calc(12 * var(--u)); --t-menu: calc(15 * var(--u)); --t-lead: calc(20 * var(--u)); --t-cuerpo: calc(17 * var(--u)); --t-chico: calc(15 * var(--u)); --t-nota: calc(12.5 * var(--u)); --t-boton: calc(15 * var(--u)); --t-precio: calc(26 * var(--u)); --t-cifra: calc(36 * var(--u)); --e-1: calc(4 * var(--u)); --e-2: calc(8 * var(--u)); --e-3: calc(12 * var(--u)); --e-4: calc(16 * var(--u)); --e-5: calc(24 * var(--u)); --e-6: calc(32 * var(--u)); --e-7: calc(40 * var(--u)); --e-8: calc(56 * var(--u)); --e-9: calc(64 * var(--u)); --e-10: calc(96 * var(--u)); --e-11: calc(120 * var(--u)); --r-campo: calc(16 * var(--u)); --r-bloque: calc(24 * var(--u)); --r-producto: calc(28 * var(--u)); --r-tarjeta: calc(32 * var(--u)); } } /* Celular (decisión 55, 1-oct-2026: más legible y menos saturado): texto corrido de 16 px como mínimo (antes 15), notas de 13 px (antes 12) y más aire entre secciones (72 px; antes 64). Títulos con Montserrat (decisión 99): 32 / 28 / 20 px. */ @media (max-width: 767px) { :root { --seccion-y: 72px; --t-display: min(56px, 14vw); --t-h1: 32px; --t-h1-tour: 32px; --t-portada: 42px; --t-portada-grande: min(96px, 24vw); --t-portada-tour: 54px; --t-h2: 28px; --t-h3: 20px; --t-h4: 18px; --t-h5: 17px; --t-h6: 15px; --t-antetitulo: 12px; --t-lead: 17px; --t-cuerpo: 16px; --t-chico: 15px; --t-nota: 13px; --t-boton: 14.5px; --t-precio: 24px; --t-cifra: 30px; } } /* --------------------------------------------------------------------- Gris sobre fondos grises (decisión 99, 16-oct-2026) El texto informativo #737373 da 4.74:1 sobre blanco, pero baja de 4.5:1 sobre los fondos grises del modo claro (4.30:1 sobre #f5f3f6 y 3.95:1 sobre #ebe7ec). Donde el fondo es gris, --texto-2 y --texto-3 toman el gris más cercano que pasa: #6e6e6e sobre #f5f3f6 (4.62:1) y #676767 sobre #ebe7ec (4.63:1). En modo oscuro, en las zonas de foto y en el pie estos tokens valen lo mismo que --texto-2 / --texto-3, así que no cambian nada. Las tarjetas blancas dentro de una sección gris heredan el gris un poco más oscuro (la diferencia no se nota). --------------------------------------------------------------------- */ /* Fondos #f5f3f6 (--fondo-alt, --tarjeta-alt, --header-barra) y la columna del año vigente de las tablas de precios (rojo al 5 %: #737373 da 4.35:1) */ .cta-seccion--alt, .cta-topbar, .cta-prosa blockquote, .cta-legal__seccion > blockquote, .cta-legal__otra, .cta-entrada__recorrido, .cta-entrada-tour__precios, .cta-correo__solicitud, .cta-calc__resultado, .cta-tour-reservar__aviso, .cta-tabla .es-vigente { --texto-2: var(--texto-2-alt); --texto-3: var(--texto-3-alt); } /* Fondos #ebe7ec (--fondo-hondo) y #f1eef2 (--chip-bg: ahí #6e6e6e daría 4.43:1) */ .cta-seccion--honda, .cta-filtros, .cta-anclas, .cta-blog-barra, .cta-panel, .cta-barra-reserva, .cta-contacto-mapa, .cta-calc__reparto, .cta-calc__chip, .cta-tfotos__enlace { --texto-2: var(--texto-2-hondo); --texto-3: var(--texto-3-hondo); }