*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050d18;color:#edf5ff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}.site-bg{position:fixed;inset:0;pointer-events:none;z-index:-2;background:radial-gradient(circle at 80% 8%,rgba(45,91,190,.2),transparent 28%),radial-gradient(circle at 10% 35%,rgba(106,53,210,.12),transparent 25%)}a{color:inherit}.topbar{height:78px;display:flex;align-items:center;gap:22px;padding:0 max(24px,5vw);position:sticky;top:0;z-index:20;background:rgba(5,13,24,.9);backdrop-filter:blur(16px);border-bottom:1px solid #18314c}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:255px}.brand b{font-size:22px;letter-spacing:-.6px}.brand b span{color:#25a8ff}.brand small{display:block;color:#8195ab;font-size:10px;margin-top:1px}.logo{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1aa9ff,#7450ff);font-size:24px;box-shadow:0 0 24px rgba(37,168,255,.25)}.search{height:42px;display:flex;align-items:center;gap:10px;flex:1;max-width:650px;margin:auto;background:#0d1d31;border:1px solid #203b57;border-radius:12px;padding:0 12px}.search span{font-size:21px;color:#8ea5bb}.search input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:14px}.search kbd{font-size:10px;color:#71869d;border:1px solid #29435e;border-radius:5px;padding:3px 6px}.icon-btn,.menu-btn{background:#0d1d31;border:1px solid #203b57;color:#eaf4ff;border-radius:10px;width:42px;height:42px;cursor:pointer}.menu-btn{display:none}.nav{display:flex;gap:8px;overflow:auto;white-space:nowrap;padding:9px max(24px,5vw);background:#071424;border-bottom:1px solid #122941}.nav a{text-decoration:none;color:#9fb1c4;padding:8px 12px;border-radius:8px;font-size:13px}.nav a:hover,.nav a.active{background:#102b47;color:#fff}.hero{min-height:505px;display:flex;align-items:center;justify-content:space-between;padding:70px max(28px,7vw);overflow:hidden;background:radial-gradient(circle at 72% 45%,rgba(25,100,190,.25),transparent 25%),linear-gradient(115deg,#071120,#091b30 60%,#111534)}.hero-copy{max-width:760px}.eyebrow{font-size:11px;letter-spacing:2px;color:#2eb1ff;font-weight:800}.hero h1{font-size:clamp(46px,7vw,78px);line-height:.98;letter-spacing:-3px;margin:13px 0 20px;max-width:800px}.hero h1 span{color:#25a8ff}.hero p{font-size:18px;color:#a8bbce;max-width:650px}.hero-actions{display:flex;gap:12px;margin:28px 0}.btn{border:0;border-radius:10px;padding:11px 18px;font-weight:800;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;font-size:14px}.primary{background:linear-gradient(100deg,#159cf5,#6949ff);color:#fff;box-shadow:0 10px 28px rgba(44,105,220,.2)}.ghost{background:#0d2036;color:#eaf4ff;border:1px solid #294662}.full{width:100%}.hero-stats{display:flex;gap:24px;flex-wrap:wrap;color:#7890a7;font-size:12px}.hero-stats b{color:#dbeeff;margin-right:4px}.hero-orbit{width:350px;height:350px;position:relative;display:grid;place-items:center}.planet{font-size:145px;filter:drop-shadow(0 0 40px rgba(25,168,255,.3));z-index:2}.orbit{position:absolute;border:1px solid rgba(65,161,255,.35);border-radius:50%;display:grid;place-items:start;color:#5cc3ff}.o1{width:220px;height:220px;padding:10px}.o2{width:300px;height:150px;transform:rotate(25deg);padding:8px}.o3{width:320px;height:320px;padding:18px}.ad-slot{height:72px;max-width:920px;margin:24px auto;border:1px dashed #2a4159;border-radius:8px;display:grid;place-items:center;color:#667e95;font-size:10px;letter-spacing:1.5px}.section{max-width:1240px;margin:auto;padding:50px max(24px,5vw)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-head h2{margin:4px 0 0;font-size:30px;letter-spacing:-1px}.section-note{color:#71879e;font-size:12px}.text-btn{border:0;background:none;color:#4eb8ff;cursor:pointer}.categories{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.cat{min-height:125px;padding:17px;border-radius:12px;text-decoration:none;display:flex;flex-direction:column;justify-content:end;gap:2px;border:1px solid rgba(255,255,255,.08);transition:.2s;overflow:hidden}.cat:hover{transform:translateY(-3px);filter:brightness(1.1)}.cat strong{font-size:28px;margin-bottom:auto}.cat b{font-size:14px}.cat small{font-size:11px;opacity:.75}.c1{background:linear-gradient(150deg,#0e69bd,#10345c)}.c2{background:linear-gradient(150deg,#713aab,#30204f)}.c3{background:linear-gradient(150deg,#b34255,#502431)}.c4{background:linear-gradient(150deg,#247d63,#173f43)}.c5{background:linear-gradient(150deg,#a34486,#50274d)}.c6{background:linear-gradient(150deg,#8b5e20,#48321b)}.c7{background:linear-gradient(150deg,#197e8e,#153e51)}.c8{background:linear-gradient(150deg,#315ea0,#223354)}.article-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.article-card{background:#0a192b;border:1px solid #1d3853;border-radius:14px;overflow:hidden;transition:.2s}.article-card:hover{transform:translateY(-3px);border-color:#2c5577}.article-art{height:165px;display:grid;place-items:center;font-size:60px;position:relative}.article-art span{position:absolute;left:13px;bottom:12px;font-size:9px;letter-spacing:1.5px;font-weight:800;background:rgba(0,0,0,.3);padding:5px 7px;border-radius:5px}.art-space{background:radial-gradient(circle at 65% 35%,#345a9c,#101d52 45%,#080d22)}.art-mystery{background:linear-gradient(135deg,#25204c,#0b2d3b)}.art-cinema{background:linear-gradient(135deg,#55244e,#192e5c)}.art-gaming{background:linear-gradient(135deg,#144c57,#241a55)}.article-body{padding:16px}.article-body small{color:#5bbdff;font-size:10px}.article-body h3{font-size:17px;line-height:1.2;margin:8px 0}.article-body p{font-size:12px;color:#8ea2b7;margin:0 0 13px}.read-btn{border:0;background:none;color:#55bcff;padding:0;cursor:pointer;font-weight:700;font-size:12px}.empty{text-align:center;color:#7e93a9;padding:35px}.tool-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:18px}.tool-feature,.tool-card{background:#0a192b;border:1px solid #1d3853;border-radius:14px}.tool-feature{padding:20px}.tool-icon{font-size:35px}.tool-feature h3{margin:6px 0 2px;font-size:21px}.tool-feature p{color:#8298ae;font-size:13px;margin-top:0}.tool-feature label{display:block;font-size:11px;color:#7f95aa;margin:20px 0 6px}.tool-feature input{width:100%;padding:12px;border-radius:8px;border:1px solid #2b4864;background:#071322;color:#fff}.result{margin-top:10px;min-height:45px;border-radius:8px;background:#071322;padding:12px;color:#63e0ad;font-size:13px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-card{padding:17px;text-align:left;color:#fff;cursor:pointer;transition:.2s}.tool-card:hover{transform:translateY(-2px);background:#0d2036}.tool-card span{font-size:28px;display:block}.tool-card b{display:block;margin-top:10px}.tool-card small{color:#8298ae}.score-pill{font-size:12px;color:#8ca2b8;background:#0d1e32;border:1px solid #223d58;border-radius:20px;padding:7px 11px}.game-grid,.test-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.game-card,.test-card{background:#0a192b;border:1px solid #1d3853;border-radius:14px;padding:20px}.game-card{text-align:center}.game-emoji,.test-card>span{font-size:42px}.game-card h3,.test-card h3{margin:8px 0 5px}.game-card p,.test-card p{font-size:12px;color:#8499ae;min-height:38px}.game-btn{width:100%}.test-grid{grid-template-columns:repeat(3,1fr)}.test-card{text-align:center}.test-btn{width:100%;margin-top:8px}.info-section{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #142c45}.info-section h2{font-size:31px;margin:7px 0}.info-section p{color:#8297ac;max-width:720px}.info-number{font-size:90px;font-weight:900;color:#122a42}.cta{max-width:1240px;margin:30px auto 70px;padding:38px max(24px,5vw);border:1px solid #284466;border-radius:18px;background:linear-gradient(120deg,#0d2944,#171e48);display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:6px 0;font-size:32px}.cta p{color:#8ca1b6;margin:0}.footer-brand{min-width:0}.footer-brand .logo{width:30px;height:30px;font-size:20px}footer{border-top:1px solid #142d45;background:#040b14;padding:35px max(24px,5vw);display:grid;grid-template-columns:2fr 1fr auto;gap:30px;align-items:center;color:#71879d}footer p{font-size:12px;margin:9px 0 0}.footer-links{display:flex;flex-direction:column;gap:7px;font-size:12px}.footer-links a{text-decoration:none}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;z-index:50}.modal-backdrop[hidden]{display:none}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:#0b1d31;border:1px solid #2b4967;border-radius:16px;padding:25px;position:relative;box-shadow:0 25px 80px rgba(0,0,0,.5)}.modal-close{position:absolute;right:13px;top:10px;background:none;border:0;color:#9eb2c6;font-size:27px;cursor:pointer}.modal h3{font-size:24px;margin:0 0 10px}.modal p{color:#8ea3b7}.modal input,.modal textarea,.modal select{width:100%;background:#071322;color:#fff;border:1px solid #2a4864;border-radius:8px;padding:11px;margin:5px 0 12px}.modal .modal-actions{display:flex;gap:9px;flex-wrap:wrap}.modal .big-result{font-size:24px;font-weight:800;color:#5fe1ad;padding:16px 0}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.option-grid button{padding:12px;border:1px solid #2a4864;background:#0d2339;color:#fff;border-radius:8px;cursor:pointer}.option-grid button:hover{background:#163554}.article-modal{color:#c5d5e5}.article-modal .lead{font-size:15px}.article-modal .fact{background:#071728;border-left:3px solid #2faeff;padding:11px 13px;margin:14px 0;border-radius:0 8px 8px 0;font-size:13px}.light body{}.light{background:#f2f6fa;color:#122238}.light .topbar,.light .nav,.light footer{background:#fff}.light .search,.light .icon-btn,.light .nav a:hover,.light .nav a.active,.light .article-card,.light .tool-feature,.light .tool-card,.light .game-card,.light .test-card{background:#f8fbff;color:#122238}.light .search input{color:#122238}.light .section-note,.light .article-body p,.light .tool-card small,.light .game-card p,.light .test-card p,.light .info-section p{color:#60758a}.light .hero{background:linear-gradient(120deg,#e9f5ff,#f0ecff)}.light .hero p{color:#587087}.light .result,.light .tool-feature input{background:#fff;color:#122238}.light .modal{background:#fff;color:#122238}.light .modal p{color:#60758a}.light .modal input,.light .modal textarea,.light .modal select{background:#f7fbff;color:#122238}.light .site-bg{opacity:.25}
@media(max-width:1050px){.categories{grid-template-columns:repeat(4,1fr)}.article-grid{grid-template-columns:repeat(2,1fr)}.game-grid{grid-template-columns:repeat(2,1fr)}.hero-orbit{width:270px}.tool-layout{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr 1fr}.hero{padding-left:6vw;padding-right:6vw}}
@media(max-width:700px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 18px}.brand{min-width:0;flex:1}.search{order:3;flex-basis:100%;max-width:none}.search kbd{display:none}.menu-btn{display:block}.nav{display:none;padding:8px 18px}.nav.open{display:flex;flex-wrap:wrap}.hero{min-height:0;padding:55px 22px}.hero-orbit{display:none}.hero h1{font-size:48px;letter-spacing:-2px}.hero-stats{gap:10px;flex-direction:column}.categories{grid-template-columns:repeat(2,1fr)}.article-grid,.game-grid,.test-grid{grid-template-columns:1fr}.tool-grid{grid-template-columns:repeat(2,1fr)}.section{padding:38px 18px}.section-head{align-items:start}.section-head h2{font-size:25px}.info-section{display:block}.info-number{display:none}.cta{margin:10px 18px 45px;display:block;padding:28px 20px}.cta .btn{margin-top:18px;width:100%}footer{grid-template-columns:1fr;padding:28px 18px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}

/* V3 — acabado visual */
.section-sub{margin:7px 0 0;color:#8096ad;font-size:13px;max-width:650px}
.small-ad{margin:0 auto 28px;height:55px}
.tool-feature{position:relative;overflow:hidden}
.tool-feature:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-90px;background:rgba(44,168,255,.08);pointer-events:none}
.tool-card{min-height:145px;display:flex;flex-direction:column;justify-content:flex-start}
.tool-card span{font-size:30px}
.tool-card b{font-size:15px}
.game-card{position:relative;overflow:hidden}
.game-card:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(37,168,255,.05),transparent 55%);pointer-events:none}
.test-card{transition:.2s}
.test-card:hover{transform:translateY(-3px);border-color:#2c5577}
.article-card{box-shadow:0 12px 35px rgba(0,0,0,.12)}
.btn{transition:.18s}
.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
@media(max-width:700px){.section-sub{font-size:12px}.tool-card{min-height:125px}}

.content-hub{border-top:1px solid #142c45}
.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.hub-grid>div{padding:20px;border:1px solid #1d3853;background:#09192a;border-radius:13px}
.hub-grid b{font-size:16px}.hub-grid p{color:#8096ad;font-size:12px;margin-bottom:0}
@media(max-width:900px){.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hub-grid{grid-template-columns:1fr}}
.category-hero{min-height:360px}.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.hub-grid>div{padding:20px;border:1px solid #1d3853;background:#09192a;border-radius:13px}.article-page{max-width:900px;margin:auto;padding:70px 24px 90px}.article-page h1{font-size:clamp(38px,6vw,62px);line-height:1.02;letter-spacing:-2px;max-width:850px;margin:12px 0}.article-lead{font-size:19px;color:#a8bbce;max-width:760px}.article-meta{font-size:11px;color:#6f879f;margin:18px 0}.article-content{font-size:17px;color:#c1d0de}.article-content p{margin:22px 0}.article-content h2{font-size:27px;color:#fff;margin-top:38px}.article-fact{background:#0a1d30;border:1px solid #20425f;border-left:4px solid #2baeff;padding:17px;border-radius:8px;margin:28px 0}@media(max-width:700px){.hub-grid{grid-template-columns:1fr 1fr}.article-page{padding:45px 18px}.article-lead{font-size:16px}.article-content{font-size:15px}}@media(max-width:480px){.hub-grid{grid-template-columns:1fr}}