@import 'tokens/fonts.css'; @import 'tokens/colors.css'; @import 'tokens/brand-structures.css'; @import 'tokens/typography.css'; @import 'tokens/spacing.css'; /* Bloque SEO estatico dentro de #root: existe en el DOM para rastreadores, pero no se pinta, para que al navegar no aparezca esa version de texto antes de la pagina real. Si React no monta (JS roto o muy lento), reveal.js pone .seo-static-visible en . */ #root>[data-seo-static]{position:absolute!important;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);pointer-events:none} html.seo-static-visible #root>[data-seo-static]{position:static!important;width:auto;height:auto;overflow:visible;clip-path:none;pointer-events:auto} /* Frases destacadas del home: una sola linea solo cuando hay ancho para ella */ [data-oneline]{white-space:normal} @media(min-width:1000px){[data-oneline]{white-space:nowrap}} /* ---- Sistema de movimiento compartido (Innovations y Structures) ---- */ [data-reveal]{opacity:0;transform:translate3d(0,24px,0);transition:opacity .6s cubic-bezier(.23,1,.32,1) var(--rd,0ms),transform .6s cubic-bezier(.23,1,.32,1) var(--rd,0ms)} [data-reveal].in{opacity:1;transform:none} [data-zoom]{transform:scale(1.07);transition:transform 1s cubic-bezier(.23,1,.32,1) var(--rd,0ms)} [data-zoom].in{transform:none} [data-blueprint]{clip-path:inset(0 0 100% 0);transition:clip-path .62s cubic-bezier(.23,1,.32,1) var(--rd,0ms)} [data-blueprint].in{clip-path:inset(0 0 0 0)} @media(hover:hover) and (pointer:fine){ [data-hoverzoom]{transition:transform .45s cubic-bezier(.23,1,.32,1)} [data-hoverzoom]:hover{transform:scale(1.04)} [data-page] section button{transition:transform .16s cubic-bezier(.23,1,.32,1)} [data-page] section button:hover{transform:scale(1.035)} [data-page] section button:active{transform:scale(.97)} [data-st-cta]{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .16s cubic-bezier(.23,1,.32,1)} [data-st-cta]:hover{background:var(--brand-accent-light);color:var(--color-st-navy-950);box-shadow:0 0 30px rgba(0,172,249,.5)} [data-st-cta]:active{transform:scale(.97)} [data-st-mobilebar] a{transition:filter .16s ease} [data-st-mobilebar] a:hover{filter:brightness(1.08)} } [data-st-mobilebar] a:active{filter:brightness(.93)} @media(prefers-reduced-motion:reduce){[data-reveal],[data-zoom],[data-blueprint]{opacity:1 !important;transform:none !important;clip-path:none !important;transition:none !important}[data-parallax]{translate:none !important}[data-hoverzoom]:hover{transform:none !important}} /* ---- Canaan Structures: conversion movil, franja de confianza, validacion ---- */ [data-st-mobilebar]{display:none} @media(max-width:720px){[data-st-mobilebar]{display:flex}[data-page="structures"]{padding-bottom:52px}} @media(max-width:900px){[data-grid="trust"]>div{border-left:none !important;border-top:1px solid var(--border-subtle)}[data-grid="trust"]>div:first-child{border-top:none}} [data-st-field="invalid"]{border-radius:var(--radius-sm);box-shadow:0 0 0 2px #C0342B,0 0 0 6px rgba(192,52,43,.12)} [data-svc-row]{transition:background-color 200ms ease} [data-svc-photo]{transform-origin:right center;transition:transform 420ms cubic-bezier(.23,1,.32,1)} [data-svc-row] [data-svc-photo]{opacity:1} [data-svc-row][data-surface="light"]+[data-svc-row][data-surface="light"]{border-top:1px solid rgba(20,64,95,.12)} [data-svc-bar]{clip-path:inset(100% 0 0 0);transition:clip-path 240ms cubic-bezier(.23,1,.32,1)} @media (hover:hover) and (pointer:fine){[data-svc-row][data-surface="dark"]:hover{background-color:#123F64}[data-svc-row][data-surface="light"]:hover{background-color:#FFF}[data-svc-row]:hover [data-svc-photo]{transform:scale(1.02)}[data-svc-row]:hover [data-svc-bar]{clip-path:inset(0)}} @media(max-width:980px){[data-svc-row]{grid-template-columns:50px minmax(0,230px) minmax(0,1fr) 96px !important;gap:18px !important}} @media(max-width:760px){[data-svc-row]{grid-template-columns:44px minmax(0,1fr) !important;padding:26px 22px !important}[data-svc-row] p{grid-column:2}} @media (prefers-reduced-motion:reduce){[data-svc-bar]{transition:none}} [data-st-arrow]{transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .16s cubic-bezier(.23,1,.32,1)} [data-st-arrow]:hover{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)} [data-st-arrow]:active{transform:scale(.95)} [data-st-cap]{transition:background-color .2s ease,padding-left .2s ease} [data-st-cap][data-open="false"]:hover{background:#F7FAFC;padding-left:14px} /* Barra movil inyectada en Innovations: espacio al final del documento */ @media(max-width:720px){body[data-ci-bar]{padding-bottom:52px}}