:root{
  --bg:#0b0d12; --bg2:#12151d; --card:#171b25; --line:#262c3a;
  --text:#eef0f5; --muted:#9aa3b5; --volt:#ffd400; --volt2:#ffb800;
  --red:#ff4d4d; --green:#3ddc84; --radius:14px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0}
body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:var(--volt)}
html[data-lang=es] .en, html[data-lang=en] .es{display:none!important}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.preview-bar{background:var(--volt);color:#111;font-size:13px;font-weight:600;text-align:center;padding:6px 16px}

/* header */
header{position:sticky;top:0;z-index:20;background:rgba(11,13,18,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:'Archivo Black',Inter,sans-serif;font-size:20px;letter-spacing:.3px;white-space:nowrap}
.brand svg{flex:none}
.brand b{color:var(--volt);font-weight:400}
.links{display:flex;gap:22px;align-items:center}
.links a{color:var(--muted);text-decoration:none;font-weight:500;font-size:15px}
.links a:hover{color:var(--text)}
.lang{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}
.lang button{background:none;border:0;color:var(--muted);padding:6px 12px;font-weight:700;cursor:pointer;font-size:13px}
.lang button.on{background:var(--volt);color:#111}
@media (max-width:760px){.links a{display:none}.brand{font-size:17px}}

/* hero */
.hero{position:relative;padding:72px 0 56px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(800px 400px at 80% 10%,rgba(255,212,0,.13),transparent 60%),radial-gradient(600px 300px at 0% 100%,rgba(255,77,77,.10),transparent 60%);pointer-events:none}
.hero h1{font-family:'Archivo Black',Inter,sans-serif;font-size:clamp(36px,6vw,68px);line-height:1.02;margin:0 0 18px;letter-spacing:-.5px;max-width:15ch}
.hero h1 em{font-style:normal;color:var(--volt)}
.hero p.lead{font-size:clamp(17px,2vw,20px);color:#c9cfdb;max-width:60ch;margin:0 0 28px}
.cta{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:13px 22px;font-weight:700;font-size:16px;text-decoration:none;border:0;cursor:pointer}
.btn.primary{background:var(--volt);color:#111}
.btn.primary:hover{background:var(--volt2)}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:44px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.stat .n{font-family:'Archivo Black',Inter,sans-serif;font-size:30px;color:var(--volt)}
.stat .l{color:var(--muted);font-size:14px}
@media (max-width:760px){.stats{grid-template-columns:repeat(2,1fr)}}

.notice{background:var(--bg2);border:1px solid var(--line);border-left:4px solid var(--volt);border-radius:10px;padding:12px 16px;font-size:14px;color:#c9cfdb;margin-top:28px}

/* sections */
section{padding:64px 0;border-top:1px solid var(--line)}
.kicker{color:var(--volt);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:13px;margin-bottom:6px}
h2{font-family:'Archivo Black',Inter,sans-serif;font-size:clamp(28px,4vw,40px);margin:0 0 12px;line-height:1.1}
.sub{color:var(--muted);max-width:65ch;margin:0 0 28px}

/* form */
.formgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:start}
@media (max-width:900px){.formgrid{grid-template-columns:1fr}}
form{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:560px){.row{grid-template-columns:1fr}}
label{display:block;font-weight:600;font-size:14px;margin:0 0 6px}
.field{margin-bottom:16px}
input,select,textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit;font-size:15px}
input:focus,select:focus,textarea:focus{outline:2px solid var(--volt);outline-offset:1px;border-color:transparent}
textarea{min-height:130px;resize:vertical}
.hint{color:var(--muted);font-size:12.5px;margin-top:5px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:#c9cfdb;margin-bottom:12px}
.chk input{width:18px;height:18px;margin-top:2px;flex:none;accent-color:var(--volt)}
.side{display:grid;gap:14px}
.box{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.box h3{margin:0 0 8px;font-size:17px}
.box ul{margin:0;padding-left:18px;color:#c9cfdb;font-size:14.5px}
.box li{margin-bottom:6px}
.ok{display:none;background:rgba(61,220,132,.1);border:1px solid var(--green);color:#bff3d6;border-radius:10px;padding:12px 14px;margin-top:12px;font-size:14.5px}

/* wall */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.filters select{width:auto;min-width:180px}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.chip{background:var(--card);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;cursor:pointer}
.chip.on{background:var(--volt);color:#111;border-color:var(--volt)}
.wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.post{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px;display:flex;flex-direction:column;gap:10px}
.post .top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.tag{font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(255,212,0,.12);color:var(--volt);text-transform:uppercase;letter-spacing:.5px}
.tag.sample{background:rgba(154,163,181,.15);color:var(--muted)}
.tag.pending{background:rgba(255,77,77,.12);color:var(--red)}
.meta{color:var(--muted);font-size:13px}
.post p{margin:0;color:#dfe3ec}
.facts{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.facts b{color:var(--text)}
.metoo{align-self:flex-start;background:none;border:1px solid var(--line);color:var(--text);border-radius:999px;padding:6px 12px;font-weight:600;font-size:13px;cursor:pointer}
.metoo.on{border-color:var(--volt);color:var(--volt)}
.empty{color:var(--muted);padding:30px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius)}

/* news */
.news{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.news a.item{display:block;text-decoration:none;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;transition:border-color .15s}
.news a.item:hover{border-color:var(--volt)}
.news .src{font-size:12px;color:var(--volt);font-weight:700;text-transform:uppercase;letter-spacing:.6px}
.news .h{font-weight:600;margin-top:6px}
.social-cta{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
@media (max-width:760px){.social-cta{grid-template-columns:1fr}}

/* act */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media (max-width:760px){.steps{grid-template-columns:1fr}}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.step .num{font-family:'Archivo Black',Inter,sans-serif;color:var(--volt);font-size:28px}
.step h3{margin:6px 0 6px;font-size:18px}
.step p{margin:0;color:#c9cfdb;font-size:14.5px}

/* dossier */
.dgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.dcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}
.dcard.dashed{border-style:dashed;background:transparent}
.dcard p{margin:8px 0 10px;color:#dfe3ec;font-size:14.5px}
.dh{font-weight:700;font-size:17px}
.drole{color:var(--volt);font-size:13px;font-weight:600;margin-top:2px}
.srcl{font-size:13px;font-weight:600;text-decoration:none}
.srcl:hover{text-decoration:underline}
.tl{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--line)}
.tl li{position:relative;margin:0 0 16px;padding-left:8px;color:#dfe3ec;font-size:15px}
.tl li:before{content:"";position:absolute;left:-25px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--volt)}
.tl b{color:var(--volt);font-variant-numeric:tabular-nums}

footer{border-top:1px solid var(--line);padding:36px 0 50px;color:var(--muted);font-size:13.5px}
footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:24px}
@media (max-width:760px){footer .cols{grid-template-columns:1fr}}
footer h4{color:var(--text);margin:0 0 8px;font-size:14px}
footer a{color:var(--muted)}

/* launch additions */
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.msg{display:none;border-radius:10px;padding:12px 14px;margin-top:12px;font-size:14.5px}
.msg.ok{display:block;background:rgba(61,220,132,.1);border:1px solid var(--green);color:#bff3d6}
.msg.err{display:block;background:rgba(255,77,77,.1);border:1px solid var(--red);color:#ffd0d0}
.btn[disabled]{opacity:.6;cursor:wait}
.post.hl{border-color:var(--volt);box-shadow:0 0 0 3px rgba(255,212,0,.25)}
.post img{width:100%;border-radius:10px;border:1px solid var(--line);max-height:320px;object-fit:cover;cursor:zoom-in}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.share{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 11px;font-weight:600;font-size:13px;cursor:pointer;text-decoration:none}
.share:hover{color:var(--text);border-color:var(--muted)}
.metoo{align-self:auto}
.notice a,footer a{color:inherit}
.box p a,.chk a{color:var(--volt)}
.page{padding:48px 0 64px}
.page h1{font-family:'Archivo Black',Inter,sans-serif;font-size:clamp(30px,5vw,44px);margin:0 0 10px;line-height:1.1}
.page h2{margin-top:44px}
.page p,.page li{color:#dfe3ec;max-width:72ch}
.page ul{padding-left:20px}
.page form{max-width:640px;margin-top:16px}
section,.post{scroll-margin-top:80px}
.post p,.item p{overflow-wrap:anywhere}
.wall .empty{grid-column:1/-1}
.fbtn{display:inline-flex;align-items:center;gap:6px;background:#1877f2;color:#fff;text-decoration:none;font-weight:700;font-size:13px;padding:6px 12px;border-radius:999px;margin-left:auto;margin-right:10px}
.fbtn:hover{background:#0f63d4}
@media (max-width:760px){.fbtn span{display:none}.fbtn{padding:7px}}
.btn svg{flex:none}
.fbwrap{display:flex;justify-content:center}
.fbgate{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;display:grid;gap:14px;justify-items:center;text-align:center;max-width:520px;width:100%}
.fbicon{color:#1877f2}
.fbactions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
#fb-frame iframe{max-width:100%}