:root{--tiber: #06392f;--bandera: #1e7a3c;--naranja: #e8501e;--terracota: #a6471f;--mostaza: #d9a741;--crema: #f2ebdc;--rosado: #fbe3d6;--tinta: #14130f;--bg: var(--crema);--bg-ink: var(--tinta);--surface: #faf5e9;--ink: var(--tinta);--ink-soft: #4a463c;--ink-mute: #837d6e;--line: #d9cfb8;--line-strong: #b8ab8d;--accent: var(--naranja);--font-display: "Archivo", "Archivo Black", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-sans: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono: "Space Mono", "IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;--s-1: .25rem;--s-2: .5rem;--s-3: .75rem;--s-4: 1rem;--s-5: 1.5rem;--s-6: 2rem;--s-7: 3rem;--s-8: 4.5rem;--s-9: 7rem;--maxw: 1120px;--maxw-narrow: 760px;--header-h: 64px;--ease: cubic-bezier(.16, 1, .3, 1);--t-fast: .16s;--t-base: .32s;--t-slow: .64s;--mago-teal: #075056;--mago-cream: #e4eef0;--mago-orange: #ff5b04;--mago-black: #0a0a0a;--mago-ink-soft: #cdd9da}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);font-size:clamp(1rem,.95rem + .3cqi,1.08rem);line-height:1.55;color:var(--ink);background-color:var(--bg);background-image:var(--grain);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}:root{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E")}img,svg{display:block;max-inline-size:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}:focus-visible{outline:3px solid var(--naranja);outline-offset:3px}h1,h2,h3{font-family:var(--font-display);font-weight:800;line-height:.98;letter-spacing:-.02em;text-wrap:balance}.eyebrow{font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute)}.mono{font-family:var(--font-mono);font-variant-ligatures:none}.container{inline-size:100%;max-inline-size:var(--maxw);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.section{padding-block:clamp(var(--s-7),9vw,var(--s-9));position:relative;scroll-margin-top:calc(var(--header-h) + var(--s-4))}.skip-link{position:absolute;inset-block-start:-100%;inset-inline-start:var(--s-4);z-index:100;background:var(--tinta);color:var(--crema);padding:var(--s-2) var(--s-4);font-family:var(--font-mono);font-size:.8rem}.skip-link:focus{inset-block-start:var(--s-4)}.btn{--btn-bg: var(--tinta);--btn-fg: var(--crema);display:inline-flex;align-items:center;gap:var(--s-3);font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.85rem 1.4rem;background:var(--btn-bg);color:var(--btn-fg);border:2px solid var(--tinta);cursor:pointer;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease);box-shadow:4px 4px 0 var(--tinta)}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--tinta)}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--tinta)}.btn--wa{--btn-bg: var(--bandera);--btn-fg: var(--crema);border-color:var(--tiber);box-shadow:4px 4px 0 var(--tiber)}.btn--wa:hover{box-shadow:6px 6px 0 var(--tiber)}.btn--wa:active{box-shadow:1px 1px 0 var(--tiber)}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--tinta)}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--t-slow) var(--ease),transform var(--t-slow) var(--ease);will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.stamp-edge{--notch: 7px;-webkit-mask:radial-gradient(var(--notch) at var(--notch) var(--notch),#0000 98%,#000) calc(var(--notch) * -1) calc(var(--notch) * -1);mask:radial-gradient(var(--notch) at var(--notch) var(--notch),#0000 98%,#000) calc(var(--notch) * -1) calc(var(--notch) * -1)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
