@font-face{font-family:Archivo;src:url(/fonts/Archivo-var-latin.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/IBMPlexMono-400-normal-latin.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plex Mono;src:url(/fonts/IBMPlexMono-600-normal-latin.woff2) format("woff2");font-weight:600;font-display:swap}:root{--papel: #F1F1EE;--tinta: #191c1c;--gris: #565b59;--linea: rgba(25,28,28,.16);--rojo:#B3261E}*{box-sizing:border-box}html,body{overflow-x:hidden}body{margin:0;background:var(--papel);color:var(--tinta);font-family:Archivo,system-ui,sans-serif;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}a{color:inherit}.mono{font-family:Plex Mono,ui-monospace,monospace;font-size:.685rem;letter-spacing:.19em;text-transform:uppercase}.top{display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1.25rem,5vw,3rem)}.marca{font-weight:800;font-size:1.02rem;letter-spacing:-.035em;text-decoration:none;display:flex;align-items:center;gap:.5rem}.lang-toggle{display:flex;gap:.3rem;border:1px solid var(--linea);padding:.2rem;border-radius:4px}.lang-btn{font-family:Plex Mono,monospace;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;background:none;border:0;color:var(--gris);padding:.32rem .55rem;cursor:pointer;transition:background .13s ease,color .13s ease;border-radius:2px}.lang-btn:hover{color:var(--tinta)}.lang-btn[aria-pressed=true]{background:var(--tinta);color:var(--papel)}.split{flex:1;display:grid;grid-template-columns:1fr 1fr;min-height:0}@media(max-width:820px){.split{grid-template-columns:1fr}}.split-visual{position:relative;background:transparent;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:clamp(2rem,4vw,3.5rem)}.split-visual:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(var(--linea) 1px,transparent 1px),linear-gradient(90deg,var(--linea) 1px,transparent 1px);background-size:56px 56px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 40%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,#000 40%,transparent 100%)}.escena{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(1.5rem,3vw,2.25rem);width:100%;max-width:560px}.macbook{position:relative;width:100%;perspective:1500px;transform-style:preserve-3d}.macbook-tapa{position:relative;padding:10px 10px 14px;background:linear-gradient(160deg,#dedee1,#b6b6bb 42%,#d2d2d6);border-radius:14px 14px 5px 5px;transform-origin:50% 100%;transform:rotateX(-97deg) scale(.95);opacity:0;box-shadow:0 34px 60px -32px #0a0a0a73,inset 0 0 0 1px #ffffff80;animation:tapa-abierta 1.15s cubic-bezier(.22,1,.36,1) .1s forwards}@keyframes tapa-abierta{to{transform:rotateX(0) scale(1);opacity:1}}.macbook-pantalla{position:relative;width:100%;background:#000;border-radius:6px;overflow:hidden;box-shadow:inset 0 0 0 1px #000000b3}.macbook-pantalla img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.macbook-cam{position:absolute;top:2px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#3a3a3c;box-shadow:inset 0 0 0 1px #0006}.macbook-base{position:relative;height:13px;width:106%;margin:-1px auto 0;background:linear-gradient(180deg,#cfcfd3,#a6a6ab);border-radius:3px 3px 13px 13px;box-shadow:0 26px 42px -26px #0a0a0a80}.macbook-base:after{content:"";display:block;width:60px;height:4px;margin:3px auto 0;background:#8a8a8f;border-radius:0 0 4px 4px}.split-visual-caption{position:relative;text-align:center;max-width:44ch}.split-visual-caption .mono{color:var(--tinta)}.split-visual-caption p{margin:.4rem 0 0;font-size:.88rem;color:var(--gris);line-height:1.5}@media(prefers-reduced-motion:reduce){.macbook-tapa{animation:none;transform:rotateX(0);opacity:1}}@media(max-width:820px){.split-visual{display:none}}.split-form{display:flex;align-items:center;justify-content:center;padding:2rem clamp(1.5rem,4vw,3rem)}.caja{width:100%;max-width:380px}.rotulo{color:var(--gris);margin:0 0 1.5rem}h1{font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.05;letter-spacing:-.035em;font-weight:800;margin:0 0 .6rem}.sub{color:var(--gris);font-size:.92rem;margin:0 0 2rem;max-width:38ch}form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.4rem}label span{color:var(--gris)}input{font-family:Archivo,sans-serif;font-size:1rem;padding:.85rem .9rem;border:1px solid var(--linea);background:var(--papel);color:var(--tinta);border-radius:0}input:focus{outline:2px solid var(--tinta);outline-offset:1px}button[type=submit]{margin-top:.5rem;font-family:Plex Mono,monospace;font-size:.685rem;letter-spacing:.19em;text-transform:uppercase;background:var(--tinta);color:var(--papel);border:0;padding:1.02rem 1.5rem;cursor:pointer;transition:opacity .13s ease}button[type=submit]:hover{opacity:.85}button[type=submit]:disabled{opacity:.5;cursor:default}.msg{font-size:.85rem;margin:0;min-height:1.2em}.msg.err{color:var(--rojo)}.msg.ok{color:var(--gris)}.pie{color:var(--gris);font-size:.82rem;margin-top:1.8rem}.pie a{border-bottom:1px solid var(--linea);text-decoration:none}.pie a:hover{border-color:var(--tinta)}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}html body{background:radial-gradient(70% 38% at 50% 0%,#fafaf8,#fafaf800 70%),radial-gradient(45% 30% at 4% 24%,#bac6e847,#bac6e800 70%),radial-gradient(40% 28% at 98% 10%,#e8cbd642,#e8cbd600 70%),#f1f1ee}::selection{background:#ff5a1f;color:#fafaf8}