:root{--v:#1a7a30;--v2:#399b53;--n:#0A0A0A;--b:#FFFFFF;--gl:#D1D5DB;--a:#F59E0B;--br:rgba(57,155,83,0.18);}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--n);color:var(--b);font-family:'Space Mono',monospace;overflow-x:hidden;-webkit-text-size-adjust:100%;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:20px 48px;display:flex;justify-content:space-between;align-items:center;transition:background .4s;}
nav.on{background:rgba(10,10,10,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(57,155,83,.18);}
.n-logo{font-family:'DM Serif Display',serif;font-size:1rem;font-weight:900;letter-spacing:.15em;color:#fff;text-decoration:none;text-transform:uppercase;}
.n-logo .d{color:#399b53;}
.n-links{display:flex;gap:28px;align-items:center;}
.n-links a{font-size:0.75rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,0.65);text-decoration:none;transition:color .3s;}
.n-links a:hover,.n-links a.on{color:#F59E0B;}
.n-tag{font-size:0.75rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,0.65);}
.ham{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;border:none;background:transparent;z-index:300;}
.ham span{display:block;width:22px;height:1.5px;background:#fff;transition:transform .3s,opacity .3s;}
.ham.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.ham.open span:nth-child(2){opacity:0;}
.ham.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
.mob-menu{display:none;position:fixed;inset:0;z-index:250;background:rgba(10,10,10,.97);backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .3s;pointer-events:none;}
.mob-menu.open{opacity:1;transform:translateY(0);pointer-events:all;}
.mob-menu a{font-family:'Space Mono',monospace;font-size:1rem;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,0.65);text-decoration:none;padding:20px 0;width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);transition:color .25s;}
.mob-menu a:first-child{border-top:1px solid rgba(255,255,255,.06);}
.mob-menu a:hover,.mob-menu a.on{color:#F59E0B;}
@media(max-width:768px){nav{padding:14px 18px;}.ham{display:flex;}.n-links,.n-tag{display:none!important;}.mob-menu{display:flex;}}

/* LAYOUT */
.wrap{max-width:720px;margin:0 auto;padding:120px 24px 96px;position:relative;}
.grid-bg{position:fixed;inset:0;background:linear-gradient(rgba(57,155,83,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(57,155,83,.05) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0;}
.wrap>*{position:relative;z-index:1;}
.kicker{display:block;font-family:'DM Serif Display',cursive;font-size:1.15rem;color:var(--a);margin-bottom:18px;}
h1.tt{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(2.1rem,6.5vw,3.6rem);line-height:1.08;letter-spacing:-.01em;margin-bottom:20px;}
h1.tt em{font-style:italic;color:var(--v2);}
.sub{font-size:0.82rem;line-height:1.85;color:var(--gl);margin-bottom:34px;}
.mini{font-size:0.75rem;line-height:1.7;color:rgba(255,255,255,0.65);letter-spacing:.04em;}

.btn{background:var(--v);color:var(--b);padding:16px 30px;font-family:'Space Mono',monospace;font-size:0.75rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background .3s,transform .3s;}
.btn:hover:not(:disabled){background:var(--v2);transform:translateY(-2px);}
.btn:disabled{opacity:.32;cursor:not-allowed;}
.btno{background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--b);padding:15px 28px;font-family:'Space Mono',monospace;font-size:0.75rem;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:border-color .3s,color .3s;}
.btno:hover{border-color:var(--a);color:var(--a);}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:8px;}

/* PROGRESO */
.prog-wrap{margin-bottom:34px;}
.prog-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}
.prog-lab{font-size:0.75rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,0.65);}
.prog-num{font-size:0.75rem;color:var(--a);letter-spacing:.1em;}
.prog-track{height:2px;background:rgba(255,255,255,.09);overflow:hidden;}
.prog-fill{height:100%;width:0;background:var(--v2);transition:width .35s cubic-bezier(.4,0,.2,1);}

/* PREGUNTA */
.q-num{font-family:'DM Serif Display',cursive;font-size:1rem;color:var(--a);display:block;margin-bottom:12px;}
.q-txt{font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(1.35rem,4.6vw,2rem);line-height:1.25;margin-bottom:28px;}
.opts{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;}
.opt{width:100%;text-align:left;background:transparent;border:1px solid rgba(255,255,255,.13);color:var(--gl);font-family:'Space Mono',monospace;font-size:0.78rem;line-height:1.5;padding:17px 20px;cursor:pointer;transition:border-color .2s,background .2s,color .2s;display:flex;align-items:center;gap:14px;min-height:56px;}
.opt:hover{border-color:rgba(57,155,83,.55);color:#fff;}
.opt.sel{border-color:var(--v2);background:rgba(57,155,83,.1);color:#fff;}
.opt-dot{width:9px;height:9px;border:1px solid rgba(255,255,255,.3);border-radius:50%;flex:0 0 auto;transition:background .2s,border-color .2s;}
.opt.sel .opt-dot{background:var(--a);border-color:var(--a);}
.q-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;}
.lnk-back{background:none;border:none;color:rgba(255,255,255,0.65);font-family:'Space Mono',monospace;font-size:0.75rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:10px 0;transition:color .25s;}
.lnk-back:hover{color:var(--a);}
.lnk-back[hidden]{display:none;}

/* RESULTADO */
.res-head{border-left:2px solid var(--v2);padding-left:20px;margin-bottom:36px;}
.res-lab{font-size:0.75rem;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,0.65);display:block;margin-bottom:10px;}
.res-int{font-size:0.75rem;line-height:1.75;color:rgba(255,255,255,0.65);margin-top:12px;}
.res-name{font-family:'DM Serif Display',serif;font-size:clamp(2.2rem,7vw,3.4rem);line-height:1.05;color:var(--v2);}
.card{border:1px solid rgba(255,255,255,.1);padding:26px 24px;margin-bottom:16px;background:rgba(255,255,255,.015);}
.card h3{font-size:0.75rem;letter-spacing:.24em;text-transform:uppercase;color:var(--a);margin-bottom:14px;font-weight:400;}
.card p{font-size:0.82rem;line-height:1.85;color:var(--gl);}
.card ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.card li{font-size:0.8rem;line-height:1.65;color:var(--gl);padding-left:18px;position:relative;}
.card li::before{content:'—';position:absolute;left:0;color:var(--v2);}
.card.accion{border-color:rgba(57,155,83,.4);background:rgba(57,155,83,.05);}
.rec-link{display:flex;justify-content:space-between;align-items:center;gap:14px;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:20px 22px;margin-bottom:16px;transition:border-color .3s,background .3s;}
.rec-link:hover{border-color:var(--a);background:rgba(245,158,11,.04);}
.rec-cat{font-size:0.75rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,0.65);display:block;margin-bottom:7px;}
.rec-tit{font-family:'DM Serif Display',serif;font-size:1.05rem;color:#fff;line-height:1.3;}
.rec-arr{color:var(--a);font-size:1.1rem;flex:0 0 auto;}
.sec-div{display:flex;align-items:center;gap:16px;margin:52px 0 30px;}
.sec-div span{font-size:0.75rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,0.65);white-space:nowrap;}
.sec-div i{flex:1;height:1px;background:rgba(255,255,255,.09);}

/* PLAN */
.plan-h{font-family:'DM Serif Display',serif;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.2;margin-bottom:12px;}
.f-group{margin-bottom:20px;}
.f-lab{display:block;font-size:0.75rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,0.65);margin-bottom:9px;}
.f-hint{display:block;font-size:0.75rem;color:rgba(255,255,255,0.65);margin-top:7px;line-height:1.6;}
.f-in{width:100%;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.13);color:#fff;font-family:'Space Mono',monospace;font-size:0.85rem;padding:15px 16px;transition:border-color .25s;min-height:52px;}
.f-in:focus{outline:none;border-color:var(--v2);}
.f-in::placeholder{color:rgba(255,255,255,0.65);}
.tarjeta{border:1px dashed rgba(57,155,83,.5);background:rgba(57,155,83,.05);padding:24px 22px;margin-top:8px;white-space:pre-wrap;font-size:0.8rem;line-height:1.9;color:var(--gl);}
.copy-ok{font-size:0.75rem;color:var(--v2);letter-spacing:.12em;text-transform:uppercase;margin-left:12px;}

/* EMAIL */
.mail{border:1px solid rgba(255,255,255,.1);padding:32px 24px;margin-top:8px;text-align:center;}
.mail h3{font-family:'DM Serif Display',serif;font-size:clamp(1.4rem,4.4vw,2rem);line-height:1.25;margin-bottom:14px;}
.mail p{font-size:0.78rem;line-height:1.8;color:var(--gl);max-width:440px;margin:0 auto 22px;}
.badge{display:inline-block;font-size:0.75rem;letter-spacing:.22em;text-transform:uppercase;color:var(--a);border:1px solid rgba(245,158,11,.4);padding:5px 11px;margin-bottom:16px;}
.mail-form{min-height:60px;}

footer{padding:36px 24px;border-top:1px solid rgba(255,255,255,.06);text-align:center;font-size:0.75rem;letter-spacing:.14em;color:rgba(255,255,255,0.65);line-height:2;position:relative;z-index:1;}
[hidden]{display:none!important;}
@media(max-width:600px){.wrap{padding:96px 18px 72px;}.card{padding:22px 18px;}.btn,.btno{width:100%;justify-content:center;}.btn-row{flex-direction:column;align-items:stretch;}.q-nav{flex-direction:column-reverse;align-items:stretch;}}
.res-acciones{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:26px 0 30px}
.res-acciones .btno{background:none;cursor:pointer;font-family:'Space Mono',monospace}
.copy-ok{font-size:0.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--v2)}