@font-face{font-family:Outfit;src:url(fonts/outfit.woff2) format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Archivo;src:url(fonts/archivo.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--papel:#FAF8F2;--tinta:#161412;--grad:linear-gradient(90deg,#ED217C,#FBAF61)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;overflow:hidden;background:var(--papel);color:var(--tinta);font-family:Archivo,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
.marca{font-family:Outfit;font-weight:800;letter-spacing:.02em;display:flex;align-items:center;gap:.5em}
.marca img{width:28px;height:28px;border-radius:50%}
.marca b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.redes a{font:600 12px/1 Archivo;letter-spacing:.12em;text-transform:uppercase;margin-left:18px}
.cred{font:400 11px/1.35 Archivo;opacity:.85}
video{display:block}