@charset "utf-8"; ::selection { background-color: #F4C670; color: #1A1A1A; } /* ================================================== ESCALA GLOBAL DEL SITIO — 75% PALANCA UNICA de tamano de todo el sitio: tipografia, espaciados, cajas y radios. Cambiar SOLO este numero reescala la web entera (80% para subirla, 100% para volver al tamano original). No hay ninguna otra palanca. PORCENTAJE y NO px a proposito: un font-size absoluto en la raiz descarta la preferencia de tipografia del navegador, asi que quien la tiene ampliada por baja vision recibiria el tamano fijo (WCAG 1.4.4). El 75% se aplica SOBRE su valor, no en lugar de el. CONTRATO DE UNIDADES que hace funcionar esto -respetarlo en todo el tema-: rem = medida de diseno. Escala con esta palanca. px = constante funcional. Absoluta, NO escala nunca. Para convertir una medida de diseno a rem se divide SIEMPRE ENTRE 16, nunca entre 12: 30px de la maqueta -> 1.875rem (30/16), que con la raiz al 75% computa 22,5px. Dividir entre 16 mantiene el numero en rem legible como "el valor de la maqueta" -asi los comentarios de medidas de este tema siguen apuntando a algo- y hace la reversion exacta, sin residuo de redondeo. Se quedan en px por ser constantes funcionales, no medidas de diseno: bordes y hairlines (1px; a 0,75px el antialias baja el contraste efectivo del limite de componente, WCAG 1.4.11), el anillo de foco y su halo (outline 2px + offset 2px + box-shadow 4px; 2px es el grosor minimo de WCAG 2.4.11), los minimos de area tactil (24 y 44px, WCAG 2.5.5/2.5.8) y los breakpoints de media query. ================================================== */ html { font-size: 75%; overflow-x: hidden; /* Reserva el hueco de la barra de scroll SIEMPRE, incluido cuando .no-scroll la retira. Sin esto, bloquear el scroll ensancha el viewport ~15px y toda la pagina (el #header fixed incluido) da un tiron horizontal. Donde no esta soportado (Safari <=18.1) las barras son overlay y no ocupan ancho, asi que no hay salto que compensar. */ scrollbar-gutter: stable; } /* La aplica y la retira scrollLock (site.js). Va en y no en : solo el overflow del elemento raiz se propaga al viewport. */ html.no-scroll { overflow: hidden; } /* Badge flotante de Google reCAPTCHA v3, inyectado por su script en . Se oculta porque su aviso legal se muestra como texto dentro de cada formulario protegido (#contact-form y #subscribe-form). visibility: hidden y NO display: none a proposito: los terminos de Google permiten ocultarlo visualmente solo si el aviso legal esta visible, pero exigen que el badge siga presente en el DOM; display: none lo saca del layout y da por roto ese requisito. Regla global porque el newsletter del footer carga reCAPTCHA en todas las paginas, no solo en /contacto. */ .grecaptcha-badge { visibility: hidden; } @font-face { font-family: 'Hurme Geometric Sans 1'; src: url('../../fonts/HurmeGeometricSans1-Regular.eot'); src: url('../../fonts/HurmeGeometricSans1-Regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/HurmeGeometricSans1-Regular.woff2') format('woff2'), url('../../fonts/HurmeGeometricSans1-Regular.woff') format('woff'), url('../../fonts/HurmeGeometricSans1-Regular.ttf') format('truetype'), url('../../fonts/HurmeGeometricSans1-Regular.svg#HurmeGeometricSans1-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Hurme Geometric Sans 1'; src: url('../../fonts/HurmeGeometricSans1-Bold.eot'); src: url('../../fonts/HurmeGeometricSans1-Bold.eot?#iefix') format('embedded-opentype'), url('../../fonts/HurmeGeometricSans1-Bold.woff2') format('woff2'), url('../../fonts/HurmeGeometricSans1-Bold.woff') format('woff'), url('../../fonts/HurmeGeometricSans1-Bold.ttf') format('truetype'), url('../../fonts/HurmeGeometricSans1-Bold.svg#HurmeGeometricSans1-Bold') format('svg'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Hurme Geometric Sans 1'; src: url('../../fonts/HurmeGeometricSans1-SemiBold.eot'); src: url('../../fonts/HurmeGeometricSans1-SemiBold.eot?#iefix') format('embedded-opentype'), url('../../fonts/HurmeGeometricSans1-SemiBold.woff2') format('woff2'), url('../../fonts/HurmeGeometricSans1-SemiBold.woff') format('woff'), url('../../fonts/HurmeGeometricSans1-SemiBold.ttf') format('truetype'), url('../../fonts/HurmeGeometricSans1-SemiBold.svg#HurmeGeometricSans1-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } body { padding: 0; margin: 0; background-color: #ffffff; font-family: 'Hurme Geometric Sans 1'; font-size: 1rem; color: #1A1A1A; font-weight: 400; line-height: normal; } a { color: #F4C670; text-decoration: none; } a:hover { color: #1A1A1A; text-decoration: none; } img { max-width: 100%; height: auto; } .padding-t-0 { padding-top: 0 !important; } .padding-b-0 { padding-bottom: 0 !important; } /* Excepcion: la X de cierre del modal del NeoLoyaltyWidget en movil (<=991px, auth.mode:'modal' en neo-loyalty.xsl). Verificado en vivo (jul 2026): ese boton NO vive dentro de #neo-loyalty-widget -el dialogo se porta directo a , cadena real reka-dialog-content-v-0 > BODY-, asi que no se puede excluir por el contenedor unico del widget (ver cabecera de neo-loyalty.xsl). Se excluye por ".neoloyalty-modal-content", la clase semantica que el propio widget expone para ese wrapper (equivalente in situ a la ".neoloyalty-dialog- content" de la doc oficial, que quedo desactualizada respecto al bundle desplegado). El boton no tiene clase neoloyalty-* propia ni aria-label -solo utilidades Tailwind (p-0.5, absolute, top-3...) y un con el texto "Close" sin traducir, ambos fuera de nuestro control-, asi que el hook mas estable disponible es estructural: es el UNICO