/* Base compartida: variables, reset, nav, footer, comun a todas las paginas */

:root {
      --bg:#0a0a0a; --bg-alt:#141414; --surface:#1a1a1a; --surface-2:#232323; --border:#2a2a2a;
      --primary:#ff5c00; --primary-hv:#ff8c42; --accent:#00e5a0; --wa:#25d366;
      --text:#f5f0e8; --muted:#c8c0b0; --dim:#7a7060;
      --display:'Bebas Neue',sans-serif; --body:'Outfit',sans-serif; --mono:'Space Mono',monospace;
      --max:1180px; --radius:8px;
    }

*{box-sizing:border-box}

html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden}

body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.55}

a{color:inherit;text-decoration:none}

::selection{background:var(--primary);color:#fff}

body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 80%);z-index:-1}

.nav{position:fixed;top:0;left:0;right:0;z-index:10;border-bottom:1px solid rgba(245,240,232,.08);background:rgba(10,10,10,.82);backdrop-filter:blur(18px)}

.brand{font-family:var(--display);font-size:2rem;letter-spacing:.04em;line-height:.85}

.brand span{color:var(--primary)}

h1,h2,h3,p{margin:0}

.btn--primary{background:var(--primary);border-color:var(--primary);color:#111}

.btn--primary:hover{background:var(--primary-hv)}

.section{max-width:var(--max);margin:auto}

.surface{background:var(--bg-alt);border-block:1px solid var(--border)}

footer{border-top:1px solid var(--border);padding:34px 24px;color:var(--dim)}

.float{position:fixed;right:18px;bottom:18px;z-index:20;background:var(--wa);color:#06140b;border-radius:999px;padding:13px 16px;font-weight:800;box-shadow:0 10px 36px rgba(37,211,102,.28)}