/* ========================================================================== La Sonsoneña — Tipografía corporativa: Avenir Next World -------------------------------------------------------------------------- Archivos locales en css/fonts/ (no depende de Adobe Fonts ni Google Fonts) Se carga desde el de cada página: ========================================================================== */ /* ---- Regular ---- */ @font-face{ font-family:'Avenir Next World'; src:url('fonts/AvenirNextWorld-Regular.woff2') format('woff2'); font-weight:400; font-style:normal; font-display:swap; } /* ---- Italic ---- */ @font-face{ font-family:'Avenir Next World'; src:url('fonts/AvenirNextWorld-Italic.woff2') format('woff2'); font-weight:400; font-style:italic; font-display:swap; } /* ---- Bold ---- */ @font-face{ font-family:'Avenir Next World'; src:url('fonts/AvenirNextWorld-Bold.woff2') format('woff2'); font-weight:700; font-style:normal; font-display:swap; } /* ---- Bold Italic ---- */ @font-face{ font-family:'Avenir Next World'; src:url('fonts/AvenirNextWorld-BoldItalic.woff2') format('woff2'); font-weight:700; font-style:italic; font-display:swap; } /* ---- Heavy ---- */ @font-face{ font-family:'Avenir Next World'; src:url('fonts/AvenirNextWorld-Heavy.woff2') format('woff2'); font-weight:900; font-style:normal; font-display:swap; } /* ---- Heavy Italic ---- */ @font-face{ font-family:'Avenir Next World'; src:url('fonts/AvenirNextWorld-HeavyItalic.woff2') format('woff2'); font-weight:900; font-style:italic; font-display:swap; } /* Variable global: se usa en el CSS de todas las páginas. Los nombres que siguen son solo respaldo por si la fuente no carga. */ :root{ --font-app:'Avenir Next World','Avenir Next',Avenir,'Segoe UI',Arial,Helvetica,sans-serif; } /* Aplicación consistente: títulos, textos, botones, formularios, tablas, menús y mensajes. No toca colores ni tamaños. */ html,body, h1,h2,h3,h4,h5,h6, p,a,span,div,li,ul,ol,dl,dt,dd, label,small,strong,b,em,i,blockquote,figcaption, button,input,select,textarea,optgroup,option,fieldset,legend, table,thead,tbody,tfoot,tr,th,td,caption{ font-family:var(--font-app); } /* Los navegadores no heredan la fuente en los controles de formulario: se fuerza aquí para que inputs, selects y botones vayan iguales. */ button,input,select,textarea{ font-family:var(--font-app); }