:root{--bg:#070a12;--bg2:#0b0f1a;--card:#101522;--card2:#151b2b;--line:rgba(255,255,255,.08);--line2:rgba(226,166,59,.35);
--gold:#e2a63b;--gold-l:#ffd77a;--gold-d:#9a6516;--txt:#e9ecf3;--mut:#9aa3b5;--ice:#6fb7ff;--r:12px;--t:.22s ease}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--txt);font:15px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}ul{list-style:none}
.wrap{width:min(1480px,100% - 48px);margin-inline:auto}.narrow{max-width:860px}.center{text-align:center}
.i{flex:0 0 auto}.hide-m{}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-weight:700;font-size:14px;border:1px solid transparent;transition:var(--t);white-space:nowrap}
.btn-g{background:linear-gradient(180deg,#f7c766 0%,#e2a63b 55%,#c4871f 100%);color:#1a1205;border-color:#f5c56a;box-shadow:0 6px 18px rgba(226,166,59,.25),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-g:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-o{background:rgba(7,10,18,.55);border-color:rgba(255,255,255,.55);color:#fff}
.btn-o:hover{border-color:var(--gold);color:var(--gold-l)}
.btn-l{padding:14px 30px;font-size:17px}.btn-s{padding:7px 14px;font-size:13px}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(7,10,18,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;gap:24px;min-height:68px}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{width:54px;height:54px;filter:drop-shadow(0 4px 10px rgba(226,166,59,.25))}
.brand-txt strong{display:block;font-family:Cinzel,serif;font-weight:900;font-size:22px;letter-spacing:.02em;line-height:1.05;background:linear-gradient(180deg,#fff,#d7dbe5);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-txt small{display:block;font-size:10.5px;letter-spacing:.32em;color:var(--mut);margin-top:3px}
.nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.nl,.dd-b{display:inline-flex;align-items:center;gap:6px;padding:20px 14px;font-weight:500;font-size:15px;color:#dfe3ec;background:none;border:0;border-bottom:2px solid transparent;position:relative}
.nl:hover,.dd-b:hover{color:#fff}
.nl.on,.dd.on>.dd-b{color:var(--gold-l);border-bottom-color:var(--gold)}
.nl.on .i{color:var(--gold)}
.dd{position:relative}
.dd-m{position:absolute;top:100%;left:0;min-width:240px;padding:8px;border-radius:10px;background:#0e1320;border:1px solid var(--line2);box-shadow:0 20px 50px rgba(0,0,0,.6);display:grid;opacity:0;visibility:hidden;transform:translateY(6px);transition:var(--t)}
.dd-m a{padding:10px 12px;border-radius:6px;font-size:14px;display:flex;gap:8px;align-items:center}
.dd-m a:hover{background:rgba(226,166,59,.12);color:var(--gold-l)}
.dd-r{left:auto;right:0;min-width:160px}
.dd.open .dd-m{opacity:1;visibility:visible;transform:none}
@media (hover:hover) and (min-width:1201px){.dd:hover .dd-m{opacity:1;visibility:visible;transform:none}}
.hdr-act{display:flex;align-items:center;gap:10px}
.lang-b{padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.03);font-size:13px;font-weight:700}
.flag{display:inline-block;width:18px;height:12px;border-radius:2px;background-size:cover}
.flag-es{background:linear-gradient(180deg,#c60b1e 25%,#ffc400 25% 75%,#c60b1e 75%)}
.flag-en{background:repeating-linear-gradient(180deg,#b22234 0 1.5px,#fff 1.5px 3px);position:relative;overflow:hidden}
.flag-en::before{content:'';position:absolute;left:0;top:0;width:8px;height:6.5px;background:#3c3b6e}
.nav-mob{display:none}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:8px;background:none;flex-direction:column;justify-content:center;gap:5px;padding:0 11px}
.burger span{height:2px;background:#fff;border-radius:2px;transition:var(--t)}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.on span:nth-child(2){opacity:0}.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* hero */
.hero{position:relative;overflow:hidden;min-height:420px;border-bottom:1px solid var(--line)}
.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,rgba(7,10,18,.92) 30%,rgba(7,10,18,.35) 55%,rgba(7,10,18,.05) 75%),linear-gradient(0deg,var(--bg) 0%,transparent 22%),url('/assets/img/hero.jpg') right center/auto 100% no-repeat,#05070d}
.hero-in{position:relative;padding:52px 0 36px}
.kick{display:block;font-size:13px;font-weight:700;letter-spacing:.42em;color:#dfe3ec;margin-bottom:16px}
.hero h1{font-family:Cinzel,serif;font-weight:900;line-height:.95;text-shadow:0 6px 30px rgba(0,0,0,.7)}
.h1a{display:block;font-size:clamp(34px,4.1vw,60px);background:linear-gradient(180deg,#fff 0%,#cfd5e2 70%,#9aa3b5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-left:.6em}
.h1b{display:block;font-family:'Cinzel Decorative',Cinzel,serif;font-size:clamp(44px,5.6vw,82px);letter-spacing:-.01em;background:linear-gradient(180deg,#fff0b8 0%,#f2c159 40%,#c8861f 70%,#ffdd8a 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 0 rgba(90,55,10,.6))}
.h1b small{font-size:.45em;margin:0 .15em;vertical-align:.35em}
.hero-p{max-width:500px;font-size:18px;color:#e6e9f0;margin:22px 0 22px 30px}
.hero-f{display:flex;flex-wrap:wrap;gap:34px;margin-left:30px}
.hero-f>div{display:flex;align-items:center;gap:12px}
.hx{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--gold);color:var(--gold-l);background:rgba(226,166,59,.08)}
.hero-f strong{display:block;font-size:14px;font-weight:600}.hero-f small{display:block;font-size:13px;color:var(--mut)}
.hero-a{display:flex;flex-wrap:wrap;gap:18px;margin:28px 0 0 26px}
/* bar */
.bar{background:linear-gradient(180deg,#0a0e18,#090c15);border-bottom:1px solid var(--line)}
.bar-in{display:grid;grid-template-columns:repeat(5,1fr)}
.bar-in>div{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px 10px;border-right:1px solid var(--line)}
.bar-in>div:last-child{border-right:0}
.bar .i{color:var(--gold)}.bar strong{display:block;font-size:14px;font-weight:600}.bar small{display:block;font-size:13px;color:var(--mut)}
/* sections */
.sec{padding:34px 0}.sec-t{padding-top:10px}
.sh{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.sh-t{display:flex;align-items:center;gap:12px}.sh-t>.i{color:var(--gold)}
.sh h2{font-size:24px;font-weight:700;line-height:1.15}.sh p{color:#c9cfdb;font-size:15px}
.sh-l{display:inline-flex;align-items:center;gap:6px;color:var(--gold-l);font-size:14px;font-weight:600;white-space:nowrap}
.sh-l:hover{gap:10px}.sh-c{justify-content:center}
.home-grid{display:grid;grid-template-columns:1fr 340px;gap:26px;align-items:start}
.rgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.rcard{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:8px;overflow:hidden;transition:var(--t)}
.rcard:hover{border-color:var(--line2);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.rcard-img{display:block;aspect-ratio:274/162;overflow:hidden}.rcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.rcard:hover .rcard-img img{transform:scale(1.05)}
.rcard-b{padding:12px 16px 14px}.rcard h3{font-size:16px;font-weight:700}.rcard p{font-size:13px;color:#c2c8d4;margin:2px 0 14px}
.rcard-f{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ready{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#d3d8e2}.ready .i{color:var(--gold)}
.vers{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:16px}
.vers h2{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;margin:2px 0 14px}.vers h2 .i{color:var(--gold)}
.ver{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card2);margin-top:6px;font-size:14.5px;font-weight:600;transition:var(--t)}
.ver span{flex:1}.ver em{font-style:normal;font-weight:400;color:#c9cfdb}
a.ver:hover{border-color:var(--line2);background:#1a2134}
.ver-soon b{font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.04em;text-transform:uppercase}
.vico{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:15px;font-weight:900;font-family:Cinzel,serif;color:var(--c);background:radial-gradient(circle,rgba(0,0,0,.6),#000);border:1.5px solid var(--c);box-shadow:0 0 12px color-mix(in srgb,var(--c) 40%,transparent)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.panel{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:20px}
.igrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.igrid-2{grid-template-columns:repeat(2,1fr)}
.icard{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:8px;background:var(--card2);border:1px solid var(--line);transition:var(--t)}
.icard:hover{border-color:var(--line2)}
.icard-i{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;color:var(--gold-l);background:rgba(226,166,59,.1);border:1px solid var(--line2)}
.icard h3{font-size:16px}.icard p{font-size:13.5px;color:#c2c8d4}
.icard-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.icard-f strong{color:var(--gold-l);font-size:14px}
.inc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.inc-i{padding:24px;border-radius:8px;background:var(--card);border:1px solid rgba(255,255,255,.1);text-align:center}
.inc-i .i{color:var(--gold);margin:0 auto 10px}.inc-i h3{font-size:16px;margin-bottom:6px}.inc-i p{font-size:13.5px;color:#c2c8d4}
.upd li{padding:14px 0;border-bottom:1px solid var(--line)}.upd li:last-child{border:0}
.upd time{font-size:12px;color:var(--gold);font-weight:700;margin-right:10px}.upd span{font-size:13px;font-weight:700}.upd p{font-size:14px;color:#c9cfdb;margin-top:2px}
.upd-big li{padding:20px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:10px}
.faq summary::after{content:'+';color:var(--gold);font-size:20px;line-height:1}.faq details[open] summary::after{content:'−'}
.faq p{color:#c2c8d4;font-size:14px;margin-top:8px}
/* page hero */
.phero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.phero-bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:.35;filter:saturate(1.1)}
.phero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 10%,rgba(7,10,18,.6) 60%,rgba(7,10,18,.3)),linear-gradient(0deg,var(--bg),transparent 50%)}
.phero-in,.prod{position:relative;z-index:1;padding:56px 0 46px}
.phero h1{font-family:Cinzel,serif;font-size:clamp(30px,4vw,48px);line-height:1.1;background:linear-gradient(180deg,#fff0b8,#e2a63b);-webkit-background-clip:text;background-clip:text;color:transparent}
.phero p{max-width:640px;color:#d6dbe5;margin-top:10px;font-size:17px}
.prod{display:grid;grid-template-columns:minmax(0,520px) 1fr;gap:40px;align-items:center}
.prod-img img{border-radius:10px;border:1px solid var(--line2);box-shadow:0 30px 70px rgba(0,0,0,.6)}
.lead{font-size:18px}.meta{display:flex;flex-wrap:wrap;gap:16px;margin:18px 0;font-size:14px;color:#d3d8e2}.meta span{display:inline-flex;align-items:center;gap:6px}.meta .i{color:var(--gold)}
.price-big{font-size:18px;color:#d3d8e2;margin-bottom:16px}.price-big strong{font-size:36px;color:var(--gold-l);font-family:Cinzel,serif}
.h2{font-size:22px;margin-bottom:14px}
.checks li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;color:#d6dbe5}.checks .i{color:var(--gold);margin-top:3px}
.two-w{grid-template-columns:1.1fr .9fr}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plan{position:relative;padding:28px;border-radius:10px;background:var(--card);border:1px solid rgba(255,255,255,.12);text-align:center;display:grid;gap:10px;justify-items:center}
.plan.best{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 20px 50px rgba(226,166,59,.15)}
.plan .tag{position:absolute;top:-12px;padding:4px 12px;border-radius:999px;background:var(--gold);color:#1a1205;font-size:12px}
.plan h3{font-size:18px}.pp{font-family:Cinzel,serif;font-size:40px;font-weight:900;color:var(--gold-l);line-height:1}.pp small{font-size:14px;font-family:Inter}
.plan p{color:#c2c8d4;font-size:14px}
.vers-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;background:none;border:0;padding:0}
/* form */
.form{display:grid;gap:14px;padding:26px;border-radius:10px;background:var(--card);border:1px solid var(--line2)}
.form h3{font-family:Cinzel,serif;font-size:24px;color:var(--gold-l)}.form>p{color:#c2c8d4}
.form label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#d6dbe5}
.form input,.form select,.form textarea{width:100%;padding:12px 14px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:#0a0e18;color:#fff;font:inherit}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--gold)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hp{position:absolute;left:-9999px}
.fmsg{padding:12px;border-radius:6px;font-weight:700}.fmsg.ok{background:rgba(60,200,120,.12);color:#7ee2a8}.fmsg.err{background:rgba(255,80,80,.12);color:#ff9a9a}
.contact{display:flex;align-items:center;gap:8px;margin-top:18px;color:var(--gold-l)}
.legal h2{font-family:Cinzel,serif;color:var(--gold-l);margin:24px 0 10px}.legal p{color:#c9cfdb;margin-bottom:12px}
/* footer */
.ft{margin-top:30px;border-top:1px solid var(--line);background:#05070d;padding-top:40px}
.ft-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;padding-bottom:30px}
.ft-brand p{color:var(--mut);margin-top:14px;max-width:380px;font-size:14px}.ft-usd{display:flex;align-items:center;gap:6px;color:var(--gold-l)!important}
.ft h4{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.ft ul{display:grid;gap:8px;font-size:14px;color:#c2c8d4}.ft ul a:hover{color:var(--gold-l)}
.ft-bot{border-top:1px solid var(--line);padding:18px 0 26px;font-size:13px;color:var(--mut)}.ft-bot a:hover{color:var(--gold-l)}
.ft-dis{margin-top:6px;font-size:12px;opacity:.75}
.cookie{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;margin:auto;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:10px;background:#0e1320;border:1px solid var(--line2);box-shadow:0 20px 50px rgba(0,0,0,.6);font-size:13.5px}
.cookie[hidden]{display:none}
/* responsive */
@media (max-width:1380px){.rgrid{grid-template-columns:repeat(2,1fr)}.nl,.dd-b{padding:20px 9px;font-size:14px}}
@media (max-width:1200px){
 .burger{display:flex}.hide-m{display:none}
 .nav{position:fixed;top:68px;left:0;right:0;bottom:0;margin:0;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 30px;background:#070a12;overflow:auto;opacity:0;visibility:hidden;transition:var(--t)}
 .nav.on{opacity:1;visibility:visible}
 .nl,.dd-b{width:100%;justify-content:space-between;padding:15px 4px;border-bottom:1px solid var(--line);font-size:16px}
 .nl.on,.dd.on>.dd-b{border-bottom-color:var(--line)}
 .dd-m{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:var(--card);display:none;margin:4px 0}
 .dd.open .dd-m{display:grid}.lang .dd-m{position:absolute}
 .nav-mob{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
 .home-grid{grid-template-columns:1fr}.bar-in{grid-template-columns:repeat(3,1fr)}.bar-in>div:nth-child(3){border-right:0}
 .inc{grid-template-columns:repeat(2,1fr)}.ft-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
 .two,.two-w,.prod,.plans{grid-template-columns:1fr}
 .hero-bg{background:linear-gradient(0deg,var(--bg) 8%,rgba(7,10,18,.75) 45%,rgba(7,10,18,.35)),url('/assets/img/hero.jpg') 70% center/cover no-repeat}
 .hero-p,.hero-f,.hero-a{margin-left:0}.h1a{padding-left:0}
 .bar-in{grid-template-columns:1fr 1fr}.bar-in>div{justify-content:flex-start;border-right:0;border-bottom:1px solid var(--line)}
}
@media (max-width:640px){
 .wrap{width:calc(100% - 32px)}
 .brand-mark{width:42px;height:42px}.brand-txt strong{font-size:16px}.brand-txt small{font-size:8.5px;letter-spacing:.2em}
 .hdr-in{gap:10px}.lang-b{padding:7px 8px}
 .kick{letter-spacing:.25em;font-size:11px}
 .hero-in{padding:36px 0 30px}.hero-p{font-size:16px}.hero-f{gap:14px;flex-direction:column}
 .hero-a .btn{width:100%}
 .rgrid,.igrid,.igrid-2,.inc,.vers-row,.f2,.ft-grid{grid-template-columns:1fr}
 .bar-in{grid-template-columns:1fr}
 .sh{flex-direction:column;align-items:flex-start}
 .cookie{flex-direction:column;align-items:stretch}
}
/* ajustes 2 */
.brand{flex:0 0 auto}.brand-txt strong,.brand-txt small{white-space:nowrap}
.vico{flex:0 0 30px}
.home-grid{grid-template-columns:1fr 370px}
.ver{font-size:14px}
.hero-bg{background:linear-gradient(90deg,var(--bg) 0%,rgba(7,10,18,.94) 28%,rgba(7,10,18,.45) 52%,rgba(7,10,18,.05) 78%),linear-gradient(0deg,var(--bg) 0%,transparent 22%),url('/assets/img/hero.jpg') right 30%/cover no-repeat,#05070d}
@media (max-width:1380px){.home-grid{grid-template-columns:1fr}.vers{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.vers h2{grid-column:1/-1}.ver{margin:0}}
@media (max-width:900px){.hero-bg{background:linear-gradient(0deg,var(--bg) 8%,rgba(7,10,18,.78) 45%,rgba(7,10,18,.4)),url('/assets/img/hero.jpg') 72% center/cover no-repeat}.vers{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.h1a{font-size:8.4vw}.h1b{font-size:11.2vw}.vers{grid-template-columns:1fr}.brand-txt small{letter-spacing:.12em}}
/* ajustes 3 */
.ver>span.vico{flex:0 0 30px;width:30px}
.ready{white-space:nowrap}
.hdr-in{gap:16px}.nl,.dd-b{padding:20px 11px}
@media (min-width:901px){.hero-bg{background:linear-gradient(90deg,var(--bg) 0%,rgba(7,10,18,.94) 30%,rgba(7,10,18,.4) 50%,rgba(7,10,18,0) 70%),linear-gradient(0deg,var(--bg) 0%,transparent 20%),url('/assets/img/hero.jpg') right top/max(66%,860px) auto no-repeat,#05070d}}
@media (max-width:1500px){.nl,.dd-b{padding:20px 8px;font-size:14px}.hdr-act .btn{padding:9px 12px}}
@media (max-width:1300px){.hide-m{display:none}}
/* ===== v2: categorías, catálogo, Mythor ===== */
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.tab{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:var(--card);font-size:13.5px;font-weight:600;color:#d6dbe5;transition:var(--t)}
.tab b{font-size:11px;padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--mut)}
.tab .i{color:var(--gold)}.tab:hover{border-color:var(--line2)}
.tab.on{background:linear-gradient(180deg,#f7c766,#c4871f);color:#1a1205;border-color:#f5c56a}.tab.on .i,.tab.on b{color:#1a1205}.tab.on b{background:rgba(0,0,0,.12)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.pcard{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,#121828,#0d1220);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
.pcard:hover{transform:translateY(-5px);border-color:rgba(226,166,59,.55);box-shadow:0 24px 50px rgba(0,0,0,.55),0 0 24px rgba(226,166,59,.12)}
.pcard.hide{display:none}
.pcard-mythor{background:linear-gradient(180deg,#1a1430,#0f0c1e);border-color:rgba(185,140,255,.3)}
.pcard-mythor:hover{border-color:rgba(185,140,255,.7);box-shadow:0 24px 50px rgba(0,0,0,.55),0 0 28px rgba(139,92,246,.2)}
.pcard-img{position:relative;display:block;aspect-ratio:822/486;overflow:hidden}
.pcard-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pcard:hover .pcard-img img{transform:scale(1.06)}
.pcard-img::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgba(13,18,32,.95))}
.pver{position:absolute;left:12px;bottom:10px;z-index:1;padding:3px 10px;border-radius:6px;background:rgba(7,10,18,.85);border:1px solid var(--line2);font-size:12px;font-weight:800;color:var(--gold-l);letter-spacing:.04em}
.bdg{position:absolute;top:12px;left:12px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 6px 16px rgba(0,0,0,.4)}
.bdg-premium{background:linear-gradient(90deg,#8b5cf6,#d946ef);color:#fff}.bdg-new{background:#22c55e;color:#04210f}.bdg-best{background:linear-gradient(90deg,#f7c766,#e2a63b);color:#1a1205}
.bdg-popular{background:#ef4444;color:#fff}.bdg-free{background:#38bdf8;color:#04202c}
.plts{position:absolute;right:10px;bottom:9px;z-index:1;display:flex;gap:5px}
.plt{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:rgba(7,10,18,.85);border:1px solid rgba(255,255,255,.18)}
.plt-pc{color:#7cc4ff}.plt-android{color:#7ee787}.plt-web{color:var(--gold-l)}
.prod .plts{position:static;margin:4px 0 14px}
.pcard-b{display:flex;flex-direction:column;flex:1;padding:14px 18px 18px}
.pexp{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gold)}
.pcard-mythor .pexp{color:#c4a3ff}
.pcard h3{font-size:17px;font-weight:700;line-height:1.3;margin:4px 0}.pcard h3 a:hover{color:var(--gold-l)}
.pcard-b>p{font-size:13.5px;color:#c2c8d4}
.pfeat{display:grid;gap:6px;margin:12px 0 4px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.1)}
.pfeat li{display:flex;gap:8px;font-size:13px;color:#d3d8e2;line-height:1.4}.pfeat .i{color:var(--gold);margin-top:2px}
.pcard-f{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px}
.pprice{font-family:Cinzel,serif;font-size:26px;font-weight:900;color:var(--gold-l);line-height:1;white-space:nowrap}
.pprice small{display:block;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:var(--mut);letter-spacing:.06em;text-transform:uppercase;margin-bottom:3px}
.pprice em{font-style:normal;font-family:Inter,sans-serif;font-size:12px;color:var(--mut);margin-left:4px}
.pbtns{display:flex;gap:6px}
.ctiles{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ctile{position:relative;display:block;min-height:230px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0b0f1a}
.ctile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform .6s,opacity .3s}
.ctile::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,18,.97) 25%,rgba(7,10,18,.35) 70%,rgba(7,10,18,.15))}
.ctile>div{position:absolute;inset:auto 0 0;z-index:1;padding:16px}
.ctile:hover img{transform:scale(1.07);opacity:.75}.ctile:hover{border-color:var(--line2)}
.ct-i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(226,166,59,.15);border:1px solid var(--line2);color:var(--gold-l);margin-bottom:10px}
.ctile h3{font-family:Cinzel,serif;font-size:18px}.ctile p{font-size:13px;color:#c9cfdb;margin:4px 0 10px}
.ctile b{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--gold-l)}
.ctile-mythor{border-color:rgba(185,140,255,.4)}.ctile-mythor .ct-i{background:rgba(139,92,246,.2);border-color:rgba(185,140,255,.5);color:#d8c2ff}
.myth{position:relative;overflow:hidden;margin:20px 0;border-block:1px solid rgba(185,140,255,.25)}
.myth-bg{position:absolute;inset:0;background:radial-gradient(800px 400px at 80% 50%,rgba(139,92,246,.28),transparent 60%),radial-gradient(600px 300px at 10% 20%,rgba(226,166,59,.12),transparent 60%),linear-gradient(90deg,#0b0818,#120c26 60%,#0b0818)}
.myth-in{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:56px 0}
.kick-p{color:#d8c2ff}
.myth h2{font-family:Cinzel,serif;font-size:clamp(26px,3vw,40px);line-height:1.15;background:linear-gradient(180deg,#fff,#d8c2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.myth-txt>p{font-size:16.5px;color:#d6dbe5;margin:14px 0 22px;max-width:560px}
.mplats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mplat{display:flex;align-items:center;gap:12px;padding:14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.mplat strong{display:block;font-size:15px}.mplat small{display:block;font-size:12.5px;color:var(--mut);line-height:1.35}
.mplat-pc .i{color:#7cc4ff}.mplat-android .i{color:#7ee787}.mplat-web .i{color:var(--gold-l)}
.mplats-big .mplat{padding:22px}.mplats-big strong{font-size:18px}
.myth-a{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px}
.demo{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#d8c2ff;text-decoration:underline;text-underline-offset:3px}
.myth-shots{position:relative;min-height:360px}
.myth-shots img{position:absolute;border-radius:12px;border:1px solid rgba(185,140,255,.4);box-shadow:0 30px 70px rgba(0,0,0,.6)}
.ms1{width:82%;right:0;top:0;transform:rotate(1.5deg)}
.ms2{width:58%;left:0;bottom:0;transform:rotate(-3deg)}
.ms-price{position:absolute;right:6%;bottom:8%;padding:10px 16px;border-radius:10px;background:linear-gradient(180deg,#f7c766,#c4871f);color:#1a1205;font-weight:700;box-shadow:0 14px 30px rgba(0,0,0,.5)}
.ms-price b{font-family:Cinzel,serif;font-size:24px}
.side{display:grid;gap:18px;position:sticky;top:90px}
.side-upd .upd li{padding:10px 0}.side-upd .sh-l{margin-top:8px}
.prod-img{position:relative}.row{display:flex;flex-wrap:wrap;gap:12px}
.plans-1{grid-template-columns:minmax(0,460px);justify-content:center}
@media (max-width:1380px){.side{position:static;grid-template-columns:1fr 1fr}.ctiles{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1200px){.side{grid-template-columns:1fr}}
@media (max-width:900px){.myth-in{grid-template-columns:1fr}.myth-shots{min-height:300px}.ctiles{grid-template-columns:1fr 1fr}.mplats{grid-template-columns:1fr}}
@media (max-width:640px){.ctiles{grid-template-columns:1fr}.ctile{min-height:190px}.pgrid{grid-template-columns:1fr}.tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.tab{flex:0 0 auto}.myth-shots{min-height:230px}.myth-a .btn{width:100%}.pcard-f{flex-direction:column;align-items:stretch}.pbtns .btn{flex:1}}

.nl,.dd-b{white-space:nowrap}
.prod-img img{width:100%;height:auto;aspect-ratio:822/486;object-fit:cover}
@media (max-width:1640px){.brand-txt strong{font-size:19px}.brand-mark{width:46px;height:46px}.hdr-act{gap:6px}.hdr-act .btn{padding:9px 11px;font-size:13px}.nl,.dd-b{padding:20px 8px;font-size:14px}}

/* ===== v3: logo oficial, versiones, cuenta, checkout, admin ===== */
.brand img{height:58px;width:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.6))}
.brand-ft img{height:auto;width:260px}
@media (max-width:1640px){.brand img{height:50px}}
@media (max-width:640px){.brand img{height:40px}}
.acct .dd-b{padding:10px 14px}
/* versiones */
.vp{background:linear-gradient(180deg,#121828,#0c111d);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.vp-h{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.vp-h .i{color:var(--gold)}.vp-h h2{font-family:Cinzel,serif;font-size:19px;letter-spacing:.02em}
.vrow{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;margin-top:8px;border-radius:10px;background:#141b2c;border:1px solid rgba(255,255,255,.07);transition:var(--t);overflow:hidden}
.vrow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);opacity:0;transition:var(--t)}
a.vrow:hover{background:#1a2238;border-color:var(--line2);transform:translateX(3px)}a.vrow:hover::before{opacity:1}
.vrow-img{position:relative;flex:0 0 64px;height:44px;border-radius:7px;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.vrow-img::after{content:"";position:absolute;inset:0;border-radius:7px;background:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.55))}
.vrow-img .vico{position:absolute;right:-8px;bottom:-6px;z-index:1;width:26px;height:26px;font-size:12px;flex:none}
.vrow-t{flex:1;min-width:0;display:grid;gap:3px}
.vrow-t strong{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vrow-t>span{display:flex;align-items:center;gap:6px}
.vchip{font-size:11px;font-weight:800;padding:1px 7px;border-radius:5px;background:rgba(226,166,59,.12);color:var(--gold-l);border:1px solid rgba(226,166,59,.3)}
.vst{font-style:normal;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.vst.on{color:#4ade80}.vst.on::before{content:"● "}
.vrow-p{text-align:right;font-family:Cinzel,serif;font-weight:900;color:var(--gold-l);font-size:17px;line-height:1}
.vrow-p small{display:block;font-family:Inter,sans-serif;font-size:10px;font-weight:600;color:var(--mut);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.vrow>.i{color:var(--mut)}
.vrow-soon{opacity:.6;filter:saturate(.4)}
.vrow-mythor{border-color:rgba(185,140,255,.3);background:linear-gradient(90deg,#1b1530,#141b2c)}
/* pagos */
.paylogos{display:flex;flex-wrap:wrap;gap:8px}
.paylogo{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:8px;background:#fff;color:#111;font-size:13px;font-weight:700}
.mlogo{width:20px;height:20px;flex:0 0 auto}
.ft-pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;border-top:1px solid var(--line)}
.ft-pay>span,.paystrip>span{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--gold-l)}
.paystrip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin:-4px 0 22px}
/* auth */
.auth{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.auth-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,18,.96) 35%,rgba(7,10,18,.6)),url('/assets/img/hero.jpg') right center/cover}
.auth-in{position:relative;display:grid;grid-template-columns:1fr minmax(0,460px);gap:50px;align-items:center;padding:60px 0}
.auth-side img{width:220px;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
.auth-side h2{font-family:Cinzel,serif;font-size:26px;line-height:1.25;margin:18px 0;max-width:520px}
.auth-f{box-shadow:0 30px 70px rgba(0,0,0,.6)}
.auth-alt{text-align:center;color:var(--mut);font-size:14px}.auth-alt a{color:var(--gold-l);font-weight:700}
.chk{display:flex!important;align-items:flex-start;gap:8px;font-weight:500!important}.chk input{width:auto!important;margin-top:4px}
.chk a{color:var(--gold-l)}
/* cuenta */
.acc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}
.empty{display:grid;justify-items:center;gap:12px;text-align:center;padding:36px;margin-bottom:26px}.empty .i{color:var(--gold)}
.dl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:18px;margin-bottom:34px}
.dl{background:var(--card);border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden}
.dl-h{display:flex;gap:14px;padding:14px;border-bottom:1px solid var(--line);align-items:center}
.dl-h img{width:120px;aspect-ratio:822/486;object-fit:cover;border-radius:8px}
.dl-h h3{font-size:16px}.dl-h p{font-size:13px}
code{font-family:ui-monospace,Consolas,monospace;font-size:12.5px;padding:2px 6px;border-radius:5px;background:#0a0e18;border:1px solid var(--line2);color:var(--gold-l)}
.wrapc{word-break:break-all}
.mut{color:var(--mut)}.small{font-size:12.5px}
.dl-none{padding:16px}
.dl-files li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line)}
.dl-files li:last-child{border:0}.dl-files span{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dl-files .i{color:var(--gold)}.dl-files small{color:var(--mut);width:100%;padding-left:26px}
.tbl-w{overflow-x:auto;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:var(--card);margin-bottom:22px}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th,.tbl td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);background:#0d1220}
.tbl tr:last-child td{border-bottom:0}
.st{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.st-paid{background:rgba(34,197,94,.14);color:#4ade80}.st-review{background:rgba(56,189,248,.14);color:#7dd3fc}.st-pending{background:rgba(226,166,59,.14);color:var(--gold-l)}.st-rejected{background:rgba(239,68,68,.14);color:#fca5a5}
/* checkout */
.checkout{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:26px;align-items:start}
.co-sum img{width:100%;border-radius:10px;margin-bottom:12px}.co-sum h2{font-size:20px;margin:4px 0 6px}
.co-total{display:flex;justify-content:space-between;align-items:center;margin:16px 0;padding:14px 16px;border-radius:10px;background:#0a0e18;border:1px solid var(--line2)}
.co-total strong{font-family:Cinzel,serif;font-size:30px;color:var(--gold-l)}.co-total small{font-family:Inter,sans-serif;font-size:13px;color:var(--mut)}
.co-form h3{display:flex;align-items:center;gap:10px}
.mpick{display:grid;gap:10px}
.mopt{cursor:pointer}.mopt input{position:absolute;opacity:0}
.mopt>span{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;padding:14px 16px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0d1220;transition:var(--t)}
.mopt .mlogo{grid-row:span 2;width:30px;height:30px}.mopt b{font-size:15px}.mopt small{color:var(--mut);font-size:12.5px;line-height:1.4}
.mopt input:checked+span{border-color:var(--gold);background:rgba(226,166,59,.08);box-shadow:0 0 0 1px var(--gold)}
.mopt input:focus-visible+span{outline:2px solid var(--gold-l)}
.paydata{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;padding:16px;border-radius:10px;background:#0a0e18;border:1px solid var(--line);margin:4px 0}
.paydata dt{color:var(--mut);font-size:13px}.paydata dd{font-weight:600}
.form-in{display:grid;gap:12px}
.btn[disabled]{opacity:.5;pointer-events:none}
/* admin */
.adm-in{display:grid;grid-template-columns:230px 1fr;gap:26px;padding:30px 0;align-items:start}
.adm-nav{display:grid;gap:4px;position:sticky;top:90px;padding:10px;border-radius:12px;background:var(--card);border:1px solid rgba(255,255,255,.1)}
.adm-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:8px;font-size:14px;font-weight:600;color:#d6dbe5}
.adm-nav a .i{color:var(--gold)}.adm-nav a:hover{background:rgba(255,255,255,.04)}.adm-nav a.on{background:rgba(226,166,59,.14);color:var(--gold-l)}
.adm-main{min-width:0;display:grid;gap:18px}.adm-main>*{margin:0}
.adm-t{font-family:Cinzel,serif;font-size:28px;color:var(--gold-l)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stat{display:grid;gap:4px;padding:18px;border-radius:12px;background:var(--card);border:1px solid rgba(255,255,255,.1)}.stat .i{color:var(--gold)}
.stat strong{font-family:Cinzel,serif;font-size:28px}.stat span{color:var(--mut);font-size:13px}
.grid-f{display:grid;gap:14px}.grid-f2{grid-template-columns:1fr 1fr}.grid-f4{grid-template-columns:repeat(4,1fr);align-items:end}.span2{grid-column:1/-1}
.adm label,.grid-f label{display:grid;gap:6px;font-size:13px;font-weight:600;color:#d6dbe5}
.adm input,.adm select,.adm textarea{width:100%;padding:10px 12px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:#0a0e18;color:#fff;font:inherit;font-size:14px}
.adm input:focus,.adm select:focus,.adm textarea:focus{outline:none;border-color:var(--gold)}
.adm fieldset{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-wrap:wrap;gap:14px}
.adm legend{padding:0 6px;color:var(--gold-l);font-weight:700;font-size:13px}
.adm fieldset .grid-f{width:100%}
.acts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.acts form{display:flex;gap:6px;align-items:center}
.in-s{width:120px!important;padding:6px 8px!important}
.thumb{width:72px;aspect-ratio:822/486;object-fit:cover;border-radius:6px}
.tabs-l{margin:0}
.pick{align-items:end}.pick label{display:flex;align-items:center;gap:10px}
.prog{position:relative;height:26px;border-radius:7px;background:#0a0e18;border:1px solid var(--line);overflow:hidden}
.prog div{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#c4871f,#f7c766);transition:width .3s}
.prog span{position:relative;display:block;text-align:center;font-size:12.5px;font-weight:700;line-height:24px}
.danger{text-align:right}
@media (max-width:1100px){.adm-in{grid-template-columns:1fr}.adm-nav{position:static;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}
@media (max-width:900px){.auth-in,.checkout{grid-template-columns:1fr}.auth-side{display:none}.dl-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.grid-f2,.grid-f4{grid-template-columns:1fr}}
@media (max-width:640px){.dl-h{flex-direction:column;align-items:flex-start}.dl-h img{width:100%}.ft-pay{justify-content:center}.paylogo b{display:none}}
.hdr-in{min-height:76px}.brand img{height:66px}@media (max-width:1640px){.brand img{height:58px}}@media (max-width:640px){.brand img{height:44px}.hdr-in{min-height:64px}}

/* ===== v4: Discord, compra, ficha extendida, herramientas, blog y foro ===== */
.hdc{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#5865f2;color:#fff;transition:var(--t)}.hdc:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn-discord{background:#5865f2;color:#fff;border-color:#7983f5;box-shadow:0 10px 26px rgba(88,101,242,.35)}.btn-discord:hover{filter:brightness(1.1);transform:translateY(-1px)}
.dband{position:relative;margin-top:30px;background:radial-gradient(700px 260px at 15% 50%,rgba(88,101,242,.35),transparent 70%),linear-gradient(90deg,#0f1230,#0b0f1d);border-block:1px solid rgba(88,101,242,.35)}
.dband-in{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:34px 0}
.dband-i{display:grid;place-items:center;width:78px;height:78px;border-radius:20px;background:#5865f2;color:#fff;box-shadow:0 14px 34px rgba(88,101,242,.45)}
.dband h2{font-family:Cinzel,serif;font-size:26px}.dband p{color:#cfd5f5;max-width:640px}.dband>div>div{flex:1}.dband-in>div{flex:1;min-width:260px}
.ft{margin-top:0}
.ft-soc{display:flex;gap:8px;margin-top:14px}.ft-soc a{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.06);border:1px solid var(--line);color:#fff}.ft-soc a:hover{background:var(--gold);color:#1a1205}
.discord-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;background:linear-gradient(135deg,#5865f2,#3b45c4);color:#fff;box-shadow:0 14px 30px rgba(88,101,242,.3);margin-top:14px}
.discord-card strong{display:block;font-size:16px}.discord-card small{color:#e0e3ff}.discord-card:hover{filter:brightness(1.08)}
/* cómo funciona la compra */
.how-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:s}
.how-s{position:relative;padding:26px 20px 22px;border-radius:12px;background:linear-gradient(180deg,#141b2c,#0d1220);border:1px solid rgba(255,255,255,.1);text-align:center}
.how-s .i{color:var(--gold);margin:6px auto 10px}.how-s h3{font-size:16px;margin-bottom:6px}.how-s p{font-size:13.5px;color:#c2c8d4}
.how-n{position:absolute;top:-14px;left:50%;transform:translateX(-50%);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f7c766,#c4871f);color:#1a1205;font-weight:900;font-size:14px;box-shadow:0 6px 14px rgba(0,0,0,.4)}
.how-s:not(:last-child)::after{content:"";position:absolute;top:50%;right:-12px;width:8px;height:8px;border-top:2px solid var(--gold);border-right:2px solid var(--gold);transform:rotate(45deg);opacity:.6}
.how-box{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-top:22px;padding:24px;border-radius:14px;background:var(--card);border:1px solid var(--line2)}
.how-box h3{font-family:Cinzel,serif;font-size:20px;margin-bottom:12px;color:var(--gold-l)}
.how-inc{display:grid;gap:12px}.how-inc li{display:flex;gap:12px;align-items:flex-start}.how-inc .i{color:var(--gold);margin-top:2px}.how-inc strong{display:block}.how-inc span{font-size:14px;color:#c9cfdb}
.gars{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.gar{display:flex;gap:10px;padding:12px;border-radius:10px;background:#0d1220;border:1px solid var(--line)}.gar .i{color:#4ade80}.gar strong{display:block;font-size:14px}.gar small{color:var(--mut);font-size:12.5px}
.gars .paylogos{grid-column:1/-1}
/* ficha */
.pd{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.pd-main{display:grid;gap:18px;min-width:0}
.pd-feat .h2{display:flex;align-items:center;gap:10px}.pd-feat .h2 .i{color:var(--gold)}
.checks-2{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.pd-secs{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pd-sec{padding:20px;border-radius:12px;background:linear-gradient(180deg,#121828,#0d1220);border:1px solid rgba(255,255,255,.1)}
.pd-sec h3{display:flex;align-items:center;gap:10px;font-family:Cinzel,serif;font-size:17px;color:var(--gold-l);margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.pd-sec ul{display:grid;gap:8px}.pd-sec li{display:flex;gap:8px;font-size:14px;color:#d6dbe5;line-height:1.45}.pd-sec li .i{color:var(--gold);margin-top:4px}
.pd-side{position:sticky;top:92px;display:grid;gap:0}.pd-side .panel>.i{color:var(--gold)}.pd-side h3{font-size:17px;margin:8px 0 10px}
.gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.gimg{display:block;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;overflow:hidden;background:#0a0e18;aspect-ratio:16/9;cursor:zoom-in}
.gimg img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gimg:hover img{transform:scale(1.05)}
.lbx{position:fixed;inset:0;z-index:90;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(3,5,10,.92)}
.lbx.on{display:flex}.lbx img{max-width:min(1400px,96vw);max-height:90vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.7)}
.lbx button{position:absolute;width:46px;height:46px;border-radius:50%;border:0;background:#fff;color:#111;font-size:24px}.lbx .lbx-x{top:16px;right:16px}.lbx .lbx-p{left:16px}.lbx .lbx-n{right:16px}
.ms3{position:absolute;width:44%;right:-2%;bottom:-6%;border-radius:10px;border:1px solid rgba(185,140,255,.4);box-shadow:0 30px 70px rgba(0,0,0,.6);transform:rotate(3deg)}
.ms1{width:78%}
/* herramientas gratis */
.login-wide{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;border-color:var(--line2)}.login-wide p{flex:1;min-width:220px}.login-wide>.i{color:var(--gold)}
.tabs-free{position:sticky;top:76px;z-index:5;padding:10px 0;background:var(--bg)}
.fgrp{scroll-margin-top:140px;margin:22px 0 30px}.fgrp .h2{display:flex;align-items:center;gap:10px}.fgrp .h2 .i{color:var(--gold)}
.ftools{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.ftool{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background:linear-gradient(180deg,#121828,#0d1220);border:1px solid rgba(255,255,255,.1);transition:var(--t)}
.ftool:hover{border-color:var(--line2);transform:translateY(-3px)}
.ftool-h{display:flex;gap:12px;align-items:center}.ftool-i{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:rgba(226,166,59,.12);border:1px solid var(--line2);color:var(--gold-l);flex:0 0 auto}
.ftool h3{font-size:15.5px}.ftool p{font-size:13.5px;color:#c2c8d4;flex:1}
.free-tag{font-size:10.5px;font-weight:800;padding:1px 7px;border-radius:5px;background:rgba(34,197,94,.14);color:#4ade80;text-transform:uppercase}
.ftool-f{display:flex;align-items:center;justify-content:space-between;gap:8px}.ftool-f small{display:inline-flex;align-items:center;gap:4px;color:var(--mut);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* blog */
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bcard{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;background:var(--card);border:1px solid rgba(255,255,255,.1);transition:var(--t)}
.bcard:hover{transform:translateY(-4px);border-color:var(--line2)}.bcard img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0a0e18}
.bcard>div{padding:16px;display:grid;gap:6px}.bcard .kick{margin:0;font-size:11px;letter-spacing:.2em;color:var(--gold)}.bcard h3{font-size:17px;line-height:1.3}.bcard p{font-size:13.5px;color:#c2c8d4}.bcard b{display:inline-flex;align-items:center;gap:4px;color:var(--gold-l);font-size:13px}
.bcard-big{grid-column:span 2;flex-direction:row}.bcard-big img{width:55%;aspect-ratio:auto}.bcard-big h3{font-size:24px;font-family:Cinzel,serif}
.bgrid-3{grid-template-columns:repeat(3,1fr)}
.art-hero{height:340px;background-size:cover;background-position:center;position:relative}.art-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),rgba(7,10,18,.3))}
.art-in{position:relative;margin-top:-140px;padding-bottom:30px}.art-in h1{font-family:Cinzel,serif;font-size:clamp(28px,4vw,44px);line-height:1.15;margin:8px 0 12px}
.art-body{font-size:17px;line-height:1.75;color:#dfe3ec;margin-top:20px}.art-body p{margin-bottom:16px}.art-body a{color:var(--gold-l)}
.art-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;padding-top:20px;border-top:1px solid var(--line)}
/* foro */
.crumbs{font-size:13.5px;color:var(--mut);margin-bottom:12px}.crumbs a{color:var(--gold-l)}
.fhome{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.fgroup{margin-bottom:22px;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:var(--card)}
.fgroup h2{display:flex;align-items:center;gap:10px;padding:14px 18px;font-family:Cinzel,serif;font-size:18px;background:linear-gradient(90deg,rgba(226,166,59,.14),transparent);border-bottom:1px solid var(--line)}.fgroup h2 .i{color:var(--gold)}
.fcat,.trow{display:grid;grid-template-columns:auto 1fr 80px 80px;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);transition:var(--t)}
.fcat:last-child,.trow:last-child{border-bottom:0}.fcat:hover,.trow:hover{background:rgba(255,255,255,.03)}
.fcat strong,.trow-t strong{display:block;font-size:15px}.fcat small,.trow-t small{color:var(--mut);font-size:13px}
.fc-i{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(226,166,59,.12);border:1px solid var(--line2);color:var(--gold-l)}
.fcat .vico{width:38px;height:38px;font-size:16px;flex:none}
.trow-n{text-align:center}.trow-n b{display:block;font-size:16px}.trow-n small{font-size:11px;color:var(--mut)}
.tlist{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:var(--card)}
.trow.pinned{background:rgba(226,166,59,.06)}.trow-t strong .i{color:var(--gold)}
.fav{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#e2a63b,#8b5cf6);color:#fff;font-weight:900;flex:0 0 auto}
.lt{display:block;padding:10px 4px;border-bottom:1px solid var(--line)}.lt:last-of-type{border-bottom:0}.lt strong{display:block;font-size:14px}.lt small{color:var(--mut);font-size:12px}.lt:hover strong{color:var(--gold-l)}
.fcta{margin-top:12px}
.ft-title{font-family:Cinzel,serif;font-size:28px;line-height:1.2;margin-bottom:16px}
.fpost{display:flex;gap:14px;padding:18px;margin-bottom:12px;border-radius:12px;background:var(--card);border:1px solid rgba(255,255,255,.1)}
.fpost-op{border-color:var(--line2)}.fb{flex:1;min-width:0}.fb header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.fb time{color:var(--mut);font-size:12.5px}
.fb p{margin-bottom:10px;line-height:1.65;word-wrap:break-word}.fb a{color:var(--gold-l)}
.staff{font-size:10px;padding:1px 6px;border-radius:4px;background:var(--gold);color:#1a1205;margin-left:4px;vertical-align:middle}
.fmod{margin-left:auto}.fmod button{background:none;border:0;color:var(--mut)}.fmod button:hover{color:#fca5a5}
.fadmin{margin:10px 0 20px}
.login-cta{text-align:center;display:grid;gap:12px;justify-items:center;margin-top:16px}
#responder{margin-top:18px}.forum textarea{width:100%;padding:12px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:#0a0e18;color:#fff;font:inherit}
@media (max-width:1100px){.pd,.fhome{grid-template-columns:1fr}.pd-side{position:static}.how-steps{grid-template-columns:1fr 1fr}.how-s::after{display:none}.how-box{grid-template-columns:1fr}.bgrid,.bgrid-3{grid-template-columns:1fr 1fr}}
@media (max-width:700px){.checks-2,.pd-secs,.gars{grid-template-columns:1fr}.bgrid,.bgrid-3{grid-template-columns:1fr}.bcard-big{grid-column:auto;flex-direction:column}.bcard-big img{width:100%}.fcat,.trow{grid-template-columns:auto 1fr 56px}.fcat .trow-n:last-child,.trow .trow-n:last-child{display:none}.how-steps{grid-template-columns:1fr}.hdc{display:none}.ms3{display:none}}
.pcard-f{flex-direction:column;align-items:stretch;gap:12px}.pbtns{width:100%}.pbtns .btn{flex:1}

/* ===== v5: login/registro, herramientas, VPS ===== */
.auth2{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.auth2-bg{position:absolute;inset:0;background:radial-gradient(900px 500px at 75% 40%,rgba(226,166,59,.14),transparent 60%),linear-gradient(90deg,rgba(7,10,18,.97) 30%,rgba(7,10,18,.7)),url('/assets/img/hero.jpg') right center/cover}
.auth2-in{position:relative;display:grid;grid-template-columns:1fr minmax(0,480px);gap:56px;align-items:center;padding:56px 0 64px}
.auth2-emb{width:150px;height:auto;filter:drop-shadow(0 18px 36px rgba(0,0,0,.6))}
.auth2-art h2{font-family:Cinzel,serif;font-size:clamp(26px,3vw,38px);line-height:1.15;margin:16px 0 10px;background:linear-gradient(180deg,#fff,#ffd77a);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth2-art .lead{color:#d6dbe5;max-width:520px}
.auth2-perks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.auth2-perks li{display:flex;gap:12px;padding:14px;border-radius:12px;background:rgba(13,18,32,.75);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px)}
.auth2-perks li>span{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:10px;background:rgba(226,166,59,.14);border:1px solid var(--line2);color:var(--gold-l)}
.auth2-perks strong{display:block;font-size:14.5px}.auth2-perks small{color:var(--mut);font-size:12.5px;line-height:1.4}
.auth2-stats{display:flex;gap:28px}.auth2-stats b{display:block;font-family:Cinzel,serif;font-size:26px;color:var(--gold-l)}.auth2-stats small{color:var(--mut);font-size:12px}
.auth2-card{border-radius:18px;background:linear-gradient(180deg,rgba(20,26,42,.97),rgba(11,15,26,.97));border:1px solid var(--line2);box-shadow:0 40px 90px rgba(0,0,0,.65),0 0 0 1px rgba(226,166,59,.12);overflow:hidden}
.auth2-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.auth2-tabs a{padding:16px;text-align:center;font-weight:700;color:var(--mut);border-bottom:2px solid transparent}.auth2-tabs a.on{color:var(--gold-l);border-bottom-color:var(--gold);background:rgba(226,166,59,.06)}
.auth2-f{display:grid;gap:14px;padding:28px}
.auth2-f h1{font-family:Cinzel,serif;font-size:24px;color:#fff}
.ifield{display:grid;gap:6px}.ifield>span{font-size:13px;font-weight:600;color:#d6dbe5}
.ifield>div{display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:9px;border:1px solid rgba(255,255,255,.15);background:#0a0e18;transition:var(--t)}
.ifield>div:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(226,166,59,.15)}
.ifield>div>.i{color:var(--mut)}.ifield input{flex:1;min-width:0;padding:13px 0;border:0;background:none;color:#fff;font:inherit;outline:none}
.pw-eye{background:none;border:0;color:var(--mut);padding:6px}.pw-eye:hover{color:var(--gold-l)}
.pw-meter{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:5px;align-items:center;margin-top:-4px}.pw-meter i{height:5px;border-radius:3px;background:rgba(255,255,255,.1);transition:var(--t)}.pw-meter small{font-size:12px;color:var(--mut);min-width:80px;text-align:right}
.pw-meter[data-s="1"] i:nth-child(-n+1){background:#ef4444}.pw-meter[data-s="2"] i:nth-child(-n+2){background:#f59e0b}.pw-meter[data-s="3"] i:nth-child(-n+3){background:#84cc16}.pw-meter[data-s="4"] i{background:#22c55e}
.auth2-or{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.auth2-or::before,.auth2-or::after{content:"";flex:1;height:1px;background:var(--line)}
.auth2-safe{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:var(--mut)}.auth2-safe .i{color:#4ade80}
/* herramientas */
.thero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.thero-bg{position:absolute;inset:0;background:radial-gradient(700px 400px at 80% 50%,rgba(56,189,248,.12),transparent 60%),linear-gradient(90deg,var(--bg) 25%,rgba(7,10,18,.7)),url('/assets/img/tbc.jpg') right center/cover;opacity:.95}
.thero-in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:56px 0}
.thero h1{font-family:Cinzel,serif;font-size:clamp(32px,4vw,52px);line-height:1.05;background:linear-gradient(180deg,#fff0b8,#e2a63b);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0 12px}
.thero-st{display:flex;gap:30px;margin:20px 0 24px}.thero-st b{display:block;font-family:Cinzel,serif;font-size:30px;color:var(--gold-l)}.thero-st small{color:var(--mut);font-size:12.5px}
.tlogos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tlogos span{display:grid;place-items:center;aspect-ratio:1;border-radius:18px;background:rgba(15,20,34,.85);border:1px solid rgba(255,255,255,.1);box-shadow:0 14px 34px rgba(0,0,0,.45);animation:tfloat 6s ease-in-out infinite;animation-delay:calc(var(--d)*-1.4s)}
.tlogos img{width:58%;height:58%;object-fit:contain;border-radius:10px}
@keyframes tfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.tlogos span{animation:none}}
.tnav{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:10px}
.tnav a{display:grid;justify-items:center;gap:6px;padding:16px 10px;border-radius:12px;background:var(--card);border:1px solid rgba(255,255,255,.1);text-align:center;transition:var(--t)}
.tnav a:hover{border-color:var(--line2);transform:translateY(-3px)}.tnav span{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(226,166,59,.12);border:1px solid var(--line2);color:var(--gold-l)}
.tnav strong{font-size:13px;line-height:1.3}.tnav b{font-size:11px;padding:1px 8px;border-radius:999px;background:rgba(255,255,255,.08);color:var(--mut)}
.fgrp-h{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;border-radius:12px;background:linear-gradient(90deg,rgba(226,166,59,.14),rgba(13,18,32,.6) 60%);border:1px solid var(--line2)}
.fgrp-h>span{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(180deg,#f7c766,#c4871f);color:#1a1205}
.fgrp-h h2{font-family:Cinzel,serif;font-size:20px}.fgrp-h small{color:var(--mut)}
.ftool-i.has-logo{background:#fff;border-color:rgba(255,255,255,.4);padding:5px}.ftool-i img{width:100%;height:100%;object-fit:contain;border-radius:6px}
.ftool-i{width:50px;height:50px}.ftool-tags{display:flex;gap:6px;align-items:center;margin-top:4px}
.ftool-f small .i{color:#4ade80}
/* vps */
.vps-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.vcard{position:relative;display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:linear-gradient(180deg,#141b2c,#0c111d);border:1px solid rgba(255,255,255,.1);transition:var(--t)}
.vcard:hover{transform:translateY(-5px);border-color:var(--line2);box-shadow:0 24px 50px rgba(0,0,0,.5)}
.vcard-popular{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 20px 50px rgba(226,166,59,.15)}
.vcard>img{width:100%;aspect-ratio:822/486;object-fit:cover}
.vcard-b{display:flex;flex-direction:column;gap:8px;flex:1;padding:14px 16px 16px}.vcard h3{font-family:Cinzel,serif;font-size:18px}.vcard .mut{font-size:13px}
.vprice strong{font-family:Cinzel,serif;font-size:32px;color:var(--gold-l)}.vprice span{color:var(--mut);font-size:13px;margin-left:4px}
.vspecs{display:grid;gap:0;margin:4px 0 10px;border-top:1px solid var(--line)}.vspecs li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.vspecs span{color:var(--mut)}.vspecs b{text-align:right}
.vcard .pbtns{margin-top:auto;flex-direction:column}.vcard .pbtns .btn{width:100%}
.gars-4{grid-template-columns:repeat(4,1fr)}.vps-inc{grid-template-columns:1fr}.vps-inc .gar .i{color:var(--gold)}
@media (max-width:1300px){.vps-grid{grid-template-columns:repeat(3,1fr)}.tnav{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.auth2-in,.thero-in{grid-template-columns:1fr}.auth2-art{order:2}.auth2-perks{grid-template-columns:1fr}.vps-grid{grid-template-columns:1fr 1fr}.gars-4{grid-template-columns:1fr 1fr}.tlogos{grid-template-columns:repeat(6,1fr)}}
@media (max-width:600px){.vps-grid,.gars-4{grid-template-columns:1fr}.tnav{grid-template-columns:1fr 1fr}.tlogos{grid-template-columns:repeat(4,1fr)}.auth2-f{padding:20px}}
.ctiles{grid-template-columns:repeat(6,1fr)}@media (max-width:1380px){.ctiles{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.ctiles{grid-template-columns:1fr 1fr}}@media (max-width:640px){.ctiles{grid-template-columns:1fr}}