/* Openex Corp — capa del sitio sobre modernist.css (tokens del sistema; acento #ec3013). Solo lo que no puede ir en línea: resets, visibilidad responsive, estados previos de animación y :hover. No editar modernist.css. */ html{scroll-behavior:smooth} body{margin:0;background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-wrap:pretty;overflow-x:clip} a{color:var(--color-accent)} a:hover{color:var(--color-accent-600)} [hidden]{display:none!important} .ox-skip{position:absolute;left:-9999px;top:8px;z-index:300;background:var(--color-accent);color:var(--color-bg);padding:10px 14px} .ox-skip:focus{left:8px} /* Visibilidad responsive ([data-show]) — mismos cortes que ox-cinema.js: 640 / 960 / 1200 px */ @media (max-width:959px){[data-show="wide"]{display:none!important}} @media (min-width:960px){[data-show="notWide"]{display:none!important}} @media (max-width:639px){[data-show="notNarrow"]{display:none!important}} @media (min-width:640px){[data-show="narrow"]{display:none!important}} @media (max-width:1199px){[data-show="xl"]{display:none!important}} /* Estado previo de los revelados. Solo existe si el script del añade .ox-js; ox-cinema.js lo sustituye por estilos en línea y retira la clase al arrancar (o a los 4 s si falla). */ .ox-js [data-line]{transform:translateY(110%)} .ox-js [data-rv]:not([data-rv="wipe"]):not([data-rv="clip"]):not([data-rv="rule"]){opacity:0} .ox-js [data-rv="wipe"]{clip-path:inset(0 100% 0 0)} .ox-js [data-rv="clip"]{clip-path:inset(0 0 100% 0)} .ox-js [data-rv="rule"]{transform:scaleX(0)} .ox-intro [data-ox="intro"]{display:flex!important} /* :hover — en el diseño son atributos style-hover; aquí se generan como clases .oxh-N */ .oxh-1:hover{gap:16px!important;padding-right:10px!important} .oxh-2:hover{gap:22px!important;padding-right:14px!important} .oxh-3:hover{background:color-mix(in srgb, var(--color-bg) 10%, transparent)!important;border-color:var(--color-bg)!important} .oxh-4:hover{background:var(--color-surface)!important} .oxh-5:hover{gap:16px!important;padding-right:16px!important} .oxh-6:hover{background:var(--color-bg)!important;color:var(--color-accent)!important} .oxh-7:hover{gap:20px!important;padding-right:16px!important} .oxh-8:hover{color:var(--color-accent)!important} .oxh-9:hover{background:var(--color-surface)!important;color:var(--color-text)!important} @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}