/* ===== LIGHT (default, matches production bg-white) ===== */
.ag-academia{
    --bg:#FBFAF9;--surface:#FFFFFF;--surface-2:#F3F4F6;
    --line:rgba(20,22,28,.09);--line-strong:rgba(20,22,28,.16);
    --ink:#1A1D23;--muted:#5B6472;--muted-2:#8A93A0;
    --red:#A32D2D;--red-bright:#B93636;--red-deep:#8B2525;--red-rgb:163,45,45;
    --safe:#17924F;--safe-rgb:23,146,79;
    --verdict-text:#7A2E2E;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(20,22,28,.10);--shadow-hi:0 34px 66px rgba(20,22,28,.16);
    --serif:'Poppins',system-ui,sans-serif;--sans:'Poppins',system-ui,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace;
  }

  /* ===== DARK ===== */
html.dark .ag-academia{
    --bg:#0B0E13;--surface:#141A23;--surface-2:#1A212C;
    --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
    --ink:#F3F5F8;--muted:#9BA6B4;--muted-2:#6B7684;
    --red:#C44A4A;--red-bright:#D97070;--red-deep:#8B2525;--red-rgb:196,74,74;
    --safe:#2ED47A;--safe-rgb:var(--safe-rgb);
    --verdict-text:#E4C4C4;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(0,0,0,.5);--shadow-hi:0 34px 66px rgba(0,0,0,.62);
  }

.ag-academia *{box-sizing:border-box;margin:0;padding:0}

.ag-academia{color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}

.ag-academia .app{background-image:radial-gradient(1100px 520px at 50% -12%, rgba(var(--red-rgb),.09), transparent 62%);padding:0}

.ag-academia .wide{max-width:960px;margin:0 auto}

.ag-academia .wrap{max-width:720px;margin:0 auto}

.ag-academia .eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:9px}

.ag-academia .eyebrow::before{content:"";width:22px;height:1px;background:var(--red)}

.ag-academia h1{font-family:var(--serif);font-weight:700;letter-spacing:-.02em;line-height:1.04}

.ag-academia h2{font-family:var(--serif);font-weight:600;letter-spacing:-.015em;line-height:1.12}

.ag-academia .btn{font-family:var(--sans);font-weight:600;font-size:13.5px;border:0;cursor:pointer;border-radius:8px;padding:9px 16px;color:#fff;background:linear-gradient(140deg,var(--red),var(--red-deep));box-shadow:0 3px 12px rgba(var(--red-rgb),.3);transition:transform .15s,box-shadow .2s,opacity .2s}

.ag-academia .btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(var(--red-rgb),.42)}

.ag-academia .btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}

.ag-academia .btn.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--muted);box-shadow:none}

.ag-academia .btn.ghost:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia :focus-visible{outline:2px solid var(--red-bright);outline-offset:3px;border-radius:4px}


  /* ---------- topbar ---------- */
.ag-academia .topbar{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 0 0}

.ag-academia .brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}

.ag-academia .brand .mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(140deg,var(--red),var(--red-deep));display:grid;place-items:center;box-shadow:0 4px 14px rgba(var(--red-rgb),.35)}

.ag-academia .brand .mark svg{width:15px;height:15px}

.ag-academia .navhint{font-family:var(--sans);font-size:11.5px;color:var(--muted-2)}
.ag-academia .theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:color .2s,border-color .2s,background .2s}
.ag-academia .theme-toggle:hover{color:var(--ink);border-color:var(--muted-2)}
.ag-academia .theme-toggle svg{width:18px;height:18px}
.ag-academia .theme-toggle .ic-sun{display:none}
html.dark .ag-academia .theme-toggle .ic-moon{display:none}
html.dark .ag-academia .theme-toggle .ic-sun{display:block}


  /* ---------- INDEX ---------- */
.ag-academia .index{transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1),filter .5s cubic-bezier(.2,.7,.2,1)}

.ag-academia .index.receded{opacity:0;transform:scale(.965) translateY(-14px);filter:blur(5px);pointer-events:none}

.ag-academia .head{padding:56px 0 8px}

.ag-academia .head h1{font-size:clamp(2.2rem,5.5vw,3.1rem);margin-top:16px}

.ag-academia .head .dek{color:var(--muted);font-size:1.08rem;max-width:56ch;margin-top:16px}


  /* ---- 3D card stack ---- */
.ag-academia .stack-wrap{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:44px}

.ag-academia .nav-arrow{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:color .2s,border-color .2s,transform .15s,background .2s;z-index:40}

.ag-academia .nav-arrow svg{width:20px;height:20px;transition:transform .25s cubic-bezier(.2,.7,.2,1)}

.ag-academia .nav-arrow:hover{color:var(--ink);border-color:var(--muted-2);background:var(--surface-2)}

.ag-academia #prevBtn:hover svg{transform:translateX(-2px)}

.ag-academia #nextBtn:hover svg{transform:translateX(2px)}

.ag-academia .nav-arrow:active{transform:scale(.92)}

.ag-academia .stack{position:relative;width:452px;height:340px;perspective:1600px;perspective-origin:50% 46%;flex-shrink:0}

.ag-academia .stack:focus-visible{outline:none}

.ag-academia .scard{position:absolute;top:18px;left:40px;width:380px;min-height:70px;text-align:left;
    background:linear-gradient(165deg, rgba(var(--red-rgb),.07), transparent 42%), linear-gradient(180deg, var(--surface-2), var(--surface));
    border:1px solid var(--line-strong);border-radius:18px;padding:20px 24px;cursor:pointer;font:inherit;color:inherit;
    display:flex;flex-direction:column;
    box-shadow:var(--shadow);
    transform-style:preserve-3d;backface-visibility:hidden;
    transition:transform .58s cubic-bezier(.34,.85,.24,1.06),opacity .5s ease,box-shadow .4s,border-color .4s}


  /* top-anchored; front pushed down, the two behind step up ~92px each so each header shows */
.ag-academia .scard[data-pos="0"]{transform:translate3d(0,120px,0) scale(1);opacity:1;z-index:30;border-color:rgba(var(--red-rgb),.32)}

.ag-academia .scard[data-pos="1"]{transform:translate3d(-28px,60px,0) scale(.955);opacity:.97;z-index:20}

.ag-academia .scard[data-pos="2"]{transform:translate3d(-54px,0,0) scale(.91);opacity:.7;z-index:10}

.ag-academia .scard[data-pos="hidden"]{transform:translate3d(-74px,-46px,0) scale(.87);opacity:0;z-index:1;pointer-events:none}

.ag-academia .scard[data-pos="0"]:hover{transform:translate3d(0,112px,45px) scale(1.02);box-shadow:var(--shadow-hi),0 0 0 1px rgba(var(--red-rgb),.3)}

.ag-academia .sc-ico{font-size:24px;margin-bottom:10px}

.ag-academia .sc-cat{font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--red-bright);margin-bottom:7px}

.ag-academia .sc-title{font-family:var(--serif);font-weight:600;font-size:1.45rem;line-height:1.14;color:var(--ink);letter-spacing:-.01em}

.ag-academia .sc-meta{font-family:var(--sans);font-size:11.5px;color:var(--muted-2);margin-top:9px}

.ag-academia .sc-teaser{color:var(--muted);font-size:.96rem;line-height:1.5;margin-top:14px}

.ag-academia .sc-cta{font-family:var(--sans);font-size:12.5px;color:var(--red-bright);display:inline-flex;align-items:center;gap:7px;margin-top:16px}

.ag-academia .sc-cta .arw{transition:transform .25s}

.ag-academia .scard[data-pos="0"]:hover .sc-cta .arw{transform:translateX(4px)}

  /* back cards: collapse to header only, blurred title */
.ag-academia .scard[data-pos="1"] .sc-title{filter:blur(.5px)}

.ag-academia .scard[data-pos="2"] .sc-title{filter:blur(1.1px)}

.ag-academia .scard[data-pos="1"] .sc-ico, .ag-academia .scard[data-pos="2"] .sc-ico, .ag-academia .scard[data-pos="1"] .sc-cat, .ag-academia .scard[data-pos="2"] .sc-cat, .ag-academia .scard[data-pos="1"] .sc-teaser, .ag-academia .scard[data-pos="2"] .sc-teaser, .ag-academia .scard[data-pos="1"] .sc-cta, .ag-academia .scard[data-pos="2"] .sc-cta, .ag-academia .scard[data-pos="1"] .sc-meta, .ag-academia .scard[data-pos="2"] .sc-meta{display:none}

.ag-academia .scard[data-pos="1"] .sc-title, .ag-academia .scard[data-pos="2"] .sc-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ag-academia .scard[data-pos="1"], .ag-academia .scard[data-pos="2"]{justify-content:flex-start}

.ag-academia .stack-foot{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:26px}

.ag-academia .dots{display:flex;gap:8px}

.ag-academia .dot{width:7px;height:7px;border-radius:50%;background:var(--surface-2);border:1px solid var(--line-strong);cursor:pointer;transition:all .3s;padding:0}

.ag-academia .dot.on{background:var(--red);border-color:var(--red);width:22px;border-radius:4px}

.ag-academia .dot:not(.on):hover{transform:scale(1.35);border-color:var(--muted-2)}

.ag-academia .counter{font-family:var(--sans);font-size:12px;color:var(--muted-2);letter-spacing:.05em}


  /* ---------- READER OVERLAY ---------- */
.ag-academia .reader{position:fixed;inset:0;z-index:60;background:var(--bg);background-image:radial-gradient(1100px 560px at 50% -8%, rgba(var(--red-rgb),.10), transparent 60%);overflow-y:auto;opacity:0;transform:translateY(26px) scale(.985);visibility:hidden;pointer-events:none;transition:opacity .6s cubic-bezier(.22,.68,.22,1),transform .6s cubic-bezier(.22,.68,.22,1)}

.ag-academia .reader.open{opacity:1;transform:none;visibility:visible;pointer-events:auto}

.ag-academia .rbar{position:sticky;top:0;z-index:5;backdrop-filter:blur(10px);background:color-mix(in srgb, var(--surface) 82%, transparent);border-bottom:1px solid var(--line);opacity:0;transform:translateY(-8px);transition:opacity .45s cubic-bezier(.2,.7,.2,1) .12s,transform .45s cubic-bezier(.2,.7,.2,1) .12s}

.ag-academia .reader.open .rbar{opacity:1;transform:none}

.ag-academia .rbar-in{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px}

.ag-academia .back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer;padding:6px 6px 6px 0}

.ag-academia .back:hover{color:var(--ink)}

.ag-academia .back svg{width:16px;height:16px}

.ag-academia .rprog{font-family:var(--sans);font-size:11.5px;color:var(--muted-2);display:flex;align-items:center;gap:10px}

.ag-academia .rprog .mini{width:80px;height:4px;background:var(--surface-2);border-radius:4px;overflow:hidden}

.ag-academia .rprog .mini i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:4px;transition:width .25s ease-out}

.ag-academia .rbody{padding:0 20px 120px}

.ag-academia .guide{display:none}

.ag-academia .guide.show{display:block}


  /* staggered entrance inside reader */
.ag-academia .rv{opacity:0;transform:translateY(16px)}

.ag-academia .reader.open .guide.show .rv.lit{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}


  /* ---- guide content (reused system) ---- */
.ag-academia .g-hero{padding:44px 0 30px}

.ag-academia .g-hero h1{font-size:clamp(2.1rem,5vw,3.2rem);margin-top:18px}

.ag-academia .g-hero h1 .decode{color:var(--red-bright);font-style:italic;font-weight:400}

.ag-academia .g-dek{font-size:clamp(1.04rem,2.3vw,1.2rem);color:var(--muted);max-width:60ch;margin-top:20px;line-height:1.62}

.ag-academia .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

.ag-academia .chip{font-family:var(--sans);font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}

.ag-academia .chip b{color:var(--ink);font-weight:500}

.ag-academia .block{padding:46px 0 0}

.ag-academia .kicker{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:10px;margin-bottom:15px}

.ag-academia .kicker .tick{width:6px;height:6px;border-radius:2px;background:var(--red);transform:rotate(45deg)}

.ag-academia .block h2{font-size:clamp(1.55rem,3.4vw,2rem)}

.ag-academia .block p{color:var(--muted);font-size:1.05rem;line-height:1.72;margin-top:15px}

.ag-academia .block p strong{color:var(--ink);font-weight:600}

.ag-academia .lead{font-size:1.12rem !important;color:#C4CCD6 !important}

.ag-academia .pull{margin-top:26px;padding:22px 24px;background:linear-gradient(180deg,var(--surface),rgba(20,26,35,.5));border:1px solid var(--line);border-left:2px solid var(--red);border-radius:14px;display:flex;gap:20px;align-items:baseline}

.ag-academia .pull .big{font-family:var(--serif);font-size:2.5rem;line-height:1;color:var(--ink);font-weight:600;white-space:nowrap}

.ag-academia .pull .lbl{color:var(--muted);font-size:.96rem;line-height:1.5}

.ag-academia .explainer{margin-top:28px;background:radial-gradient(600px 300px at 80% 0%,rgba(var(--red-rgb),.07),transparent 55%),var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:26px;overflow:hidden}

.ag-academia .ex-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}

.ag-academia .ex-title{font-family:var(--sans);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

.ag-academia .ex-search{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line-strong);border-radius:10px;padding:6px 6px 6px 14px}

.ag-academia .ex-search .lab{font-family:var(--sans);font-size:12px;color:var(--muted-2)}

.ag-academia .ex-search .rut{font-family:var(--mono);font-size:14px;color:var(--ink)}

.ag-academia .flow{display:grid;grid-template-columns:1fr auto 1.3fr;align-items:stretch}

.ag-academia .stage-label{font-family:var(--sans);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px}

.ag-academia .sources{display:flex;flex-direction:column;gap:10px;justify-content:center}

.ag-academia .src{display:flex;align-items:center;gap:11px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:11px 13px;transition:border-color .3s,transform .3s,box-shadow .3s}

.ag-academia .src .ico{width:30px;height:30px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;flex-shrink:0;color:var(--muted)}

.ag-academia .src .ico svg{width:16px;height:16px}

.ag-academia .src .t{font-size:13px;color:var(--muted);line-height:1.3}

.ag-academia .src.hot{border-color:var(--red);transform:translateX(3px);box-shadow:-3px 0 0 -1px var(--red)}

.ag-academia .src.hot .ico{color:var(--red-bright);background:rgba(var(--red-rgb),.12)}

.ag-academia .src.hot .t{color:var(--ink)}

.ag-academia .conduit{position:relative;width:64px;display:flex;flex-direction:column;justify-content:center;align-items:center}

.ag-academia .rail{position:relative;width:100%;height:2px;background:var(--line-strong);border-radius:2px;overflow:hidden}

.ag-academia .rail::after{content:"";position:absolute;top:0;left:-40%;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--red-bright),transparent);opacity:0;border-radius:2px}

.ag-academia .flow.searching .rail::after{animation:stream 1s linear infinite}

@keyframes stream{0%{left:-40%;opacity:1}100%{left:100%;opacity:1}}

.ag-academia .core{align-self:center;background:linear-gradient(180deg,var(--surface-2),var(--bg));border:1px solid var(--line-strong);border-radius:14px;padding:16px 14px;text-align:center;transition:border-color .3s,box-shadow .3s}

.ag-academia .core .db{width:40px;height:40px;margin:0 auto 9px;border-radius:11px;background:var(--bg);border:1px solid var(--line-strong);display:grid;place-items:center;color:var(--muted)}

.ag-academia .core .db svg{width:22px;height:22px}

.ag-academia .core .nm{font-family:var(--sans);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}

.ag-academia .core .sub{font-size:10.5px;color:var(--muted-2);margin-top:3px;font-family:var(--sans)}

.ag-academia .flow.searching .core{border-color:var(--red);box-shadow:0 0 0 1px var(--red),0 0 30px rgba(var(--red-rgb),.25)}

.ag-academia .flow.searching .core .db{color:var(--red-bright);border-color:var(--red);animation:pulse 1s ease-in-out infinite}

@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}

.ag-academia .result{background:var(--bg);border:1px solid var(--line);border-radius:13px;padding:16px;display:flex;flex-direction:column;min-height:210px;justify-content:center}

.ag-academia .result .locked{text-align:center;color:var(--muted-2);font-size:13px;line-height:1.5}

.ag-academia .result .locked svg{width:26px;height:26px;margin-bottom:10px;color:var(--muted-2)}

.ag-academia .dossier{display:none}

.ag-academia .dossier.show{display:block}

.ag-academia .dossier .dh{display:flex;align-items:center;gap:8px;font-family:var(--sans);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:14px}

.ag-academia .dossier .dh .dot{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 8px var(--red)}

.ag-academia .field{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(6px)}

.ag-academia .field:last-child{border-bottom:0}

.ag-academia .field.lit{opacity:1;transform:none;transition:opacity .35s,transform .35s}

.ag-academia .field .k{font-size:12px;color:var(--muted-2);font-family:var(--sans)}

.ag-academia .field .v{font-family:var(--mono);font-size:13.5px;color:var(--ink);text-align:right}

.ag-academia .field .v.risk{color:var(--red-bright)}

.ag-academia .verdict{margin-top:16px;display:none;align-items:flex-start;gap:11px;background:linear-gradient(180deg,rgba(var(--red-rgb),.1),transparent);border:1px solid rgba(var(--red-rgb),.3);border-radius:11px;padding:13px 14px}

.ag-academia .verdict.show{display:flex;animation:rise .5s cubic-bezier(.2,.7,.2,1)}

@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ag-academia .verdict .vi{width:26px;height:26px;border-radius:7px;background:rgba(var(--red-rgb),.15);display:grid;place-items:center;color:var(--red-bright);flex-shrink:0}

.ag-academia .verdict .vi svg{width:15px;height:15px}

.ag-academia .verdict .vt{font-size:13px;color:var(--verdict-text);line-height:1.5}

.ag-academia .verdict .vt b{color:var(--ink);font-weight:700}

.ag-academia .ex-foot{margin-top:20px;display:flex;justify-content:center}

.ag-academia .progress{margin:22px 0 20px;display:flex;align-items:center;gap:14px}

.ag-academia .track{flex:1;height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}

.ag-academia .track .fill{height:100%;width:0;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1)}

.ag-academia .track.done .fill{background:linear-gradient(90deg,#1a8a52,var(--safe))}

.ag-academia .pcount{font-family:var(--sans);font-size:12px;color:var(--muted);white-space:nowrap}

.ag-academia .pcount b{color:var(--ink)}

.ag-academia .steps{display:flex;flex-direction:column;gap:11px;list-style:none}

.ag-academia .step{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 16px;cursor:pointer;transition:border-color .25s,background .25s,transform .15s;user-select:none}

.ag-academia .step:hover{border-color:var(--line-strong);transform:translateX(2px)}

.ag-academia .step .box{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--muted-2);flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:all .25s;color:transparent}

.ag-academia .step .box svg{width:14px;height:14px}

.ag-academia .step .n{font-family:var(--sans);font-size:11px;color:var(--red);letter-spacing:.05em}

.ag-academia .step h3{font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--ink);margin:2px 0 4px}

.ag-academia .step p{color:var(--muted);font-size:.94rem;line-height:1.55}

.ag-academia .step p a{color:var(--red-bright);text-decoration:none;border-bottom:1px solid rgba(255,97,103,.35)}

.ag-academia .step.done{background:rgba(var(--safe-rgb),.05);border-color:rgba(var(--safe-rgb),.25)}

.ag-academia .step.done .box{background:var(--safe);border-color:var(--safe);color:#08130c}

.ag-academia .step.done h3{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted-2)}

.ag-academia .signal{margin-top:28px;background:linear-gradient(180deg,rgba(var(--safe-rgb),.07),transparent);border:1px solid rgba(var(--safe-rgb),.22);border-radius:16px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start}

.ag-academia .signal .si{width:34px;height:34px;border-radius:10px;background:rgba(var(--safe-rgb),.14);display:grid;place-items:center;color:var(--safe);flex-shrink:0}

.ag-academia .signal .si svg{width:19px;height:19px}

.ag-academia .signal h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;color:var(--ink);margin-bottom:6px}

.ag-academia .signal p{color:var(--muted);font-size:.97rem;line-height:1.62}

.ag-academia .signal p .ok{color:var(--safe);font-family:var(--sans);font-size:.84rem}


  /* placeholder guide */
.ag-academia .ph{max-width:600px;margin:0 auto;padding:80px 0;text-align:center}

.ag-academia .ph .icoBig{width:72px;height:72px;border-radius:18px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:36px;margin:0 auto 26px}

.ag-academia .ph h1{font-size:2.2rem;margin-bottom:14px}

.ag-academia .ph .cat{font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:18px}

.ag-academia .ph p{color:var(--muted);font-size:1.05rem;line-height:1.65;max-width:48ch;margin:0 auto}

.ag-academia .ph .plan{margin-top:28px;display:inline-flex;flex-direction:column;gap:10px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px 24px}

.ag-academia .ph .plan .pl-t{font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}

.ag-academia .ph .plan .pl-i{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.96rem}

.ag-academia .ph .plan .pl-i .d{width:6px;height:6px;border-radius:2px;background:var(--red);transform:rotate(45deg)}

@media(max-width:720px){
.ag-academia .stack-wrap{gap:2px}

.ag-academia .nav-arrow{width:38px;height:38px}

/* flex-shrink:1 y min-width:0 son el arreglo del desborde horizontal en movil.
   La regla base (l. 100) da al .stack width:452px y flex-shrink:0, y esta media
   query solo corregia los ANCHOS: el flex-shrink:0 sobrevivia, igual que el de
   las dos .nav-arrow. Con eso la fila .stack-wrap tenia un minimo incompresible
   de 38+2+340+2+38 = 420px. Como <main> es item flex con min-width:auto, ese
   minimo estiraba la columna entera a ~452px dentro de un viewport de 390 y TODO
   el contenido de la pagina se dibujaba cortado por la derecha, no solo el
   carrusel. min-width:0 desactiva el minimo automatico del propio .stack y
   flex-shrink:1 le permite ceder los pixeles que falten. */
.ag-academia .stack{width:100%;max-width:340px;height:350px;flex-shrink:1;min-width:0}

/* El inset baja de 60px a 24px. Estaba calibrado para un .stack fijo de 340px
   —dejaba la tarjeta al 82%— y ahora que el stack cede hasta ~208px en pantallas
   de 320, ese mismo inset se comia el 29% del ancho: cambiabamos un desborde
   visible por un carrusel apretado. Los 54px que sobraban por la DERECHA no
   sostienen nada: los desplazamientos del efecto de pila son todos negativos
   (translate3d -18/-36/-50px), o sea hacia la izquierda. */
.ag-academia .scard{width:calc(100% - 24px);left:6px;padding:18px 20px}

.ag-academia .scard[data-pos="0"]{transform:translate3d(0,116px,0) scale(1)}

.ag-academia .scard[data-pos="1"]{transform:translate3d(-18px,58px,0) scale(.955)}

.ag-academia .scard[data-pos="2"]{transform:translate3d(-36px,0,0) scale(.91)}

.ag-academia .scard[data-pos="hidden"]{transform:translate3d(-50px,-44px,0) scale(.87)}

.ag-academia .sc-title{font-size:1.3rem}

.ag-academia .flow{grid-template-columns:1fr;gap:16px}

.ag-academia .conduit{width:100%;height:34px;flex-direction:row}

.ag-academia .conduit .rail{width:2px;height:100%;background:var(--line-strong)}

.ag-academia .rail::after{left:0;top:-40%;width:100%;height:40%;background:linear-gradient(180deg,transparent,var(--red-bright),transparent)}

.ag-academia .flow.searching .rail::after{animation:streamV 1s linear infinite}

@keyframes streamV{0%{top:-40%}100%{top:100%}}

.ag-academia .core{max-width:200px;margin:0 auto}

.ag-academia .ex-head{flex-direction:column;align-items:stretch}

.ag-academia .pull{flex-direction:column;gap:6px}

  }

@media(prefers-reduced-motion:reduce){
.ag-academia *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}

.ag-academia .rv{opacity:1;transform:none}

.ag-academia .index.receded{display:none}

  }


/* ===== GUIDE: 2fa ===== */

  /* ===== LIGHT (default) ===== */
.ag-academia #guide-2fa{
    --bg:#FBFAF9;--surface:#FFFFFF;--surface-2:#F3F4F6;
    --line:rgba(20,22,28,.09);--line-strong:rgba(20,22,28,.16);
    --ink:#1A1D23;--muted:#5B6472;--muted-2:#8A93A0;
    --red:#A32D2D;--red-bright:#B93636;--red-deep:#8B2525;--red-rgb:163,45,45;
    --safe:#17924F;--safe-rgb:23,146,79;--safe-bright:#17924F;
    --verdict-text:#7A2E2E;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(20,22,28,.10);--shadow-hi:0 34px 66px rgba(20,22,28,.16);
    --serif:'Poppins',system-ui,sans-serif;--sans:'Poppins',system-ui,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace;
  }

html.dark .ag-academia #guide-2fa{
    --bg:#0B0E13;--surface:#141A23;--surface-2:#1A212C;
    --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
    --ink:#F3F5F8;--muted:#9BA6B4;--muted-2:#6B7684;
    --red:#C44A4A;--red-bright:#D97070;--red-deep:#8B2525;--red-rgb:196,74,74;
    --safe:#2ED47A;--safe-rgb:46,212,122;--safe-bright:#3FE08A;
    --verdict-text:#E4C4C4;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(0,0,0,.5);--shadow-hi:0 34px 66px rgba(0,0,0,.62);
  }

.ag-academia #guide-2fa *{box-sizing:border-box;margin:0;padding:0}

.ag-academia #guide-2fa{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;padding:0 20px 100px}

.ag-academia #guide-2fa .wrap{max-width:720px;margin:0 auto}


  /* demo topbar (review only) */
.ag-academia #guide-2fa .topbar{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0}

.ag-academia #guide-2fa .back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}

.ag-academia #guide-2fa .back:hover{color:var(--ink)}

.ag-academia #guide-2fa .back svg{width:16px;height:16px}

.ag-academia #guide-2fa .theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .2s}

.ag-academia #guide-2fa .theme-toggle:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia #guide-2fa .theme-toggle svg{width:18px;height:18px}

.ag-academia #guide-2fa .theme-toggle .ic-sun{display:none}

html.dark .ag-academia #guide-2fa .theme-toggle .ic-moon{display:none}

html.dark .ag-academia #guide-2fa .theme-toggle .ic-sun{display:block}


  /* hero + typography (shared system) */
.ag-academia #guide-2fa .g-hero{padding:26px 0 30px}

.ag-academia #guide-2fa .eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:9px;font-weight:500}

.ag-academia #guide-2fa .eyebrow::before{content:"";width:22px;height:1px;background:var(--red)}

.ag-academia #guide-2fa h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.05;letter-spacing:-.02em;margin-top:18px}

.ag-academia #guide-2fa h1 .decode{color:var(--red-bright);font-weight:600}

.ag-academia #guide-2fa .g-dek{font-size:clamp(1.04rem,2.3vw,1.2rem);color:var(--muted);max-width:60ch;margin-top:20px;line-height:1.62}

.ag-academia #guide-2fa .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

.ag-academia #guide-2fa .chip{font-family:var(--sans);font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}

.ag-academia #guide-2fa .chip b{color:var(--ink);font-weight:600}

.ag-academia #guide-2fa .block{padding:44px 0 0}

.ag-academia #guide-2fa .kicker{font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:500}

.ag-academia #guide-2fa .kicker .tick{width:6px;height:6px;border-radius:2px;background:var(--red);transform:rotate(45deg)}

.ag-academia #guide-2fa h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,3.4vw,2rem);line-height:1.14;letter-spacing:-.015em}

.ag-academia #guide-2fa .block p{color:var(--muted);font-size:1.05rem;line-height:1.72;margin-top:15px}

.ag-academia #guide-2fa .block p strong{color:var(--ink);font-weight:600}

.ag-academia #guide-2fa .lead{font-size:1.12rem !important;color:var(--ink) !important;opacity:.85}

.ag-academia #guide-2fa .pull{margin-top:26px;padding:22px 24px;background:linear-gradient(180deg,var(--surface),transparent);border:1px solid var(--line);border-left:2px solid var(--red);border-radius:14px;display:flex;gap:20px;align-items:baseline}

.ag-academia #guide-2fa .pull .big{font-family:var(--serif);font-size:2.6rem;line-height:1;color:var(--ink);font-weight:700;white-space:nowrap}

.ag-academia #guide-2fa .pull .lbl{color:var(--muted);font-size:.96rem;line-height:1.5}


  /* reveal */
.ag-academia #guide-2fa .rv{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-2fa .rv.lit{opacity:1;transform:none}


  /* explainer shell */
.ag-academia #guide-2fa .explainer{margin-top:28px;background:radial-gradient(600px 300px at 80% 0%,rgba(var(--red-rgb),.06),transparent 55%),var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:26px}

.ag-academia #guide-2fa .ex-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}

.ag-academia #guide-2fa .ex-title{font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}

.ag-academia #guide-2fa .btn{font-family:var(--sans);font-weight:600;font-size:13.5px;border:0;cursor:pointer;border-radius:8px;padding:10px 18px;color:var(--on-red);background:linear-gradient(140deg,var(--red),var(--red-deep));box-shadow:0 3px 12px rgba(var(--red-rgb),.3);transition:transform .15s,box-shadow .2s,opacity .2s}

.ag-academia #guide-2fa .btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(var(--red-rgb),.42)}

.ag-academia #guide-2fa .btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}

.ag-academia #guide-2fa .btn.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--muted);box-shadow:none}

.ag-academia #guide-2fa .btn.ghost:hover{color:var(--ink);border-color:var(--muted-2)}


  /* ===== 2FA interactive ===== */
.ag-academia #guide-2fa .tfa-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;align-items:stretch}

.ag-academia #guide-2fa .tfa-label{font-family:var(--sans);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:10px;font-weight:500}


  /* attacker window */
.ag-academia #guide-2fa .tfa-window{background:var(--bg);border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;min-height:246px;display:flex;flex-direction:column}

.ag-academia #guide-2fa .tfa-winbar{display:flex;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}

.ag-academia #guide-2fa .tfa-winbar span{width:9px;height:9px;border-radius:50%;background:var(--line-strong)}

.ag-academia #guide-2fa .tfa-screen{padding:20px;flex:1;display:flex;flex-direction:column;justify-content:center}

.ag-academia #guide-2fa .tfa-field{margin-bottom:14px}

.ag-academia #guide-2fa .tfa-flabel{display:block;font-size:11px;color:var(--muted-2);font-family:var(--sans);letter-spacing:.03em;margin-bottom:5px}

.ag-academia #guide-2fa .tfa-fval{display:block;font-family:var(--mono);font-size:14px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 12px;min-height:38px;letter-spacing:.06em}

.ag-academia #guide-2fa .tfa-status{min-height:22px;font-size:12.5px;font-family:var(--sans);display:flex;align-items:center;gap:7px;margin-top:4px;font-weight:500}

.ag-academia #guide-2fa .tfa-status.ok{color:var(--safe-bright)}

.ag-academia #guide-2fa .tfa-status.bad{color:var(--red-bright)}

.ag-academia #guide-2fa .tfa-status.wait{color:var(--muted)}

.ag-academia #guide-2fa .tfa-status svg{width:15px;height:15px;flex-shrink:0}

.ag-academia #guide-2fa .tfa-2fa-title{font-family:var(--serif);font-weight:600;font-size:1.05rem;color:var(--ink);text-align:center}

.ag-academia #guide-2fa .tfa-2fa-sub{font-size:12px;color:var(--muted);text-align:center;margin:5px 0 16px}

.ag-academia #guide-2fa .tfa-boxes{display:flex;gap:8px;justify-content:center;margin-bottom:8px}

.ag-academia #guide-2fa .tfa-boxes span{width:34px;height:44px;border:1.5px solid var(--line-strong);border-radius:8px;display:grid;place-items:center;font-family:var(--mono);font-size:20px;color:var(--ink);background:var(--surface)}

.ag-academia #guide-2fa .tfa-boxes.shake{animation:2fa_tfaShake .4s}

@keyframes 2fa_tfaShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

.ag-academia #guide-2fa .tfa-boxes.bad span{border-color:var(--red);color:var(--red-bright)}

.ag-academia #guide-2fa .tfa-boxes.locked span{border-color:var(--line);color:var(--muted-2)}


  /* phone */
.ag-academia #guide-2fa .tfa-phone-wrap{display:flex;flex-direction:column}

.ag-academia #guide-2fa .tfa-phone{flex:1;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line-strong);border-radius:22px;padding:14px;display:flex;flex-direction:column;justify-content:center}

.ag-academia #guide-2fa .tfa-app{background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}

.ag-academia #guide-2fa .tfa-app-head{font-family:var(--sans);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:600}

.ag-academia #guide-2fa .tfa-acct{font-size:12px;color:var(--muted);margin:8px 0 10px}

.ag-academia #guide-2fa .tfa-realcode{font-family:var(--mono);font-size:1.9rem;font-weight:500;color:var(--safe-bright);letter-spacing:.08em;line-height:1}

.ag-academia #guide-2fa .tfa-ring{position:relative;width:52px;height:52px;margin:14px auto 0}

.ag-academia #guide-2fa .tfa-ring svg{transform:rotate(-90deg);width:52px;height:52px}

.ag-academia #guide-2fa .tfa-ring .rtrack{fill:none;stroke:var(--line-strong);stroke-width:4}

.ag-academia #guide-2fa .tfa-ring .rfill{fill:none;stroke:var(--safe);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s linear}

.ag-academia #guide-2fa .tfa-ring .rsecs{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--mono);font-size:13px;color:var(--muted);font-weight:500}

.ag-academia #guide-2fa .tfa-phone-note{font-size:11px;color:var(--muted-2);text-align:center;margin-top:10px;line-height:1.4}

.ag-academia #guide-2fa .tfa-note{font-size:12.5px;color:var(--muted);margin-top:12px;display:flex;align-items:center;gap:8px;line-height:1.4}

.ag-academia #guide-2fa .tfa-note svg{width:15px;height:15px;flex-shrink:0;color:var(--red-bright)}

.ag-academia #guide-2fa .verdict{margin-top:18px;display:none;align-items:flex-start;gap:11px;border-radius:12px;padding:14px 15px}

.ag-academia #guide-2fa .verdict.show{display:flex;animation:2fa_tfaRise .5s cubic-bezier(.2,.7,.2,1)}

@keyframes 2fa_tfaRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ag-academia #guide-2fa .verdict.safe{background:linear-gradient(180deg,rgba(var(--safe-rgb),.1),transparent);border:1px solid rgba(var(--safe-rgb),.3)}

.ag-academia #guide-2fa .verdict .vi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:rgba(var(--safe-rgb),.15);color:var(--safe-bright)}

.ag-academia #guide-2fa .verdict .vi svg{width:16px;height:16px}

.ag-academia #guide-2fa .verdict .vt{font-size:13.5px;color:var(--ink);line-height:1.5}

.ag-academia #guide-2fa .verdict .vt b{font-weight:600}

.ag-academia #guide-2fa .ex-foot{margin-top:18px;display:flex;justify-content:center}


  /* checklist */
.ag-academia #guide-2fa .progress{margin:22px 0 20px;display:flex;align-items:center;gap:14px}

.ag-academia #guide-2fa .track{flex:1;height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}

.ag-academia #guide-2fa .track .fill{height:100%;width:0;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-2fa .track.done .fill{background:linear-gradient(90deg,#1a8a52,var(--safe))}

.ag-academia #guide-2fa .pcount{font-family:var(--sans);font-size:12px;color:var(--muted);white-space:nowrap}

.ag-academia #guide-2fa .pcount b{color:var(--ink)}

.ag-academia #guide-2fa .steps{display:flex;flex-direction:column;gap:11px;list-style:none}

.ag-academia #guide-2fa .step{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 16px;cursor:pointer;transition:border-color .25s,background .25s,transform .15s;user-select:none}

.ag-academia #guide-2fa .step:hover{border-color:var(--line-strong);transform:translateX(2px)}

.ag-academia #guide-2fa .step .box{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--muted-2);flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:all .25s;color:transparent}

.ag-academia #guide-2fa .step .box svg{width:14px;height:14px}

.ag-academia #guide-2fa .step .n{font-family:var(--sans);font-size:11px;color:var(--red);letter-spacing:.05em;font-weight:600}

.ag-academia #guide-2fa .step h3{font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--ink);margin:2px 0 4px}

.ag-academia #guide-2fa .step p{color:var(--muted);font-size:.94rem;line-height:1.55}

.ag-academia #guide-2fa .step p a{color:var(--red-bright);text-decoration:none;border-bottom:1px solid rgba(var(--red-rgb),.35)}

.ag-academia #guide-2fa .step.done{background:rgba(var(--safe-rgb),.06);border-color:rgba(var(--safe-rgb),.28)}

.ag-academia #guide-2fa .step.done .box{background:var(--safe);border-color:var(--safe);color:#08130c}

.ag-academia #guide-2fa .step.done h3{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted-2)}

.ag-academia #guide-2fa .signal{margin-top:28px;background:linear-gradient(180deg,rgba(var(--safe-rgb),.07),transparent);border:1px solid rgba(var(--safe-rgb),.22);border-radius:16px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start}

.ag-academia #guide-2fa .signal .si{width:34px;height:34px;border-radius:10px;background:rgba(var(--safe-rgb),.14);display:grid;place-items:center;color:var(--safe-bright);flex-shrink:0}

.ag-academia #guide-2fa .signal .si svg{width:19px;height:19px}

.ag-academia #guide-2fa .signal h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;color:var(--ink);margin-bottom:6px}

.ag-academia #guide-2fa .signal p{color:var(--muted);font-size:.97rem;line-height:1.62}

.ag-academia #guide-2fa .signal p .ok{color:var(--safe-bright);font-weight:600}

@media(max-width:720px){
.ag-academia #guide-2fa .tfa-grid{grid-template-columns:1fr;gap:14px}

.ag-academia #guide-2fa .pull{flex-direction:column;gap:6px}

  }

@media(prefers-reduced-motion:reduce){
.ag-academia #guide-2fa *{animation-duration:.001ms !important;transition-duration:.001ms !important}

.ag-academia #guide-2fa .rv{opacity:1;transform:none}

  }

.ag-academia #guide-2fa :focus-visible{outline:2px solid var(--red-bright);outline-offset:3px;border-radius:4px}



/* ===== GUIDE: gestores ===== */

.ag-academia #guide-gestores{
    --bg:#FBFAF9;--surface:#FFFFFF;--surface-2:#F3F4F6;
    --line:rgba(20,22,28,.09);--line-strong:rgba(20,22,28,.16);
    --ink:#1A1D23;--muted:#5B6472;--muted-2:#8A93A0;
    --red:#A32D2D;--red-bright:#B93636;--red-deep:#8B2525;--red-rgb:163,45,45;
    --safe:#17924F;--safe-rgb:23,146,79;--safe-bright:#17924F;
    --verdict-text:#7A2E2E;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(20,22,28,.10);
    --serif:'Poppins',system-ui,sans-serif;--sans:'Poppins',system-ui,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace;
  }

html.dark .ag-academia #guide-gestores{
    --bg:#0B0E13;--surface:#141A23;--surface-2:#1A212C;
    --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
    --ink:#F3F5F8;--muted:#9BA6B4;--muted-2:#6B7684;
    --red:#C44A4A;--red-bright:#D97070;--red-deep:#8B2525;--red-rgb:196,74,74;
    --safe:#2ED47A;--safe-rgb:46,212,122;--safe-bright:#3FE08A;
    --verdict-text:#E4C4C4;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(0,0,0,.5);
  }

.ag-academia #guide-gestores *{box-sizing:border-box;margin:0;padding:0}

.ag-academia #guide-gestores{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;padding:0 20px 100px}

.ag-academia #guide-gestores .wrap{max-width:720px;margin:0 auto}

.ag-academia #guide-gestores .topbar{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0}

.ag-academia #guide-gestores .back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}

.ag-academia #guide-gestores .back:hover{color:var(--ink)}

.ag-academia #guide-gestores .back svg{width:16px;height:16px}

.ag-academia #guide-gestores .theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .2s}

.ag-academia #guide-gestores .theme-toggle:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia #guide-gestores .theme-toggle svg{width:18px;height:18px}

.ag-academia #guide-gestores .theme-toggle .ic-sun{display:none}

html.dark .ag-academia #guide-gestores .theme-toggle .ic-moon{display:none}

html.dark .ag-academia #guide-gestores .theme-toggle .ic-sun{display:block}

.ag-academia #guide-gestores .g-hero{padding:26px 0 30px}

.ag-academia #guide-gestores .eyebrow{font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:9px;font-weight:500}

.ag-academia #guide-gestores .eyebrow::before{content:"";width:22px;height:1px;background:var(--red)}

.ag-academia #guide-gestores h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.05;letter-spacing:-.02em;margin-top:18px}

.ag-academia #guide-gestores h1 .decode{color:var(--red-bright);font-weight:600}

.ag-academia #guide-gestores .g-dek{font-size:clamp(1.04rem,2.3vw,1.2rem);color:var(--muted);max-width:60ch;margin-top:20px;line-height:1.62}

.ag-academia #guide-gestores .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

.ag-academia #guide-gestores .chip{font-family:var(--sans);font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}

.ag-academia #guide-gestores .chip b{color:var(--ink);font-weight:600}

.ag-academia #guide-gestores .block{padding:44px 0 0}

.ag-academia #guide-gestores .kicker{font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:500}

.ag-academia #guide-gestores .kicker .tick{width:6px;height:6px;border-radius:2px;background:var(--red);transform:rotate(45deg)}

.ag-academia #guide-gestores h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,3.4vw,2rem);line-height:1.14;letter-spacing:-.015em}

.ag-academia #guide-gestores .block p{color:var(--muted);font-size:1.05rem;line-height:1.72;margin-top:15px}

.ag-academia #guide-gestores .block p strong{color:var(--ink);font-weight:600}

.ag-academia #guide-gestores .lead{font-size:1.12rem !important;color:var(--ink) !important;opacity:.85}

.ag-academia #guide-gestores .pull{margin-top:26px;padding:22px 24px;background:linear-gradient(180deg,var(--surface),transparent);border:1px solid var(--line);border-left:2px solid var(--red);border-radius:14px;display:flex;gap:20px;align-items:baseline}

.ag-academia #guide-gestores .pull .big{font-family:var(--serif);font-size:2.6rem;line-height:1;color:var(--ink);font-weight:700;white-space:nowrap}

.ag-academia #guide-gestores .pull .lbl{color:var(--muted);font-size:.96rem;line-height:1.5}

.ag-academia #guide-gestores .rv{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-gestores .rv.lit{opacity:1;transform:none}

.ag-academia #guide-gestores .explainer{margin-top:28px;background:radial-gradient(600px 300px at 80% 0%,rgba(var(--red-rgb),.06),transparent 55%),var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:26px}

.ag-academia #guide-gestores .ex-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px}

.ag-academia #guide-gestores .ex-title{font-family:var(--sans);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}

.ag-academia #guide-gestores .btn{font-family:var(--sans);font-weight:600;font-size:13.5px;border:0;cursor:pointer;border-radius:8px;padding:10px 18px;color:var(--on-red);background:linear-gradient(140deg,var(--red),var(--red-deep));box-shadow:0 3px 12px rgba(var(--red-rgb),.3);transition:transform .15s,box-shadow .2s,opacity .2s}

.ag-academia #guide-gestores .btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(var(--red-rgb),.42)}

.ag-academia #guide-gestores .btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}

.ag-academia #guide-gestores .btn.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--muted);box-shadow:none}

.ag-academia #guide-gestores .btn.ghost:hover{color:var(--ink);border-color:var(--muted-2)}


  /* ===== gestores domino ===== */
.ag-academia #guide-gestores .gest-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

.ag-academia #guide-gestores .gest-toggle{display:inline-flex;background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;padding:3px}

.ag-academia #guide-gestores .gest-toggle button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);padding:7px 14px;border-radius:7px;cursor:pointer;transition:all .2s}

.ag-academia #guide-gestores .gest-toggle button.on{background:var(--surface-2);color:var(--ink)}

.ag-academia #guide-gestores .gest-hint{font-size:12px;color:var(--muted-2)}

.ag-academia #guide-gestores .gest-row{display:flex;align-items:center;margin-top:20px}

.ag-academia #guide-gestores .gacct{flex:1;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 10px;text-align:center;transition:transform .45s cubic-bezier(.3,.7,.2,1),border-color .4s,background .4s}

.ag-academia #guide-gestores .gacct .gico{font-size:21px}

.ag-academia #guide-gestores .gacct .gname{font-size:11.5px;font-weight:600;color:var(--ink);margin:5px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ag-academia #guide-gestores .gacct .gpass{font-family:var(--mono);font-size:10.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:4px 4px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .3s}

.ag-academia #guide-gestores .gacct .glock{margin:9px auto 0;width:26px;height:26px;border-radius:7px;display:grid;place-items:center;background:rgba(var(--safe-rgb),.12);color:var(--safe-bright);transition:all .4s}

.ag-academia #guide-gestores .gacct .glock svg{width:15px;height:15px}

.ag-academia #guide-gestores .gacct .gstatus{font-size:9px;margin-top:6px;min-height:22px;color:var(--muted-2);font-weight:600;letter-spacing:.02em;line-height:1.3;text-transform:uppercase}

.ag-academia #guide-gestores .gacct.safe{border-color:rgba(var(--safe-rgb),.3)}

.ag-academia #guide-gestores .gacct.safe .gstatus{color:var(--safe-bright)}

.ag-academia #guide-gestores .gacct.fallen{border-color:var(--red);background:linear-gradient(180deg,rgba(var(--red-rgb),.08),var(--bg));transform:translateY(4px) rotate(-1.2deg)}

.ag-academia #guide-gestores .gacct.fallen .glock{background:rgba(var(--red-rgb),.16);color:var(--red-bright)}

.ag-academia #guide-gestores .gacct.fallen .gpass{color:var(--red-bright);border-color:rgba(var(--red-rgb),.4)}

.ag-academia #guide-gestores .gacct.fallen .gstatus{color:var(--red-bright)}

.ag-academia #guide-gestores .gconn{width:22px;flex-shrink:0;height:2px;background:var(--line-strong);position:relative;transition:background .3s}

.ag-academia #guide-gestores .gconn.hot{background:var(--red-bright)}

.ag-academia #guide-gestores .gconn.broken{background:transparent;border-top:2px dashed var(--muted-2)}

.ag-academia #guide-gestores .gconn .gbreak{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background:var(--surface);border:1px solid var(--red);color:var(--red-bright);display:none;place-items:center;font-size:9px;font-weight:700}

.ag-academia #guide-gestores .gconn.broken .gbreak{display:grid}

.ag-academia #guide-gestores .verdict{margin-top:20px;display:none;align-items:flex-start;gap:11px;border-radius:12px;padding:14px 15px}

.ag-academia #guide-gestores .verdict.show{display:flex;animation:gestores_gRise .5s cubic-bezier(.2,.7,.2,1)}

@keyframes gestores_gRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ag-academia #guide-gestores .verdict.bad{background:linear-gradient(180deg,rgba(var(--red-rgb),.1),transparent);border:1px solid rgba(var(--red-rgb),.3)}

.ag-academia #guide-gestores .verdict.safe{background:linear-gradient(180deg,rgba(var(--safe-rgb),.1),transparent);border:1px solid rgba(var(--safe-rgb),.3)}

.ag-academia #guide-gestores .verdict .vi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}

.ag-academia #guide-gestores .verdict.bad .vi{background:rgba(var(--red-rgb),.15);color:var(--red-bright)}

.ag-academia #guide-gestores .verdict.safe .vi{background:rgba(var(--safe-rgb),.15);color:var(--safe-bright)}

.ag-academia #guide-gestores .verdict .vi svg{width:16px;height:16px}

.ag-academia #guide-gestores .verdict .vt{font-size:13.5px;color:var(--ink);line-height:1.5}

.ag-academia #guide-gestores .verdict .vt b{font-weight:600}

.ag-academia #guide-gestores .ex-foot{margin-top:18px;display:flex;justify-content:center;gap:10px}

.ag-academia #guide-gestores .progress{margin:22px 0 20px;display:flex;align-items:center;gap:14px}

.ag-academia #guide-gestores .track{flex:1;height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}

.ag-academia #guide-gestores .track .fill{height:100%;width:0;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-gestores .track.done .fill{background:linear-gradient(90deg,#1a8a52,var(--safe))}

.ag-academia #guide-gestores .pcount{font-family:var(--sans);font-size:12px;color:var(--muted);white-space:nowrap}

.ag-academia #guide-gestores .pcount b{color:var(--ink)}

.ag-academia #guide-gestores .steps{display:flex;flex-direction:column;gap:11px;list-style:none}

.ag-academia #guide-gestores .step{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 16px;cursor:pointer;transition:border-color .25s,background .25s,transform .15s;user-select:none}

.ag-academia #guide-gestores .step:hover{border-color:var(--line-strong);transform:translateX(2px)}

.ag-academia #guide-gestores .step .box{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--muted-2);flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:all .25s;color:transparent}

.ag-academia #guide-gestores .step .box svg{width:14px;height:14px}

.ag-academia #guide-gestores .step .n{font-family:var(--sans);font-size:11px;color:var(--red);letter-spacing:.05em;font-weight:600}

.ag-academia #guide-gestores .step h3{font-family:var(--sans);font-size:1rem;font-weight:600;color:var(--ink);margin:2px 0 4px}

.ag-academia #guide-gestores .step p{color:var(--muted);font-size:.94rem;line-height:1.55}

.ag-academia #guide-gestores .step p a{color:var(--red-bright);text-decoration:none;border-bottom:1px solid rgba(var(--red-rgb),.35)}

.ag-academia #guide-gestores .step.done{background:rgba(var(--safe-rgb),.06);border-color:rgba(var(--safe-rgb),.28)}

.ag-academia #guide-gestores .step.done .box{background:var(--safe);border-color:var(--safe);color:#08130c}

.ag-academia #guide-gestores .step.done h3{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted-2)}

.ag-academia #guide-gestores .signal{margin-top:28px;background:linear-gradient(180deg,rgba(var(--safe-rgb),.07),transparent);border:1px solid rgba(var(--safe-rgb),.22);border-radius:16px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start}

.ag-academia #guide-gestores .signal .si{width:34px;height:34px;border-radius:10px;background:rgba(var(--safe-rgb),.14);display:grid;place-items:center;color:var(--safe-bright);flex-shrink:0}

.ag-academia #guide-gestores .signal .si svg{width:19px;height:19px}

.ag-academia #guide-gestores .signal h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;color:var(--ink);margin-bottom:6px}

.ag-academia #guide-gestores .signal p{color:var(--muted);font-size:.97rem;line-height:1.62}

.ag-academia #guide-gestores .signal p .ok{color:var(--safe-bright);font-weight:600}

@media(max-width:720px){
.ag-academia #guide-gestores .gest-row{flex-direction:column;align-items:stretch;gap:0}

.ag-academia #guide-gestores .gconn{width:2px;height:18px;margin:0 auto}

.ag-academia #guide-gestores .gconn.broken{border-top:0;border-left:2px dashed var(--muted-2)}

.ag-academia #guide-gestores .gacct .gname{white-space:normal}

.ag-academia #guide-gestores .pull{flex-direction:column;gap:6px}

  }

@media(prefers-reduced-motion:reduce){
.ag-academia #guide-gestores *{animation-duration:.001ms !important;transition-duration:.001ms !important}

.ag-academia #guide-gestores .rv{opacity:1;transform:none}
}

.ag-academia #guide-gestores :focus-visible{outline:2px solid var(--red-bright);outline-offset:3px;border-radius:4px}



/* ===== GUIDE: vpn ===== */

.ag-academia #guide-vpn{
    --bg:#FBFAF9;--surface:#FFFFFF;--surface-2:#F3F4F6;
    --line:rgba(20,22,28,.09);--line-strong:rgba(20,22,28,.16);
    --ink:#1A1D23;--muted:#5B6472;--muted-2:#8A93A0;
    --red:#A32D2D;--red-bright:#B93636;--red-deep:#8B2525;--red-rgb:163,45,45;
    --safe:#17924F;--safe-rgb:23,146,79;--safe-bright:#17924F;
    --verdict-text:#7A2E2E;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(20,22,28,.10);
    --serif:'Poppins',system-ui,sans-serif;--sans:'Poppins',system-ui,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace;
  }

html.dark .ag-academia #guide-vpn{
    --bg:#0B0E13;--surface:#141A23;--surface-2:#1A212C;
    --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
    --ink:#F3F5F8;--muted:#9BA6B4;--muted-2:#6B7684;
    --red:#C44A4A;--red-bright:#D97070;--red-deep:#8B2525;--red-rgb:196,74,74;
    --safe:#2ED47A;--safe-rgb:46,212,122;--safe-bright:#3FE08A;
    --verdict-text:#E4C4C4;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(0,0,0,.5);
  }

.ag-academia #guide-vpn *{box-sizing:border-box;margin:0;padding:0}

.ag-academia #guide-vpn{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;padding:0 20px 100px}

.ag-academia #guide-vpn .wrap{max-width:720px;margin:0 auto}

.ag-academia #guide-vpn .topbar{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0}

.ag-academia #guide-vpn .back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}

.ag-academia #guide-vpn .back:hover{color:var(--ink)}

.ag-academia #guide-vpn .back svg{width:16px;height:16px}

.ag-academia #guide-vpn .theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .2s}

.ag-academia #guide-vpn .theme-toggle:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia #guide-vpn .theme-toggle svg{width:18px;height:18px}

.ag-academia #guide-vpn .theme-toggle .ic-sun{display:none}

html.dark .ag-academia #guide-vpn .theme-toggle .ic-moon{display:none}

html.dark .ag-academia #guide-vpn .theme-toggle .ic-sun{display:block}

.ag-academia #guide-vpn .g-hero{padding:26px 0 30px}

.ag-academia #guide-vpn .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:9px;font-weight:500}

.ag-academia #guide-vpn .eyebrow::before{content:"";width:22px;height:1px;background:var(--red)}

.ag-academia #guide-vpn h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.05;letter-spacing:-.02em;margin-top:18px}

.ag-academia #guide-vpn h1 .decode{color:var(--red-bright);font-weight:600}

.ag-academia #guide-vpn .g-dek{font-size:clamp(1.04rem,2.3vw,1.2rem);color:var(--muted);max-width:60ch;margin-top:20px;line-height:1.62}

.ag-academia #guide-vpn .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

.ag-academia #guide-vpn .chip{font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}

.ag-academia #guide-vpn .chip b{color:var(--ink);font-weight:600}

.ag-academia #guide-vpn .block{padding:44px 0 0}

.ag-academia #guide-vpn .kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:500}

.ag-academia #guide-vpn .kicker .tick{width:6px;height:6px;border-radius:2px;background:var(--red);transform:rotate(45deg)}

.ag-academia #guide-vpn h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,3.4vw,2rem);line-height:1.14;letter-spacing:-.015em}

.ag-academia #guide-vpn .block p{color:var(--muted);font-size:1.05rem;line-height:1.72;margin-top:15px}

.ag-academia #guide-vpn .block p strong{color:var(--ink);font-weight:600}

.ag-academia #guide-vpn .lead{font-size:1.12rem !important;color:var(--ink) !important;opacity:.85}

.ag-academia #guide-vpn .pull{margin-top:26px;padding:22px 24px;background:linear-gradient(180deg,var(--surface),transparent);border:1px solid var(--line);border-left:2px solid var(--red);border-radius:14px;display:flex;gap:20px;align-items:baseline}

.ag-academia #guide-vpn .pull .big{font-family:var(--serif);font-size:2rem;line-height:1.05;color:var(--ink);font-weight:700;white-space:nowrap}

.ag-academia #guide-vpn .pull .lbl{color:var(--muted);font-size:.96rem;line-height:1.5}

.ag-academia #guide-vpn .rv{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-vpn .rv.lit{opacity:1;transform:none}

.ag-academia #guide-vpn .explainer{margin-top:28px;background:radial-gradient(600px 300px at 80% 0%,rgba(var(--red-rgb),.06),transparent 55%),var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:26px}

.ag-academia #guide-vpn .ex-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}

.ag-academia #guide-vpn .ex-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}


  /* ===== vpn scenarios ===== */
.ag-academia #guide-vpn .vpn-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}

.ag-academia #guide-vpn .vscn{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:13px 10px;text-align:center;cursor:pointer;transition:all .2s;font:inherit}

.ag-academia #guide-vpn .vscn:hover{border-color:var(--line-strong)}

.ag-academia #guide-vpn .vscn .vico{font-size:20px}

.ag-academia #guide-vpn .vscn .vlab{display:block;font-size:11px;font-weight:600;color:var(--muted);margin-top:6px;line-height:1.25}

.ag-academia #guide-vpn .vscn.active{border-color:var(--red);background:linear-gradient(180deg,rgba(var(--red-rgb),.07),var(--bg))}

.ag-academia #guide-vpn .vscn.active .vlab{color:var(--ink)}

.ag-academia #guide-vpn .vpn-detail{margin-top:16px;background:var(--bg);border:1px solid var(--line-strong);border-radius:14px;padding:20px}

.ag-academia #guide-vpn .vbadge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px;letter-spacing:.02em}

.ag-academia #guide-vpn .vbadge svg{width:15px;height:15px}

.ag-academia #guide-vpn .vbadge.ok{background:rgba(var(--safe-rgb),.14);color:var(--safe-bright)}

.ag-academia #guide-vpn .vbadge.bad{background:rgba(var(--red-rgb),.14);color:var(--red-bright)}

.ag-academia #guide-vpn .vsit{font-size:14px;color:var(--ink);font-weight:500;margin:13px 0 16px}

.ag-academia #guide-vpn .vflow{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}

.ag-academia #guide-vpn .vpill{flex:1;min-width:110px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 12px;font-size:12px;color:var(--muted);display:flex;align-items:center;line-height:1.35;font-weight:500}

.ag-academia #guide-vpn .vpill.role{background:var(--surface-2);color:var(--ink);border-color:var(--line-strong);font-weight:600;justify-content:center;text-align:center}

.ag-academia #guide-vpn .vpill.role.off{opacity:.55}

.ag-academia #guide-vpn .vpill.out{justify-content:center;text-align:center;font-weight:600}

.ag-academia #guide-vpn .vpill.out.ok{background:rgba(var(--safe-rgb),.1);border-color:rgba(var(--safe-rgb),.35);color:var(--safe-bright)}

.ag-academia #guide-vpn .vpill.out.bad{background:rgba(var(--red-rgb),.1);border-color:rgba(var(--red-rgb),.4);color:var(--red-bright)}

.ag-academia #guide-vpn .varr{display:flex;align-items:center;color:var(--muted-2);font-size:15px;flex-shrink:0}

.ag-academia #guide-vpn .vwhy{margin-top:16px;font-size:13px;color:var(--muted);line-height:1.62;border-top:1px solid var(--line);padding-top:14px}

.ag-academia #guide-vpn .vwhy b{color:var(--ink);font-weight:600}

.ag-academia #guide-vpn .vwhy .hs{color:var(--red-bright);font-weight:600}

.ag-academia #guide-vpn .progress{margin:22px 0 20px;display:flex;align-items:center;gap:14px}

.ag-academia #guide-vpn .track{flex:1;height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}

.ag-academia #guide-vpn .track .fill{height:100%;width:0;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-vpn .track.done .fill{background:linear-gradient(90deg,#1a8a52,var(--safe))}

.ag-academia #guide-vpn .pcount{font-size:12px;color:var(--muted);white-space:nowrap}

.ag-academia #guide-vpn .pcount b{color:var(--ink)}

.ag-academia #guide-vpn .steps{display:flex;flex-direction:column;gap:11px;list-style:none}

.ag-academia #guide-vpn .step{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 16px;cursor:pointer;transition:border-color .25s,background .25s,transform .15s;user-select:none}

.ag-academia #guide-vpn .step:hover{border-color:var(--line-strong);transform:translateX(2px)}

.ag-academia #guide-vpn .step .box{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--muted-2);flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:all .25s;color:transparent}

.ag-academia #guide-vpn .step .box svg{width:14px;height:14px}

.ag-academia #guide-vpn .step .n{font-size:11px;color:var(--red);letter-spacing:.05em;font-weight:600}

.ag-academia #guide-vpn .step h3{font-size:1rem;font-weight:600;color:var(--ink);margin:2px 0 4px}

.ag-academia #guide-vpn .step p{color:var(--muted);font-size:.94rem;line-height:1.55}

.ag-academia #guide-vpn .step p a{color:var(--red-bright);text-decoration:none;border-bottom:1px solid rgba(var(--red-rgb),.35)}

.ag-academia #guide-vpn .step.done{background:rgba(var(--safe-rgb),.06);border-color:rgba(var(--safe-rgb),.28)}

.ag-academia #guide-vpn .step.done .box{background:var(--safe);border-color:var(--safe);color:#08130c}

.ag-academia #guide-vpn .step.done h3{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted-2)}

.ag-academia #guide-vpn .signal{margin-top:28px;background:linear-gradient(180deg,rgba(var(--safe-rgb),.07),transparent);border:1px solid rgba(var(--safe-rgb),.22);border-radius:16px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start}

.ag-academia #guide-vpn .signal .si{width:34px;height:34px;border-radius:10px;background:rgba(var(--safe-rgb),.14);display:grid;place-items:center;color:var(--safe-bright);flex-shrink:0}

.ag-academia #guide-vpn .signal .si svg{width:19px;height:19px}

.ag-academia #guide-vpn .signal h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;color:var(--ink);margin-bottom:6px}

.ag-academia #guide-vpn .signal p{color:var(--muted);font-size:.97rem;line-height:1.62}

.ag-academia #guide-vpn .signal p .ok{color:var(--safe-bright);font-weight:600}

@media(max-width:720px){
.ag-academia #guide-vpn .vpn-tabs{grid-template-columns:repeat(2,1fr)}

.ag-academia #guide-vpn .vflow{flex-direction:column}

.ag-academia #guide-vpn .varr{transform:rotate(90deg);justify-content:center}

.ag-academia #guide-vpn .pull{flex-direction:column;gap:6px}

  }

@media(prefers-reduced-motion:reduce){
.ag-academia #guide-vpn *{animation-duration:.001ms !important;transition-duration:.001ms !important}

.ag-academia #guide-vpn .rv{opacity:1;transform:none}
}

.ag-academia #guide-vpn :focus-visible{outline:2px solid var(--red-bright);outline-offset:3px;border-radius:4px}



/* ===== GUIDE: cuento ===== */

.ag-academia #guide-cuento{
    --bg:#FBFAF9;--surface:#FFFFFF;--surface-2:#F3F4F6;
    --line:rgba(20,22,28,.09);--line-strong:rgba(20,22,28,.16);
    --ink:#1A1D23;--muted:#5B6472;--muted-2:#8A93A0;
    --red:#A32D2D;--red-bright:#B93636;--red-deep:#8B2525;--red-rgb:163,45,45;
    --safe:#17924F;--safe-rgb:23,146,79;--safe-bright:#17924F;
    --verdict-text:#7A2E2E;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(20,22,28,.10);
    --serif:'Poppins',system-ui,sans-serif;--sans:'Poppins',system-ui,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace;
  }

html.dark .ag-academia #guide-cuento{
    --bg:#0B0E13;--surface:#141A23;--surface-2:#1A212C;
    --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
    --ink:#F3F5F8;--muted:#9BA6B4;--muted-2:#6B7684;
    --red:#C44A4A;--red-bright:#D97070;--red-deep:#8B2525;--red-rgb:196,74,74;
    --safe:#2ED47A;--safe-rgb:46,212,122;--safe-bright:#3FE08A;
    --verdict-text:#E4C4C4;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(0,0,0,.5);
  }

.ag-academia #guide-cuento *{box-sizing:border-box;margin:0;padding:0}

.ag-academia #guide-cuento{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;padding:0 20px 100px}

.ag-academia #guide-cuento .wrap{max-width:720px;margin:0 auto}

.ag-academia #guide-cuento .topbar{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0}

.ag-academia #guide-cuento .back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}

.ag-academia #guide-cuento .back:hover{color:var(--ink)}

.ag-academia #guide-cuento .back svg{width:16px;height:16px}

.ag-academia #guide-cuento .theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .2s}

.ag-academia #guide-cuento .theme-toggle:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia #guide-cuento .theme-toggle svg{width:18px;height:18px}

.ag-academia #guide-cuento .theme-toggle .ic-sun{display:none}

html.dark .ag-academia #guide-cuento .theme-toggle .ic-moon{display:none}

html.dark .ag-academia #guide-cuento .theme-toggle .ic-sun{display:block}

.ag-academia #guide-cuento .g-hero{padding:26px 0 30px}

.ag-academia #guide-cuento .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:9px;font-weight:500}

.ag-academia #guide-cuento .eyebrow::before{content:"";width:22px;height:1px;background:var(--red)}

.ag-academia #guide-cuento h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.05;letter-spacing:-.02em;margin-top:18px}

.ag-academia #guide-cuento h1 .decode{color:var(--red-bright);font-weight:600}

.ag-academia #guide-cuento .g-dek{font-size:clamp(1.04rem,2.3vw,1.2rem);color:var(--muted);max-width:60ch;margin-top:20px;line-height:1.62}

.ag-academia #guide-cuento .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

.ag-academia #guide-cuento .chip{font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}

.ag-academia #guide-cuento .chip b{color:var(--ink);font-weight:600}

.ag-academia #guide-cuento .block{padding:44px 0 0}

.ag-academia #guide-cuento .kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:500}

.ag-academia #guide-cuento .kicker .tick{width:6px;height:6px;border-radius:2px;background:var(--red);transform:rotate(45deg)}

.ag-academia #guide-cuento h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,3.4vw,2rem);line-height:1.14;letter-spacing:-.015em}

.ag-academia #guide-cuento .block p{color:var(--muted);font-size:1.05rem;line-height:1.72;margin-top:15px}

.ag-academia #guide-cuento .block p strong{color:var(--ink);font-weight:600}

.ag-academia #guide-cuento .lead{font-size:1.12rem !important;color:var(--ink) !important;opacity:.85}

.ag-academia #guide-cuento .pull{margin-top:26px;padding:22px 24px;background:linear-gradient(180deg,var(--surface),transparent);border:1px solid var(--line);border-left:2px solid var(--red);border-radius:14px;display:flex;gap:20px;align-items:baseline}

.ag-academia #guide-cuento .pull .big{font-family:var(--serif);font-size:2rem;line-height:1.05;color:var(--ink);font-weight:700;white-space:nowrap}

.ag-academia #guide-cuento .pull .lbl{color:var(--muted);font-size:.96rem;line-height:1.5}

.ag-academia #guide-cuento .rv{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-cuento .rv.lit{opacity:1;transform:none}

.ag-academia #guide-cuento .explainer{margin-top:28px;background:radial-gradient(600px 300px at 80% 0%,rgba(var(--red-rgb),.06),transparent 55%),var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:26px}

.ag-academia #guide-cuento .ex-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}

.ag-academia #guide-cuento .ex-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}

.ag-academia #guide-cuento .btn{font-family:var(--sans);font-weight:600;font-size:13.5px;border:0;cursor:pointer;border-radius:8px;padding:10px 18px;color:var(--on-red);background:linear-gradient(140deg,var(--red),var(--red-deep));box-shadow:0 3px 12px rgba(var(--red-rgb),.3);transition:transform .15s,box-shadow .2s,opacity .2s}

.ag-academia #guide-cuento .btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(var(--red-rgb),.42)}

.ag-academia #guide-cuento .btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}

.ag-academia #guide-cuento .btn.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--muted);box-shadow:none}

.ag-academia #guide-cuento .btn.ghost:hover{color:var(--ink);border-color:var(--muted-2)}


  /* ===== call ===== */
.ag-academia #guide-cuento .call-grid{display:grid;grid-template-columns:1.35fr .95fr;gap:16px}

.ag-academia #guide-cuento .call{background:var(--bg);border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}

.ag-academia #guide-cuento .call-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}

.ag-academia #guide-cuento .call-av{width:38px;height:38px;border-radius:50%;background:rgba(var(--red-rgb),.14);display:grid;place-items:center;font-size:18px;flex-shrink:0}

.ag-academia #guide-cuento .call-id .cn{font-size:13.5px;font-weight:600;color:var(--ink)}

.ag-academia #guide-cuento .call-id .cnum{font-family:var(--mono);font-size:11px;color:var(--muted)}

.ag-academia #guide-cuento .call-spoof{font-size:10px;color:var(--red-bright);margin-top:2px;display:flex;align-items:center;gap:4px}

.ag-academia #guide-cuento .call-spoof svg{width:11px;height:11px}

.ag-academia #guide-cuento .call-body{padding:16px;min-height:230px;display:flex;flex-direction:column;gap:12px;justify-content:flex-end}

.ag-academia #guide-cuento .call-empty{margin:auto;text-align:center;color:var(--muted-2);font-size:12.5px;line-height:1.5}

.ag-academia #guide-cuento .cbubble{max-width:88%;align-self:flex-start;animation:cuento_cPop .3s ease}

@keyframes cuento_cPop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.ag-academia #guide-cuento .cbubble .ctext{background:var(--surface);border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:10px 13px;font-size:13px;color:var(--ink);line-height:1.5}

.ag-academia #guide-cuento .cbubble .btag{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:10.5px;font-weight:600;color:var(--red-bright);background:rgba(var(--red-rgb),.1);border:1px solid rgba(var(--red-rgb),.25);border-radius:999px;padding:3px 9px;opacity:0;transform:translateY(-3px);transition:all .3s}

.ag-academia #guide-cuento .cbubble .btag.on{opacity:1;transform:none}

.ag-academia #guide-cuento .ctyping{align-self:flex-start;display:flex;gap:4px;padding:11px 14px;background:var(--surface);border:1px solid var(--line);border-radius:4px 14px 14px 14px}

.ag-academia #guide-cuento .ctyping span{width:6px;height:6px;border-radius:50%;background:var(--muted-2);animation:cuento_cDot 1s infinite}

.ag-academia #guide-cuento .ctyping span:nth-child(2){animation-delay:.2s}

.ag-academia #guide-cuento .ctyping span:nth-child(3){animation-delay:.4s}

@keyframes cuento_cDot{0%,60%,100%{opacity:.3}30%{opacity:1}}

.ag-academia #guide-cuento .senales{background:var(--bg);border:1px solid var(--line-strong);border-radius:14px;padding:16px}

.ag-academia #guide-cuento .senales h4{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:600;margin-bottom:12px}

.ag-academia #guide-cuento .senal{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);opacity:.4;transition:opacity .4s}

.ag-academia #guide-cuento .senal:last-child{border-bottom:0}

.ag-academia #guide-cuento .senal .se-i{width:26px;height:26px;border-radius:7px;background:var(--surface-2);display:grid;place-items:center;font-size:14px;flex-shrink:0;transition:all .4s}

.ag-academia #guide-cuento .senal .se-l{font-size:12px;color:var(--muted);font-weight:500;line-height:1.3}

.ag-academia #guide-cuento .senal.on{opacity:1}

.ag-academia #guide-cuento .senal.on .se-i{background:rgba(var(--red-rgb),.15)}

.ag-academia #guide-cuento .senal.on .se-l{color:var(--ink)}

.ag-academia #guide-cuento .verdict{margin-top:18px;display:none;align-items:flex-start;gap:11px;border-radius:12px;padding:14px 15px}

.ag-academia #guide-cuento .verdict.show{display:flex;animation:cuento_cRise .5s cubic-bezier(.2,.7,.2,1)}

@keyframes cuento_cRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ag-academia #guide-cuento .verdict.bad{background:linear-gradient(180deg,rgba(var(--red-rgb),.1),transparent);border:1px solid rgba(var(--red-rgb),.3)}

.ag-academia #guide-cuento .verdict .vi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:rgba(var(--red-rgb),.15);color:var(--red-bright)}

.ag-academia #guide-cuento .verdict .vi svg{width:16px;height:16px}

.ag-academia #guide-cuento .verdict .vt{font-size:13.5px;color:var(--ink);line-height:1.5}

.ag-academia #guide-cuento .verdict .vt b{font-weight:600}

.ag-academia #guide-cuento .ex-foot{margin-top:18px;display:flex;justify-content:center;gap:10px}

.ag-academia #guide-cuento .progress{margin:22px 0 20px;display:flex;align-items:center;gap:14px}

.ag-academia #guide-cuento .track{flex:1;height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}

.ag-academia #guide-cuento .track .fill{height:100%;width:0;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-cuento .track.done .fill{background:linear-gradient(90deg,#1a8a52,var(--safe))}

.ag-academia #guide-cuento .pcount{font-size:12px;color:var(--muted);white-space:nowrap}

.ag-academia #guide-cuento .pcount b{color:var(--ink)}

.ag-academia #guide-cuento .steps{display:flex;flex-direction:column;gap:11px;list-style:none}

.ag-academia #guide-cuento .step{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 16px;cursor:pointer;transition:border-color .25s,background .25s,transform .15s;user-select:none}

.ag-academia #guide-cuento .step:hover{border-color:var(--line-strong);transform:translateX(2px)}

.ag-academia #guide-cuento .step .box{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--muted-2);flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:all .25s;color:transparent}

.ag-academia #guide-cuento .step .box svg{width:14px;height:14px}

.ag-academia #guide-cuento .step .n{font-size:11px;color:var(--red);letter-spacing:.05em;font-weight:600}

.ag-academia #guide-cuento .step h3{font-size:1rem;font-weight:600;color:var(--ink);margin:2px 0 4px}

.ag-academia #guide-cuento .step p{color:var(--muted);font-size:.94rem;line-height:1.55}

.ag-academia #guide-cuento .step.done{background:rgba(var(--safe-rgb),.06);border-color:rgba(var(--safe-rgb),.28)}

.ag-academia #guide-cuento .step.done .box{background:var(--safe);border-color:var(--safe);color:#08130c}

.ag-academia #guide-cuento .step.done h3{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted-2)}

.ag-academia #guide-cuento .signal{margin-top:28px;background:linear-gradient(180deg,rgba(var(--safe-rgb),.07),transparent);border:1px solid rgba(var(--safe-rgb),.22);border-radius:16px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start}

.ag-academia #guide-cuento .signal .si{width:34px;height:34px;border-radius:10px;background:rgba(var(--safe-rgb),.14);display:grid;place-items:center;color:var(--safe-bright);flex-shrink:0}

.ag-academia #guide-cuento .signal .si svg{width:19px;height:19px}

.ag-academia #guide-cuento .signal h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;color:var(--ink);margin-bottom:6px}

.ag-academia #guide-cuento .signal p{color:var(--muted);font-size:.97rem;line-height:1.62}

.ag-academia #guide-cuento .signal p .ok{color:var(--safe-bright);font-weight:600}

@media(max-width:720px){
.ag-academia #guide-cuento .call-grid{grid-template-columns:1fr}

.ag-academia #guide-cuento .pull{flex-direction:column;gap:6px}

  }

@media(prefers-reduced-motion:reduce){
.ag-academia #guide-cuento *{animation-duration:.001ms !important;transition-duration:.001ms !important}

.ag-academia #guide-cuento .rv{opacity:1;transform:none}
}

.ag-academia #guide-cuento :focus-visible{outline:2px solid var(--red-bright);outline-offset:3px;border-radius:4px}



/* ===== GUIDE: phishing ===== */

.ag-academia #guide-phishing{
    --bg:#FBFAF9;--surface:#FFFFFF;--surface-2:#F3F4F6;
    --line:rgba(20,22,28,.09);--line-strong:rgba(20,22,28,.16);
    --ink:#1A1D23;--muted:#5B6472;--muted-2:#8A93A0;
    --red:#A32D2D;--red-bright:#B93636;--red-deep:#8B2525;--red-rgb:163,45,45;
    --safe:#17924F;--safe-rgb:23,146,79;--safe-bright:#17924F;
    --verdict-text:#7A2E2E;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(20,22,28,.10);
    --serif:'Poppins',system-ui,sans-serif;--sans:'Poppins',system-ui,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace;
  }

html.dark .ag-academia #guide-phishing{
    --bg:#0B0E13;--surface:#141A23;--surface-2:#1A212C;
    --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
    --ink:#F3F5F8;--muted:#9BA6B4;--muted-2:#6B7684;
    --red:#C44A4A;--red-bright:#D97070;--red-deep:#8B2525;--red-rgb:196,74,74;
    --safe:#2ED47A;--safe-rgb:46,212,122;--safe-bright:#3FE08A;
    --verdict-text:#E4C4C4;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(0,0,0,.5);
  }

.ag-academia #guide-phishing *{box-sizing:border-box;margin:0;padding:0}

.ag-academia #guide-phishing{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;padding:0 20px 100px}

.ag-academia #guide-phishing .wrap{max-width:720px;margin:0 auto}

.ag-academia #guide-phishing .topbar{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0}

.ag-academia #guide-phishing .back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}

.ag-academia #guide-phishing .back:hover{color:var(--ink)}

.ag-academia #guide-phishing .back svg{width:16px;height:16px}

.ag-academia #guide-phishing .theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .2s}

.ag-academia #guide-phishing .theme-toggle:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia #guide-phishing .theme-toggle svg{width:18px;height:18px}

.ag-academia #guide-phishing .theme-toggle .ic-sun{display:none}

html.dark .ag-academia #guide-phishing .theme-toggle .ic-moon{display:none}

html.dark .ag-academia #guide-phishing .theme-toggle .ic-sun{display:block}

.ag-academia #guide-phishing .g-hero{padding:26px 0 30px}

.ag-academia #guide-phishing .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:9px;font-weight:500}

.ag-academia #guide-phishing .eyebrow::before{content:"";width:22px;height:1px;background:var(--red)}

.ag-academia #guide-phishing h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.05;letter-spacing:-.02em;margin-top:18px}

.ag-academia #guide-phishing h1 .decode{color:var(--red-bright);font-weight:600}

.ag-academia #guide-phishing .g-dek{font-size:clamp(1.04rem,2.3vw,1.2rem);color:var(--muted);max-width:60ch;margin-top:20px;line-height:1.62}

.ag-academia #guide-phishing .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

.ag-academia #guide-phishing .chip{font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}

.ag-academia #guide-phishing .chip b{color:var(--ink);font-weight:600}

.ag-academia #guide-phishing .block{padding:44px 0 0}

.ag-academia #guide-phishing .kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:500}

.ag-academia #guide-phishing .kicker .tick{width:6px;height:6px;border-radius:2px;background:var(--red);transform:rotate(45deg)}

.ag-academia #guide-phishing h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,3.4vw,2rem);line-height:1.14;letter-spacing:-.015em}

.ag-academia #guide-phishing .block p{color:var(--muted);font-size:1.05rem;line-height:1.72;margin-top:15px}

.ag-academia #guide-phishing .block p strong{color:var(--ink);font-weight:600}

.ag-academia #guide-phishing .lead{font-size:1.12rem !important;color:var(--ink) !important;opacity:.85}

.ag-academia #guide-phishing .pull{margin-top:26px;padding:22px 24px;background:linear-gradient(180deg,var(--surface),transparent);border:1px solid var(--line);border-left:2px solid var(--red);border-radius:14px;display:flex;gap:20px;align-items:baseline}

.ag-academia #guide-phishing .pull .big{font-family:var(--serif);font-size:2rem;line-height:1.05;color:var(--ink);font-weight:700;white-space:nowrap}

.ag-academia #guide-phishing .pull .lbl{color:var(--muted);font-size:.96rem;line-height:1.5}

.ag-academia #guide-phishing .rv{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-phishing .rv.lit{opacity:1;transform:none}

.ag-academia #guide-phishing .explainer{margin-top:28px;background:radial-gradient(600px 300px at 80% 0%,rgba(var(--red-rgb),.06),transparent 55%),var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:26px}

.ag-academia #guide-phishing .ex-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}

.ag-academia #guide-phishing .ex-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}

.ag-academia #guide-phishing .ph-count{font-size:12px;font-weight:600;color:var(--muted);background:var(--bg);border:1px solid var(--line-strong);border-radius:999px;padding:5px 12px}

.ag-academia #guide-phishing .ph-count b{color:var(--red-bright)}


  /* ===== phishing email ===== */
.ag-academia #guide-phishing .ph-hint{font-size:12px;color:var(--muted-2);margin-bottom:12px;display:flex;align-items:center;gap:6px}

.ag-academia #guide-phishing .ph-hint svg{width:13px;height:13px}

.ag-academia #guide-phishing .ph-mail{background:var(--bg);border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}

.ag-academia #guide-phishing .ph-mhead{padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}

.ag-academia #guide-phishing .ph-mrow{font-size:12.5px;color:var(--muted);margin-bottom:4px}

.ag-academia #guide-phishing .ph-mrow:last-child{margin-bottom:0}

.ag-academia #guide-phishing .ph-mrow .lb{color:var(--muted-2);display:inline-block;width:52px}

.ag-academia #guide-phishing .ph-mbody{padding:18px 16px;font-size:13.5px;color:var(--ink);line-height:1.6}

.ag-academia #guide-phishing .ph-logo{font-family:var(--serif);font-weight:700;font-size:15px;color:#0072CE;margin-bottom:14px}

.ag-academia #guide-phishing .ph-mbody p{margin-bottom:12px}

.ag-academia #guide-phishing .ph-cta{display:inline-block;background:#0072CE;color:#fff;font-weight:600;font-size:13px;padding:10px 20px;border-radius:7px;margin:4px 0 6px;cursor:pointer}

.ag-academia #guide-phishing .ph-spot{cursor:pointer;border-bottom:1.5px dashed var(--muted-2);transition:background .2s;padding:0 2px;border-radius:3px 3px 0 0}

.ag-academia #guide-phishing .ph-spot:hover{background:rgba(var(--red-rgb),.08)}

.ag-academia #guide-phishing .ph-spot.found{background:rgba(var(--red-rgb),.12);border-bottom-color:var(--red-bright);color:var(--red-bright)}

.ag-academia #guide-phishing .ph-cta.ph-spot{border-bottom:0}

.ag-academia #guide-phishing .ph-cta.ph-spot.found{outline:2px solid var(--red-bright);outline-offset:2px;background:#0072CE}

.ag-academia #guide-phishing .ph-callout{margin-top:16px;background:var(--bg);border:1px solid var(--line-strong);border-radius:12px;padding:16px;min-height:96px;display:flex;flex-direction:column;justify-content:center}

.ag-academia #guide-phishing .ph-co-empty{color:var(--muted-2);font-size:12.5px;text-align:center}

.ag-academia #guide-phishing .ph-co-title{font-size:13px;font-weight:600;color:var(--red-bright);display:flex;align-items:center;gap:8px;margin-bottom:8px}

.ag-academia #guide-phishing .ph-co-title svg{width:15px;height:15px}

.ag-academia #guide-phishing .ph-co-text{font-size:12.5px;color:var(--muted);line-height:1.6}

.ag-academia #guide-phishing .ph-co-text b{color:var(--ink);font-weight:600}

.ag-academia #guide-phishing .ph-url{margin-top:12px;font-family:var(--mono);font-size:13px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 12px;word-break:break-all;line-height:1.7}

.ag-academia #guide-phishing .ph-seg{color:var(--muted-2)}

.ag-academia #guide-phishing .ph-seg.real{color:var(--red-bright);font-weight:700;background:rgba(var(--red-rgb),.12);border-radius:4px;padding:1px 3px}

.ag-academia #guide-phishing .ph-url-note{margin-top:8px;font-size:11.5px;color:var(--muted)}

.ag-academia #guide-phishing .ph-url-note .rr{color:var(--red-bright);font-weight:600}

.ag-academia #guide-phishing .verdict{margin-top:18px;display:none;align-items:flex-start;gap:11px;border-radius:12px;padding:14px 15px}

.ag-academia #guide-phishing .verdict.show{display:flex;animation:phishing_pRise .5s cubic-bezier(.2,.7,.2,1)}

@keyframes phishing_pRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ag-academia #guide-phishing .verdict.bad{background:linear-gradient(180deg,rgba(var(--red-rgb),.1),transparent);border:1px solid rgba(var(--red-rgb),.3)}

.ag-academia #guide-phishing .verdict .vi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:rgba(var(--red-rgb),.15);color:var(--red-bright)}

.ag-academia #guide-phishing .verdict .vi svg{width:16px;height:16px}

.ag-academia #guide-phishing .verdict .vt{font-size:13.5px;color:var(--ink);line-height:1.5}

.ag-academia #guide-phishing .verdict .vt b{font-weight:600}

.ag-academia #guide-phishing .progress{margin:22px 0 20px;display:flex;align-items:center;gap:14px}

.ag-academia #guide-phishing .track{flex:1;height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}

.ag-academia #guide-phishing .track .fill{height:100%;width:0;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-phishing .track.done .fill{background:linear-gradient(90deg,#1a8a52,var(--safe))}

.ag-academia #guide-phishing .pcount{font-size:12px;color:var(--muted);white-space:nowrap}

.ag-academia #guide-phishing .pcount b{color:var(--ink)}

.ag-academia #guide-phishing .steps{display:flex;flex-direction:column;gap:11px;list-style:none}

.ag-academia #guide-phishing .step{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 16px;cursor:pointer;transition:border-color .25s,background .25s,transform .15s;user-select:none}

.ag-academia #guide-phishing .step:hover{border-color:var(--line-strong);transform:translateX(2px)}

.ag-academia #guide-phishing .step .box{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--muted-2);flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:all .25s;color:transparent}

.ag-academia #guide-phishing .step .box svg{width:14px;height:14px}

.ag-academia #guide-phishing .step .n{font-size:11px;color:var(--red);letter-spacing:.05em;font-weight:600}

.ag-academia #guide-phishing .step h3{font-size:1rem;font-weight:600;color:var(--ink);margin:2px 0 4px}

.ag-academia #guide-phishing .step p{color:var(--muted);font-size:.94rem;line-height:1.55}

.ag-academia #guide-phishing .step p code{font-family:var(--mono);font-size:.85em;background:var(--surface-2);padding:1px 5px;border-radius:4px;color:var(--ink)}

.ag-academia #guide-phishing .step.done{background:rgba(var(--safe-rgb),.06);border-color:rgba(var(--safe-rgb),.28)}

.ag-academia #guide-phishing .step.done .box{background:var(--safe);border-color:var(--safe);color:#08130c}

.ag-academia #guide-phishing .step.done h3{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted-2)}

.ag-academia #guide-phishing .signal{margin-top:28px;background:linear-gradient(180deg,rgba(var(--safe-rgb),.07),transparent);border:1px solid rgba(var(--safe-rgb),.22);border-radius:16px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start}

.ag-academia #guide-phishing .signal .si{width:34px;height:34px;border-radius:10px;background:rgba(var(--safe-rgb),.14);display:grid;place-items:center;color:var(--safe-bright);flex-shrink:0}

.ag-academia #guide-phishing .signal .si svg{width:19px;height:19px}

.ag-academia #guide-phishing .signal h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;color:var(--ink);margin-bottom:6px}

.ag-academia #guide-phishing .signal p{color:var(--muted);font-size:.97rem;line-height:1.62}

.ag-academia #guide-phishing .signal p .ok{color:var(--safe-bright);font-weight:600}

@media(max-width:720px){
.ag-academia #guide-phishing .pull{flex-direction:column;gap:6px}
}

@media(prefers-reduced-motion:reduce){
.ag-academia #guide-phishing *{animation-duration:.001ms !important;transition-duration:.001ms !important}

.ag-academia #guide-phishing .rv{opacity:1;transform:none}
}

.ag-academia #guide-phishing :focus-visible{outline:2px solid var(--red-bright);outline-offset:3px;border-radius:4px}



/* ===== GUIDE: redes ===== */

.ag-academia #guide-redes{
    --bg:#FBFAF9;--surface:#FFFFFF;--surface-2:#F3F4F6;
    --line:rgba(20,22,28,.09);--line-strong:rgba(20,22,28,.16);
    --ink:#1A1D23;--muted:#5B6472;--muted-2:#8A93A0;
    --red:#A32D2D;--red-bright:#B93636;--red-deep:#8B2525;--red-rgb:163,45,45;
    --amber:#B7791F;--amber-rgb:183,121,31;
    --safe:#17924F;--safe-rgb:23,146,79;--safe-bright:#17924F;
    --verdict-text:#7A2E2E;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(20,22,28,.10);
    --serif:'Poppins',system-ui,sans-serif;--sans:'Poppins',system-ui,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace;
  }

html.dark .ag-academia #guide-redes{
    --bg:#0B0E13;--surface:#141A23;--surface-2:#1A212C;
    --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
    --ink:#F3F5F8;--muted:#9BA6B4;--muted-2:#6B7684;
    --red:#C44A4A;--red-bright:#D97070;--red-deep:#8B2525;--red-rgb:196,74,74;
    --amber:#E0A83E;--amber-rgb:224,168,62;
    --safe:#2ED47A;--safe-rgb:46,212,122;--safe-bright:#3FE08A;
    --verdict-text:#E4C4C4;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(0,0,0,.5);
  }

.ag-academia #guide-redes *{box-sizing:border-box;margin:0;padding:0}

.ag-academia #guide-redes{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;padding:0 20px 100px}

.ag-academia #guide-redes .wrap{max-width:720px;margin:0 auto}

.ag-academia #guide-redes .topbar{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0}

.ag-academia #guide-redes .back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}

.ag-academia #guide-redes .back:hover{color:var(--ink)}

.ag-academia #guide-redes .back svg{width:16px;height:16px}

.ag-academia #guide-redes .theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .2s}

.ag-academia #guide-redes .theme-toggle:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia #guide-redes .theme-toggle svg{width:18px;height:18px}

.ag-academia #guide-redes .theme-toggle .ic-sun{display:none}

html.dark .ag-academia #guide-redes .theme-toggle .ic-moon{display:none}

html.dark .ag-academia #guide-redes .theme-toggle .ic-sun{display:block}

.ag-academia #guide-redes .g-hero{padding:26px 0 30px}

.ag-academia #guide-redes .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:9px;font-weight:500}

.ag-academia #guide-redes .eyebrow::before{content:"";width:22px;height:1px;background:var(--red)}

.ag-academia #guide-redes h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.05;letter-spacing:-.02em;margin-top:18px}

.ag-academia #guide-redes h1 .decode{color:var(--red-bright);font-weight:600}

.ag-academia #guide-redes .g-dek{font-size:clamp(1.04rem,2.3vw,1.2rem);color:var(--muted);max-width:60ch;margin-top:20px;line-height:1.62}

.ag-academia #guide-redes .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

.ag-academia #guide-redes .chip{font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}

.ag-academia #guide-redes .chip b{color:var(--ink);font-weight:600}

.ag-academia #guide-redes .block{padding:44px 0 0}

.ag-academia #guide-redes .kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:500}

.ag-academia #guide-redes .kicker .tick{width:6px;height:6px;border-radius:2px;background:var(--red);transform:rotate(45deg)}

.ag-academia #guide-redes h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,3.4vw,2rem);line-height:1.14;letter-spacing:-.015em}

.ag-academia #guide-redes .block p{color:var(--muted);font-size:1.05rem;line-height:1.72;margin-top:15px}

.ag-academia #guide-redes .block p strong{color:var(--ink);font-weight:600}

.ag-academia #guide-redes .lead{font-size:1.12rem !important;color:var(--ink) !important;opacity:.85}

.ag-academia #guide-redes .pull{margin-top:26px;padding:22px 24px;background:linear-gradient(180deg,var(--surface),transparent);border:1px solid var(--line);border-left:2px solid var(--red);border-radius:14px;display:flex;gap:20px;align-items:baseline}

.ag-academia #guide-redes .pull .big{font-family:var(--serif);font-size:2rem;line-height:1.05;color:var(--ink);font-weight:700;white-space:nowrap}

.ag-academia #guide-redes .pull .lbl{color:var(--muted);font-size:.96rem;line-height:1.5}

.ag-academia #guide-redes .rv{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-redes .rv.lit{opacity:1;transform:none}

.ag-academia #guide-redes .explainer{margin-top:28px;background:radial-gradient(600px 300px at 80% 0%,rgba(var(--red-rgb),.06),transparent 55%),var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:26px}

.ag-academia #guide-redes .ex-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}

.ag-academia #guide-redes .ex-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}


  /* ===== audit ===== */
.ag-academia #guide-redes .aud-meter{background:var(--bg);border:1px solid var(--line-strong);border-radius:14px;padding:16px 18px;margin-bottom:16px}

.ag-academia #guide-redes .aud-mtop{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}

.ag-academia #guide-redes .aud-mlabel{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted-2);font-weight:600}

.ag-academia #guide-redes .aud-mval{font-family:var(--serif);font-size:1.5rem;font-weight:700;transition:color .4s}

.ag-academia #guide-redes .aud-mval .lvl{font-size:.8rem;font-weight:600;margin-left:8px}

.ag-academia #guide-redes .aud-bar{height:9px;background:var(--surface-2);border-radius:6px;overflow:hidden}

.ag-academia #guide-redes .aud-bar .aud-fill{height:100%;border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1),background .4s}

.ag-academia #guide-redes .aud-desc{font-size:12.5px;color:var(--muted);line-height:1.55;margin-top:11px}

.ag-academia #guide-redes .lv-hi{color:var(--red-bright)}

.ag-academia #guide-redes .lv-mid{color:var(--amber)}

.ag-academia #guide-redes .lv-lo{color:var(--safe-bright)}

.ag-academia #guide-redes .bg-hi{background:linear-gradient(90deg,var(--red-deep),var(--red-bright))}

.ag-academia #guide-redes .bg-mid{background:linear-gradient(90deg,#9a6a1a,var(--amber))}

.ag-academia #guide-redes .bg-lo{background:linear-gradient(90deg,#1a8a52,var(--safe))}

.ag-academia #guide-redes .aud-profile{background:var(--bg);border:1px solid var(--line-strong);border-radius:14px;overflow:hidden}

.ag-academia #guide-redes .aud-phead{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}

.ag-academia #guide-redes .aud-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--red),var(--red-deep));display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;flex-shrink:0}

.ag-academia #guide-redes .aud-pname{font-size:14px;font-weight:600;color:var(--ink)}

.ag-academia #guide-redes .aud-phandle{font-size:12px;color:var(--muted)}

.ag-academia #guide-redes .aud-item{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}

.ag-academia #guide-redes .aud-item:last-child{border-bottom:0}

.ag-academia #guide-redes .aud-ico{font-size:17px;width:24px;text-align:center;flex-shrink:0}

.ag-academia #guide-redes .aud-it-main{flex:1;min-width:0}

.ag-academia #guide-redes .aud-it-label{font-size:13px;font-weight:500;color:var(--ink)}

.ag-academia #guide-redes .aud-it-hint{font-size:11px;color:var(--muted-2);line-height:1.35;margin-top:2px}

.ag-academia #guide-redes .aud-state{font-size:10.5px;font-weight:600;width:52px;text-align:right;flex-shrink:0;transition:color .3s}

.ag-academia #guide-redes .aud-state.pub{color:var(--red-bright)}

.ag-academia #guide-redes .aud-state.priv{color:var(--safe-bright)}

.ag-academia #guide-redes .aud-sw{width:42px;height:24px;border-radius:999px;border:0;cursor:pointer;position:relative;flex-shrink:0;background:rgba(var(--red-rgb),.85);transition:background .3s}

.ag-academia #guide-redes .aud-sw.off{background:rgba(var(--safe-rgb),.85)}

.ag-academia #guide-redes .aud-sw .knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .25s;box-shadow:0 1px 3px rgba(0,0,0,.3)}

.ag-academia #guide-redes .aud-sw.off .knob{transform:translateX(18px)}

.ag-academia #guide-redes .aud-reset{margin-top:14px;display:flex;justify-content:center}

.ag-academia #guide-redes .btn.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--muted);box-shadow:none;font-family:var(--sans);font-weight:600;font-size:13px;border-radius:8px;padding:9px 16px;cursor:pointer}

.ag-academia #guide-redes .btn.ghost:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia #guide-redes .progress{margin:22px 0 20px;display:flex;align-items:center;gap:14px}

.ag-academia #guide-redes .track{flex:1;height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}

.ag-academia #guide-redes .track .fill{height:100%;width:0;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-redes .track.done .fill{background:linear-gradient(90deg,#1a8a52,var(--safe))}

.ag-academia #guide-redes .pcount{font-size:12px;color:var(--muted);white-space:nowrap}

.ag-academia #guide-redes .pcount b{color:var(--ink)}

.ag-academia #guide-redes .steps{display:flex;flex-direction:column;gap:11px;list-style:none}

.ag-academia #guide-redes .step{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 16px;cursor:pointer;transition:border-color .25s,background .25s,transform .15s;user-select:none}

.ag-academia #guide-redes .step:hover{border-color:var(--line-strong);transform:translateX(2px)}

.ag-academia #guide-redes .step .box{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--muted-2);flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:all .25s;color:transparent}

.ag-academia #guide-redes .step .box svg{width:14px;height:14px}

.ag-academia #guide-redes .step .n{font-size:11px;color:var(--red);letter-spacing:.05em;font-weight:600}

.ag-academia #guide-redes .step h3{font-size:1rem;font-weight:600;color:var(--ink);margin:2px 0 4px}

.ag-academia #guide-redes .step p{color:var(--muted);font-size:.94rem;line-height:1.55}

.ag-academia #guide-redes .step.done{background:rgba(var(--safe-rgb),.06);border-color:rgba(var(--safe-rgb),.28)}

.ag-academia #guide-redes .step.done .box{background:var(--safe);border-color:var(--safe);color:#08130c}

.ag-academia #guide-redes .step.done h3{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted-2)}

.ag-academia #guide-redes .signal{margin-top:28px;background:linear-gradient(180deg,rgba(var(--safe-rgb),.07),transparent);border:1px solid rgba(var(--safe-rgb),.22);border-radius:16px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start}

.ag-academia #guide-redes .signal .si{width:34px;height:34px;border-radius:10px;background:rgba(var(--safe-rgb),.14);display:grid;place-items:center;color:var(--safe-bright);flex-shrink:0}

.ag-academia #guide-redes .signal .si svg{width:19px;height:19px}

.ag-academia #guide-redes .signal h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;color:var(--ink);margin-bottom:6px}

.ag-academia #guide-redes .signal p{color:var(--muted);font-size:.97rem;line-height:1.62}

.ag-academia #guide-redes .signal p .ok{color:var(--safe-bright);font-weight:600}

@media(max-width:720px){
.ag-academia #guide-redes .pull{flex-direction:column;gap:6px}

.ag-academia #guide-redes .aud-it-hint{display:none}
}

@media(prefers-reduced-motion:reduce){
.ag-academia #guide-redes *{animation-duration:.001ms !important;transition-duration:.001ms !important}

.ag-academia #guide-redes .rv{opacity:1;transform:none}
}

.ag-academia #guide-redes :focus-visible{outline:2px solid var(--red-bright);outline-offset:3px;border-radius:4px}



/* ===== GUIDE: alias ===== */

.ag-academia #guide-alias{
    --bg:#FBFAF9;--surface:#FFFFFF;--surface-2:#F3F4F6;
    --line:rgba(20,22,28,.09);--line-strong:rgba(20,22,28,.16);
    --ink:#1A1D23;--muted:#5B6472;--muted-2:#8A93A0;
    --red:#A32D2D;--red-bright:#B93636;--red-deep:#8B2525;--red-rgb:163,45,45;
    --safe:#17924F;--safe-rgb:23,146,79;--safe-bright:#17924F;
    --verdict-text:#7A2E2E;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(20,22,28,.10);
    --serif:'Poppins',system-ui,sans-serif;--sans:'Poppins',system-ui,sans-serif;--mono:ui-monospace,'SF Mono',Menlo,monospace;
  }

html.dark .ag-academia #guide-alias{
    --bg:#0B0E13;--surface:#141A23;--surface-2:#1A212C;
    --line:rgba(255,255,255,.07);--line-strong:rgba(255,255,255,.13);
    --ink:#F3F5F8;--muted:#9BA6B4;--muted-2:#6B7684;
    --red:#C44A4A;--red-bright:#D97070;--red-deep:#8B2525;--red-rgb:196,74,74;
    --safe:#2ED47A;--safe-rgb:46,212,122;--safe-bright:#3FE08A;
    --verdict-text:#E4C4C4;--on-red:#FFFFFF;
    --shadow:0 18px 42px rgba(0,0,0,.5);
  }

.ag-academia #guide-alias *{box-sizing:border-box;margin:0;padding:0}

.ag-academia #guide-alias{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;padding:0 20px 100px}

.ag-academia #guide-alias .wrap{max-width:720px;margin:0 auto}

.ag-academia #guide-alias .topbar{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0}

.ag-academia #guide-alias .back{display:inline-flex;align-items:center;gap:8px;background:none;border:0;color:var(--muted);font:inherit;font-size:14px;cursor:pointer}

.ag-academia #guide-alias .back:hover{color:var(--ink)}

.ag-academia #guide-alias .back svg{width:16px;height:16px}

.ag-academia #guide-alias .theme-toggle{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-strong);background:var(--surface);color:var(--muted);cursor:pointer;display:grid;place-items:center;transition:all .2s}

.ag-academia #guide-alias .theme-toggle:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia #guide-alias .theme-toggle svg{width:18px;height:18px}

.ag-academia #guide-alias .theme-toggle .ic-sun{display:none}

html.dark .ag-academia #guide-alias .theme-toggle .ic-moon{display:none}

html.dark .ag-academia #guide-alias .theme-toggle .ic-sun{display:block}

.ag-academia #guide-alias .g-hero{padding:26px 0 30px}

.ag-academia #guide-alias .eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--red);display:inline-flex;align-items:center;gap:9px;font-weight:500}

.ag-academia #guide-alias .eyebrow::before{content:"";width:22px;height:1px;background:var(--red)}

.ag-academia #guide-alias h1{font-family:var(--serif);font-weight:700;font-size:clamp(2.1rem,5vw,3.1rem);line-height:1.05;letter-spacing:-.02em;margin-top:18px}

.ag-academia #guide-alias h1 .decode{color:var(--red-bright);font-weight:600}

.ag-academia #guide-alias .g-dek{font-size:clamp(1.04rem,2.3vw,1.2rem);color:var(--muted);max-width:60ch;margin-top:20px;line-height:1.62}

.ag-academia #guide-alias .meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}

.ag-academia #guide-alias .chip{font-size:11.5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}

.ag-academia #guide-alias .chip b{color:var(--ink);font-weight:600}

.ag-academia #guide-alias .block{padding:44px 0 0}

.ag-academia #guide-alias .kicker{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:500}

.ag-academia #guide-alias .kicker .tick{width:6px;height:6px;border-radius:2px;background:var(--red);transform:rotate(45deg)}

.ag-academia #guide-alias h2{font-family:var(--serif);font-weight:600;font-size:clamp(1.55rem,3.4vw,2rem);line-height:1.14;letter-spacing:-.015em}

.ag-academia #guide-alias .block p{color:var(--muted);font-size:1.05rem;line-height:1.72;margin-top:15px}

.ag-academia #guide-alias .block p strong{color:var(--ink);font-weight:600}

.ag-academia #guide-alias .lead{font-size:1.12rem !important;color:var(--ink) !important;opacity:.85}

.ag-academia #guide-alias .pull{margin-top:26px;padding:22px 24px;background:linear-gradient(180deg,var(--surface),transparent);border:1px solid var(--line);border-left:2px solid var(--red);border-radius:14px;display:flex;gap:20px;align-items:baseline}

.ag-academia #guide-alias .pull .big{font-family:var(--serif);font-size:1.5rem;line-height:1.1;color:var(--ink);font-weight:700}

.ag-academia #guide-alias .pull .lbl{color:var(--muted);font-size:.96rem;line-height:1.5}

.ag-academia #guide-alias .rv{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-alias .rv.lit{opacity:1;transform:none}

.ag-academia #guide-alias .explainer{margin-top:28px;background:radial-gradient(600px 300px at 80% 0%,rgba(var(--red-rgb),.06),transparent 55%),var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:26px}

.ag-academia #guide-alias .ex-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}

.ag-academia #guide-alias .ex-title{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}


  /* ===== firewall ===== */
.ag-academia #guide-alias .fw-toggle{display:inline-flex;background:var(--bg);border:1px solid var(--line-strong);border-radius:9px;padding:3px}

.ag-academia #guide-alias .fw-toggle button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--muted);padding:7px 14px;border-radius:7px;cursor:pointer;transition:all .2s}

.ag-academia #guide-alias .fw-toggle button.on{background:var(--surface-2);color:var(--ink)}

.ag-academia #guide-alias .fw-inbox{background:var(--bg);border:1px solid var(--line-strong);border-radius:14px;padding:15px 16px;display:flex;align-items:center;gap:13px;margin-bottom:14px;transition:border-color .4s}

.ag-academia #guide-alias .fw-inbox.flood{border-color:var(--red)}

.ag-academia #guide-alias .fw-inbox.safe{border-color:rgba(var(--safe-rgb),.4)}

.ag-academia #guide-alias .fw-in-ico{width:40px;height:40px;border-radius:10px;background:var(--surface-2);display:grid;place-items:center;font-size:20px;flex-shrink:0;transition:all .4s}

.ag-academia #guide-alias .fw-inbox.flood .fw-in-ico{background:rgba(var(--red-rgb),.15)}

.ag-academia #guide-alias .fw-inbox.safe .fw-in-ico{background:rgba(var(--safe-rgb),.14)}

.ag-academia #guide-alias .fw-in-main{flex:1;min-width:0}

.ag-academia #guide-alias .fw-in-mail{font-family:var(--mono);font-size:13px;color:var(--ink);font-weight:500}

.ag-academia #guide-alias .fw-in-status{font-size:11.5px;color:var(--muted);margin-top:2px}

.ag-academia #guide-alias .fw-in-status.bad{color:var(--red-bright);font-weight:600}

.ag-academia #guide-alias .fw-in-status.good{color:var(--safe-bright);font-weight:600}

.ag-academia #guide-alias .fw-spam{text-align:right;flex-shrink:0}

.ag-academia #guide-alias .fw-spam .num{font-family:var(--serif);font-size:1.6rem;font-weight:700;color:var(--muted-2);transition:color .3s}

.ag-academia #guide-alias .fw-spam.hot .num{color:var(--red-bright)}

.ag-academia #guide-alias .fw-spam .cap{font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}

.ag-academia #guide-alias .fw-svcs{display:flex;flex-direction:column;gap:9px}

.ag-academia #guide-alias .fw-svc{display:flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--line);border-radius:11px;padding:11px 13px;transition:border-color .3s,background .3s}

.ag-academia #guide-alias .fw-svc .fw-s-ico{font-size:17px;width:22px;text-align:center;flex-shrink:0}

.ag-academia #guide-alias .fw-svc .fw-s-main{flex:1;min-width:0}

.ag-academia #guide-alias .fw-svc .fw-s-name{font-size:12.5px;font-weight:600;color:var(--ink)}

.ag-academia #guide-alias .fw-svc .fw-s-mail{font-family:var(--mono);font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.ag-academia #guide-alias .fw-svc .fw-s-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);flex-shrink:0}

.ag-academia #guide-alias .fw-svc.spam{border-color:var(--red);background:linear-gradient(180deg,rgba(var(--red-rgb),.06),var(--bg))}

.ag-academia #guide-alias .fw-svc.spam .fw-s-badge{background:rgba(var(--red-rgb),.15);color:var(--red-bright)}

.ag-academia #guide-alias .fw-svc.off{opacity:.55}

.ag-academia #guide-alias .fw-svc.off .fw-s-badge{background:var(--surface-2);color:var(--muted-2)}

.ag-academia #guide-alias .fw-kill{font:inherit;font-size:10.5px;font-weight:600;border:1px solid var(--red);color:var(--red-bright);background:transparent;border-radius:7px;padding:5px 10px;cursor:pointer;flex-shrink:0;display:none;transition:all .2s}

.ag-academia #guide-alias .fw-kill:hover{background:rgba(var(--red-rgb),.1)}

.ag-academia #guide-alias .fw-svc.spam .fw-kill{display:inline-block;animation:alias_fwPulse 1.2s infinite}

@keyframes alias_fwPulse{0%,100%{box-shadow:0 0 0 0 rgba(var(--red-rgb),.4)}50%{box-shadow:0 0 0 5px rgba(var(--red-rgb),0)}}

.ag-academia #guide-alias .fw-action{margin-top:16px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

.ag-academia #guide-alias .btn{font-family:var(--sans);font-weight:600;font-size:13.5px;border:0;cursor:pointer;border-radius:8px;padding:10px 18px;color:var(--on-red);background:linear-gradient(140deg,var(--red),var(--red-deep));box-shadow:0 3px 12px rgba(var(--red-rgb),.3);transition:transform .15s,box-shadow .2s,opacity .2s}

.ag-academia #guide-alias .btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(var(--red-rgb),.42)}

.ag-academia #guide-alias .btn:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}

.ag-academia #guide-alias .btn.ghost{background:transparent;border:1px solid var(--line-strong);color:var(--muted);box-shadow:none}

.ag-academia #guide-alias .btn.ghost:hover{color:var(--ink);border-color:var(--muted-2)}

.ag-academia #guide-alias .verdict{margin-top:16px;display:none;align-items:flex-start;gap:11px;border-radius:12px;padding:14px 15px}

.ag-academia #guide-alias .verdict.show{display:flex;animation:alias_fwRise .5s cubic-bezier(.2,.7,.2,1)}

@keyframes alias_fwRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

.ag-academia #guide-alias .verdict.bad{background:linear-gradient(180deg,rgba(var(--red-rgb),.1),transparent);border:1px solid rgba(var(--red-rgb),.3)}

.ag-academia #guide-alias .verdict.safe{background:linear-gradient(180deg,rgba(var(--safe-rgb),.1),transparent);border:1px solid rgba(var(--safe-rgb),.3)}

.ag-academia #guide-alias .verdict .vi{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}

.ag-academia #guide-alias .verdict.bad .vi{background:rgba(var(--red-rgb),.15);color:var(--red-bright)}

.ag-academia #guide-alias .verdict.safe .vi{background:rgba(var(--safe-rgb),.15);color:var(--safe-bright)}

.ag-academia #guide-alias .verdict .vi svg{width:16px;height:16px}

.ag-academia #guide-alias .verdict .vt{font-size:13.5px;color:var(--ink);line-height:1.5}

.ag-academia #guide-alias .verdict .vt b{font-weight:600}

.ag-academia #guide-alias .progress{margin:22px 0 20px;display:flex;align-items:center;gap:14px}

.ag-academia #guide-alias .track{flex:1;height:6px;background:var(--surface-2);border-radius:6px;overflow:hidden}

.ag-academia #guide-alias .track .fill{height:100%;width:0;background:linear-gradient(90deg,var(--red-deep),var(--red));border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1)}

.ag-academia #guide-alias .track.done .fill{background:linear-gradient(90deg,#1a8a52,var(--safe))}

.ag-academia #guide-alias .pcount{font-size:12px;color:var(--muted);white-space:nowrap}

.ag-academia #guide-alias .pcount b{color:var(--ink)}

.ag-academia #guide-alias .steps{display:flex;flex-direction:column;gap:11px;list-style:none}

.ag-academia #guide-alias .step{display:flex;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:15px 16px;cursor:pointer;transition:border-color .25s,background .25s,transform .15s;user-select:none}

.ag-academia #guide-alias .step:hover{border-color:var(--line-strong);transform:translateX(2px)}

.ag-academia #guide-alias .step .box{width:24px;height:24px;border-radius:7px;border:1.5px solid var(--muted-2);flex-shrink:0;display:grid;place-items:center;margin-top:1px;transition:all .25s;color:transparent}

.ag-academia #guide-alias .step .box svg{width:14px;height:14px}

.ag-academia #guide-alias .step .n{font-size:11px;color:var(--red);letter-spacing:.05em;font-weight:600}

.ag-academia #guide-alias .step h3{font-size:1rem;font-weight:600;color:var(--ink);margin:2px 0 4px}

.ag-academia #guide-alias .step p{color:var(--muted);font-size:.94rem;line-height:1.55}

.ag-academia #guide-alias .step p code{font-family:var(--mono);font-size:.85em;background:var(--surface-2);padding:1px 5px;border-radius:4px;color:var(--ink)}

.ag-academia #guide-alias .step p a{color:var(--red-bright);text-decoration:none;border-bottom:1px solid rgba(var(--red-rgb),.35)}

.ag-academia #guide-alias .step.done{background:rgba(var(--safe-rgb),.06);border-color:rgba(var(--safe-rgb),.28)}

.ag-academia #guide-alias .step.done .box{background:var(--safe);border-color:var(--safe);color:#08130c}

.ag-academia #guide-alias .step.done h3{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--muted-2)}

.ag-academia #guide-alias .signal{margin-top:28px;background:linear-gradient(180deg,rgba(var(--safe-rgb),.07),transparent);border:1px solid rgba(var(--safe-rgb),.22);border-radius:16px;padding:22px 24px;display:flex;gap:16px;align-items:flex-start}

.ag-academia #guide-alias .signal .si{width:34px;height:34px;border-radius:10px;background:rgba(var(--safe-rgb),.14);display:grid;place-items:center;color:var(--safe-bright);flex-shrink:0}

.ag-academia #guide-alias .signal .si svg{width:19px;height:19px}

.ag-academia #guide-alias .signal h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;color:var(--ink);margin-bottom:6px}

.ag-academia #guide-alias .signal p{color:var(--muted);font-size:.97rem;line-height:1.62}

.ag-academia #guide-alias .signal p .ok{color:var(--safe-bright);font-weight:600}

@media(max-width:720px){
.ag-academia #guide-alias .pull{flex-direction:column;gap:6px}

.ag-academia #guide-alias .fw-svc .fw-s-mail{font-size:9.5px}
}

@media(prefers-reduced-motion:reduce){
.ag-academia #guide-alias *{animation-duration:.001ms !important;transition-duration:.001ms !important}

.ag-academia #guide-alias .rv{opacity:1;transform:none}
}

.ag-academia #guide-alias :focus-visible{outline:2px solid var(--red-bright);outline-offset:3px;border-radius:4px}