:root{--bg:#060913;--surface:#101827;--surface-2:#151f31;--ink:#f8fafc;--muted:#a8b3c7;--line:rgba(148,163,184,.2);--accent:#ff2f70;--accent-2:#16e0bd;--accent-3:#ffd166;--shadow:0 18px 50px rgba(0,0,0,.35);--radius:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,47,112,.16),transparent 28%),radial-gradient(circle at 82% 4%,rgba(22,224,189,.12),transparent 24%),linear-gradient(180deg,#060913 0%,#0b1020 52%,#080b14 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:rgba(6,9,19,.86);backdrop-filter:blur(18px)}.nav{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 32px));min-height:72px;margin:0 auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:900}.brand-logo{width:40px;height:40px;border-radius:var(--radius);object-fit:contain}.nav-panel{display:flex;align-items:center;gap:10px;color:#dbeafe;font-weight:800}.nav-panel a{border:1px solid transparent;border-radius:var(--radius);padding:8px 12px;transition:all .3s ease}.nav-panel a:hover{border-color:var(--line);background:rgba(255,255,255,.08);color:var(--accent-2)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:var(--ink)}.hero{position:relative;display:grid;min-height:calc(100vh - 72px);isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-2}.hero-media picture,.hero-media img{width:100%;height:100%}.hero-media img{object-fit:cover}.hero:after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,rgba(6,9,19,.95) 0%,rgba(6,9,19,.76) 48%,rgba(6,9,19,.34) 100%)}.hero-content{align-self:end;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:86px 0 104px}.eyebrow{margin:0 0 12px;color:var(--accent-2);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:850px;margin:0;font-size:clamp(2.4rem,7vw,5.6rem);line-height:.98;letter-spacing:0}h2{margin:0;font-size:clamp(1.8rem,4vw,3.15rem);line-height:1.05}h3{margin:0;font-size:1.18rem;line-height:1.18}.hero-copy{max-width:650px;margin:22px 0 0;color:rgba(248,250,252,.82);font-size:clamp(1.03rem,2vw,1.28rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button,.read-button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius);padding:0 18px;font-weight:900;cursor:pointer;transition:all .3s ease}.button.primary,.read-button{background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;box-shadow:0 12px 26px rgba(255,47,112,.24)}.button.secondary{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff}.button:hover,.read-button:hover{transform:translateY(-2px)}.section{width:min(1180px,calc(100% - 32px));margin:0 auto;padding-top:72px}.section-heading{margin-bottom:26px}.section-heading.split{display:flex;align-items:end;justify-content:space-between;gap:24px}.search-box{display:grid;min-width:min(420px,100%);gap:8px;color:var(--muted);font-weight:800} .search-label{display:inline-flex;align-items:center;gap:8px;color:var(--accent-2)}.search-label svg{flex:0 0 auto}.search-box input{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:rgba(16,24,39,.9);color:var(--ink);padding:13px 14px;outline:0}.search-box input:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px rgba(22,224,189,.12)}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.filter-button{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.06);color:var(--ink);padding:10px 14px;font-weight:900;cursor:pointer;transition:all .3s ease}.filter-button.active,.filter-button:hover{border-color:var(--accent-2);background:rgba(22,224,189,.14);color:var(--accent-2)}.search-status,.empty-state{color:var(--muted);font-weight:800}.post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:18px}.post-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(21,31,49,.96),rgba(12,18,31,.98));box-shadow:var(--shadow);transition:all .3s ease}.post-card:hover{transform:translateY(-5px);border-color:rgba(22,224,189,.45)}.card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#0a0f1d}.post-card img{width:100%;height:100%;object-fit:cover}.post-body{display:flex;flex:1;flex-direction:column;gap:12px;padding:18px}.tag{width:fit-content;border:1px solid rgba(22,224,189,.35);border-radius:999px;background:rgba(22,224,189,.1);color:var(--accent-2);padding:5px 9px;font-size:.75rem;font-weight:900;text-transform:uppercase}.post-body p{margin:0;color:var(--muted)}.post-body .read-button{margin-top:auto}.post-meta,.article-meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:#cbd5e1;font-size:.9rem;font-weight:850}.article-page{background:#080b14}.article-hero{width:min(980px,calc(100% - 32px));margin:0 auto;padding:72px 0 34px}.back-link{display:inline-flex;margin-bottom:22px;color:var(--accent-2);font-weight:900}.article-hero h1{max-width:980px;font-size:clamp(2rem,6vw,4.7rem)}.article-cover{display:grid;place-items:center;width:min(980px,100%);aspect-ratio:16/9;margin:22px auto 24px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#0a0f1d;box-shadow:var(--shadow)}.article-cover img{width:100%;height:100%;object-fit:contain;background:#0a0f1d}.article-main{width:min(860px,calc(100% - 32px));margin:0 auto 36px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(16,24,39,.92);padding:clamp(22px,4vw,42px)}.article-main h2{margin:32px 0 12px;font-size:clamp(1.35rem,3vw,2rem)}.article-main h3{margin:24px 0 10px;color:#e0f2fe}.article-main p,.article-main li{color:#d3dbe8}.article-main p{margin:0 0 16px}.article-main ul,.article-main ol{padding-left:22px}.article-main li+li{margin-top:8px}.article-note{margin:0 0 24px;border:1px solid rgba(255,209,102,.35);border-left:5px solid var(--accent-3);border-radius:var(--radius);background:rgba(255,209,102,.09);padding:16px;color:#fff7d6}.internal-links{margin-top:34px;border-top:1px solid var(--line);padding-top:10px}.related-posts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:min(860px,calc(100% - 32px));margin:0 auto 64px}.related-posts a{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px;font-weight:900;transition:all .3s ease}.related-posts a:hover{border-color:var(--accent-2);transform:translateY(-2px)}.related-posts span{display:block;margin-bottom:6px;color:var(--accent-2);font-size:.78rem;text-transform:uppercase}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;width:min(1180px,calc(100% - 32px));margin:72px auto 0;border-top:1px solid var(--line);padding:28px 0 34px;color:var(--muted);font-weight:800}@media (max-width:900px){body{background:radial-gradient(circle at 18% 12%,rgba(255,47,112,.16),transparent 28%),radial-gradient(circle at 82% 4%,rgba(22,224,189,.12),transparent 24%),linear-gradient(180deg,#060913 0%,#0b1020 52%,#080b14 100%);color:var(--ink)}.menu-toggle{display:block}.nav-panel{position:absolute;top:72px;right:16px;left:16px;display:none;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:10px}.nav-panel.open{display:grid}.nav-panel a{padding:12px}.section-heading.split{align-items:stretch;flex-direction:column}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card{background:linear-gradient(180deg,rgba(21,31,49,.96),rgba(12,18,31,.98));color:var(--ink)}}@media (max-width:640px){.nav,.section,.site-footer,.hero-content{width:min(100% - 24px,1180px)}.section{padding-top:48px}.post-grid{gap:16px}.post-body{padding:16px}.article-hero{padding-top:44px}.article-main{width:min(100% - 24px,860px)}.hero{min-height:620px}.hero:after{background:linear-gradient(180deg,rgba(6,9,19,.2) 0%,rgba(6,9,19,.9) 72%)}.hero-actions{display:grid}.button{width:100%}.post-grid,.related-posts{grid-template-columns:1fr}}
/* Theme toggle and light mode */
:root{color-scheme:light}
html[data-theme="dark"]{color-scheme:dark}
html:not([data-theme="dark"]) body{background:linear-gradient(180deg,#f5f7fb 0%,#edf2f9 48%,#f8fbff 100%);color:#0f172a}
html:not([data-theme="dark"]) .site-header{border-bottom-color:rgba(15,23,42,.12);background:rgba(255,255,255,.9)}
html:not([data-theme="dark"]) .brand,html:not([data-theme="dark"]) .nav-panel{color:#0f172a}
html:not([data-theme="dark"]) .nav-panel a:hover{background:rgba(15,23,42,.06);color:#0f766e}
html:not([data-theme="dark"]) .hero:after{background:linear-gradient(90deg,rgba(248,251,255,.94) 0%,rgba(248,251,255,.76) 46%,rgba(248,251,255,.18) 100%)}
html:not([data-theme="dark"]) .hero-copy{color:#334155}
html:not([data-theme="dark"]) .eyebrow,html:not([data-theme="dark"]) .search-label,html:not([data-theme="dark"]) .filter-button.active,html:not([data-theme="dark"]) .filter-button:hover,html:not([data-theme="dark"]) .tag,html:not([data-theme="dark"]) .back-link,html:not([data-theme="dark"]) .related-posts span{color:#0f766e}
html:not([data-theme="dark"]) .button.secondary{border-color:rgba(15,23,42,.22);background:rgba(255,255,255,.7);color:#0f172a}
html:not([data-theme="dark"]) .search-box,html:not([data-theme="dark"]) .search-status,html:not([data-theme="dark"]) .empty-state,html:not([data-theme="dark"]) .post-body p,html:not([data-theme="dark"]) .site-footer{color:#475569}
html:not([data-theme="dark"]) .search-box input{border-color:rgba(15,23,42,.14);background:#fff;color:#0f172a}
html:not([data-theme="dark"]) .filter-button{border-color:rgba(15,23,42,.14);background:#fff;color:#0f172a}
html:not([data-theme="dark"]) .filter-button.active,html:not([data-theme="dark"]) .filter-button:hover{border-color:rgba(15,118,110,.35);background:rgba(20,184,166,.12)}
html:not([data-theme="dark"]) .post-card{border-color:rgba(15,23,42,.12);background:#fff;color:#0f172a;box-shadow:0 18px 46px rgba(15,23,42,.12)}
html:not([data-theme="dark"]) .post-card:hover{border-color:rgba(15,118,110,.38)}
html:not([data-theme="dark"]) .tag{border-color:rgba(15,118,110,.22);background:rgba(20,184,166,.1)}
html:not([data-theme="dark"]) .post-meta,html:not([data-theme="dark"]) .article-meta{color:#475569}
html:not([data-theme="dark"]) .article-page{background:#f8fbff}
html:not([data-theme="dark"]) .article-main{border-color:rgba(15,23,42,.12);background:#fff;color:#0f172a}
html:not([data-theme="dark"]) .article-main p,html:not([data-theme="dark"]) .article-main li{color:#334155}
html:not([data-theme="dark"]) .article-main h3{color:#0f766e}
html:not([data-theme="dark"]) .article-note{border-color:rgba(245,158,11,.32);background:rgba(254,243,199,.7);color:#713f12}
html:not([data-theme="dark"]) .internal-links,html:not([data-theme="dark"]) .site-footer{border-top-color:rgba(15,23,42,.12)}
html:not([data-theme="dark"]) .related-posts a{border-color:rgba(15,23,42,.12);background:#fff;box-shadow:0 12px 30px rgba(15,23,42,.08)}
html:not([data-theme="dark"]) .menu-toggle{border-color:rgba(15,23,42,.14);background:#fff}
html:not([data-theme="dark"]) .menu-toggle span{background:#0f172a}
.theme-toggle{display:inline-flex;min-height:38px;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.08);color:inherit;padding:0 12px;font-weight:900;cursor:pointer;transition:all .3s ease}
.theme-toggle:hover{border-color:var(--accent-2);color:var(--accent-2);transform:translateY(-1px)}
.theme-toggle-icon{position:relative;width:18px;height:18px;border-radius:999px;background:currentColor;box-shadow:inset -6px -3px 0 rgba(6,9,19,.9)}
html[data-theme="dark"] .theme-toggle-icon{box-shadow:inset -6px -3px 0 rgba(6,9,19,.9)}
html:not([data-theme="dark"]) .theme-toggle{border-color:rgba(15,23,42,.14);background:#fff;color:#0f172a}
html:not([data-theme="dark"]) .theme-toggle-icon{box-shadow:inset 0 0 0 4px #fff;background:#f59e0b}
@media (max-width:900px){html:not([data-theme="dark"]) body{background:linear-gradient(180deg,#f5f7fb 0%,#edf2f9 48%,#f8fbff 100%);color:#0f172a}html:not([data-theme="dark"]) .nav-panel{background:#fff;color:#0f172a}.theme-toggle{justify-content:center;width:100%;min-height:44px}}
html:not([data-theme="dark"]) .hero{color:#f8fafc}html:not([data-theme="dark"]) .hero:after{background:linear-gradient(90deg,rgba(6,9,19,.95) 0%,rgba(6,9,19,.76) 48%,rgba(6,9,19,.34) 100%)}html:not([data-theme="dark"]) .hero .hero-copy{color:rgba(248,250,252,.82)}html:not([data-theme="dark"]) .hero .button.secondary{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff}@media (max-width:640px){html:not([data-theme="dark"]) .hero:after{background:linear-gradient(180deg,rgba(6,9,19,.2) 0%,rgba(6,9,19,.9) 72%)}}
html:not([data-theme="dark"]) .hero .eyebrow{color:#5eead4}
.article-main table{display:block;width:100%;margin:18px 0 24px;overflow-x:auto;border-collapse:collapse}.article-main th,.article-main td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top;color:#d3dbe8}.article-main th{background:rgba(22,224,189,.12);color:var(--accent-2);font-weight:900}html:not([data-theme="dark"]) .article-main th,html:not([data-theme="dark"]) .article-main td{border-color:rgba(15,23,42,.12);color:#334155}html:not([data-theme="dark"]) .article-main th{background:rgba(20,184,166,.12);color:#0f766e}
.site-footer{display:block;width:min(1180px,calc(100% - 32px));margin:72px auto 0;border-top:1px solid var(--line);padding:36px 0 34px;color:var(--muted);font-weight:800}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:28px;align-items:start}.footer-brand p{max-width:320px;margin:14px 0 0;color:var(--muted)}.footer-logo{display:inline-flex;align-items:center;gap:12px;color:var(--ink);font-size:1.08rem;font-weight:950}.footer-logo-mark{width:54px;height:54px;border-radius:var(--radius);object-fit:contain;box-shadow:0 12px 24px rgba(0,0,0,.18)}.footer-column{display:grid;gap:10px}.footer-column h2{margin:0 0 4px;color:var(--ink);font-size:1rem;line-height:1.2}.footer-column a{width:fit-content;color:var(--muted);transition:all .3s ease}.footer-column a:hover{color:var(--accent-2);transform:translateX(3px)}.footer-copy{margin:30px 0 0;border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:.92rem}.footer-copy,.footer-brand p{overflow-wrap:anywhere}html:not([data-theme="dark"]) .footer-logo,html:not([data-theme="dark"]) .footer-column h2{color:#0f172a}html:not([data-theme="dark"]) .footer-column a,html:not([data-theme="dark"]) .footer-brand p,html:not([data-theme="dark"]) .footer-copy{color:#475569}@media (max-width:760px){.footer-grid{grid-template-columns:1fr;gap:24px}.site-footer{width:min(100% - 24px,1180px);margin-top:52px}.footer-logo-mark{width:50px;height:50px}.footer-copy{text-align:left}}
.cookie-banner{position:fixed;right:16px;bottom:16px;left:16px;z-index:60;display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;width:min(1120px,calc(100% - 32px));margin:0 auto;border:1px solid rgba(22,224,189,.35);border-radius:var(--radius);background:rgba(16,24,39,.97);box-shadow:0 24px 70px rgba(0,0,0,.42);padding:18px;color:#f8fafc;backdrop-filter:blur(18px)}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;color:#dbeafe;font-size:.96rem}.cookie-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.cookie-accept{min-height:46px;border:0;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;padding:0 18px;font-weight:950;cursor:pointer;box-shadow:0 12px 26px rgba(255,47,112,.24);transition:all .3s ease}.cookie-accept:hover{transform:translateY(-2px)}.cookie-more{color:var(--accent-2);font-weight:900;text-decoration:underline;text-underline-offset:3px}html:not([data-theme="dark"]) .cookie-banner{border-color:rgba(15,118,110,.25);background:rgba(255,255,255,.97);box-shadow:0 22px 52px rgba(15,23,42,.18);color:#0f172a}html:not([data-theme="dark"]) .cookie-banner p{color:#334155}html:not([data-theme="dark"]) .cookie-more{color:#0f766e}@media (max-width:760px){.cookie-banner{grid-template-columns:1fr;gap:14px;padding:16px}.cookie-actions{justify-content:stretch}.cookie-accept{width:100%}.cookie-more{text-align:center;width:100%}}
.page-content a{color:var(--accent-2);font-weight:850;text-decoration:underline;text-underline-offset:3px}.contact-form{display:grid;gap:16px;margin-top:22px}.contact-form label{display:grid;gap:8px;color:#e0f2fe;font-weight:900}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:rgba(6,9,19,.55);color:var(--ink);padding:13px 14px;outline:0}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px rgba(22,224,189,.12)}.contact-form button{min-height:48px;width:fit-content;border:0;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;padding:0 20px;font-weight:950;cursor:pointer;box-shadow:0 12px 26px rgba(255,47,112,.24);transition:all .3s ease}.contact-form button:hover{transform:translateY(-2px)}html:not([data-theme="dark"]) .contact-form label{color:#0f766e}html:not([data-theme="dark"]) .contact-form input,html:not([data-theme="dark"]) .contact-form textarea{border-color:rgba(15,23,42,.14);background:#f8fafc;color:#0f172a}@media (max-width:640px){.contact-form button{width:100%}}
.section-title{max-width:850px;margin:0;font-size:clamp(1.8rem,4vw,3.15rem);line-height:1.05}
.not-found{display:grid;gap:20px;width:min(860px,calc(100% - 32px));min-height:calc(100vh - 260px);align-content:center;margin:0 auto;padding:84px 0 44px}.not-found h1{max-width:820px;font-size:clamp(2.1rem,6vw,4.4rem);line-height:1.02}.not-found p:not(.eyebrow){max-width:620px;margin:0;color:var(--muted);font-size:1.08rem}.not-found .button{width:fit-content;min-width:260px}html:not([data-theme="dark"]) .not-found p:not(.eyebrow){color:#475569}@media (max-width:640px){.not-found{width:min(100% - 24px,860px);min-height:calc(100vh - 220px);padding-top:56px}.not-found .button{width:100%;min-width:0}}

/* Herramienta: Generador de nombres para Roblox */
.tool-hero{padding-bottom:22px}.name-generator{width:min(980px,calc(100% - 32px));margin:0 auto 36px}.generator-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(21,31,49,.96),rgba(12,18,31,.98));box-shadow:var(--shadow);padding:clamp(18px,4vw,34px)}.generator-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.generator-heading h2{font-size:clamp(1.45rem,3vw,2.25rem)}.generator-status{min-height:24px;margin:0;color:var(--accent-2);font-weight:900;text-align:right}.generator-controls{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:end}.generator-field{display:grid;gap:8px;color:#e0f2fe;font-weight:900}.generator-field select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(6,9,19,.55);color:var(--ink);padding:0 14px;outline:0;cursor:pointer}.generator-field select:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px rgba(22,224,189,.12)}.generator-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.generator-actions .button[disabled]{opacity:.48;cursor:not-allowed;transform:none}.generator-help{margin:16px 0 0;color:var(--muted);font-weight:800}.name-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0;padding:0;list-style:none}.name-result{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.055);padding:12px}.name-result strong{min-width:0;overflow:hidden;color:#fff;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.copy-name{min-height:38px;border:1px solid rgba(22,224,189,.35);border-radius:var(--radius);background:rgba(22,224,189,.1);color:var(--accent-2);padding:0 12px;font-weight:950;cursor:pointer;transition:all .3s ease}.copy-name:hover{border-color:var(--accent-2);transform:translateY(-1px)}.ad-placeholder{width:min(860px,calc(100% - 32px));min-height:96px;margin:0 auto 36px;border:1px dashed rgba(148,163,184,.36);border-radius:var(--radius);background:rgba(148,163,184,.06)}.tool-content{margin-bottom:0}html:not([data-theme="dark"]) .generator-panel{border-color:rgba(15,23,42,.12);background:#fff;color:#0f172a;box-shadow:0 18px 46px rgba(15,23,42,.12)}html:not([data-theme="dark"]) .generator-field{color:#0f766e}html:not([data-theme="dark"]) .generator-field select{border-color:rgba(15,23,42,.14);background:#f8fafc;color:#0f172a}html:not([data-theme="dark"]) .generator-help{color:#475569}html:not([data-theme="dark"]) .name-result{border-color:rgba(15,23,42,.12);background:#f8fafc}html:not([data-theme="dark"]) .name-result strong{color:#0f172a}html:not([data-theme="dark"]) .copy-name{border-color:rgba(15,118,110,.25);background:rgba(20,184,166,.12);color:#0f766e}html:not([data-theme="dark"]) .ad-placeholder{border-color:rgba(15,23,42,.18);background:rgba(15,23,42,.035)}@media (max-width:760px){.name-generator{width:min(100% - 24px,980px)}.generator-heading,.generator-controls{grid-template-columns:1fr;display:grid}.generator-status{text-align:left}.generator-controls .button,.generator-actions .button{width:100%}.name-results{grid-template-columns:1fr}.name-result{grid-template-columns:1fr;align-items:stretch}.name-result strong{white-space:normal}.copy-name{width:100%}.ad-placeholder{width:min(100% - 24px,860px)}}

/* Ajustes de calidad para la herramienta y revisión móvil/AdSense */
.ad-placeholder{display:none}.tool-page .article-note{margin-bottom:28px}.tool-page .article-main table{white-space:normal}@media (max-width:760px){.tool-page .article-hero h1{font-size:clamp(2.15rem,12vw,3.35rem);line-height:1.04}.tool-page .hero-copy{font-size:1.02rem;line-height:1.6}.tool-page .article-hero{padding-top:40px}.tool-page .generator-panel{padding:18px}.tool-page .name-results{gap:8px}.tool-page .name-result{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:9px 10px}.tool-page .name-result strong{white-space:nowrap}.tool-page .copy-name{width:auto;min-width:82px;min-height:44px}.cookie-banner{right:10px;bottom:10px;left:10px;width:calc(100% - 20px);max-height:34vh;overflow:auto;gap:10px;padding:12px}.cookie-banner p{font-size:.84rem;line-height:1.35}.cookie-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cookie-accept{width:auto;min-height:42px;padding:0 12px}.cookie-more{display:flex;align-items:center;justify-content:center;width:auto;text-align:center;font-size:.9rem}}

/* Herramienta: Calculadora de Robux a pesos mexicanos */
.robux-calculator{width:min(980px,calc(100% - 32px));margin:0 auto 36px}.calculator-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(21,31,49,.96),rgba(12,18,31,.98));box-shadow:var(--shadow);padding:clamp(18px,4vw,34px)}.calculator-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.calculator-heading h2{font-size:clamp(1.45rem,3vw,2.25rem)}.calculator-status{min-height:24px;margin:0;color:var(--accent-3);font-weight:900;text-align:right}.calculator-status[data-error="true"]{color:#fb7185}.calculator-controls{display:grid;grid-template-columns:minmax(200px,1fr) minmax(220px,.9fr) auto;gap:14px;align-items:end}.calculator-field{display:grid;gap:8px;color:#e0f2fe;font-weight:900}.calculator-field input,.calculator-field select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(6,9,19,.55);color:var(--ink);padding:0 14px;outline:0}.calculator-field input:focus,.calculator-field select:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px rgba(22,224,189,.12)}.quick-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}.quick-amounts button{min-height:42px;border:1px solid rgba(22,224,189,.28);border-radius:var(--radius);background:rgba(22,224,189,.1);color:var(--accent-2);padding:0 10px;font-weight:950;cursor:pointer;transition:all .3s ease}.quick-amounts button:hover{border-color:var(--accent-2);transform:translateY(-1px)}.calculator-result{display:grid;gap:6px;margin:18px 0;border:1px solid rgba(255,209,102,.38);border-radius:var(--radius);background:rgba(255,209,102,.09);padding:18px}.calculator-result span{color:#fde68a;font-weight:900;text-transform:uppercase}.calculator-result strong{color:#fff;font-size:clamp(2rem,6vw,3.1rem);line-height:1}.calculator-note,.calculator-rate-note{margin:14px 0 18px;color:var(--muted);font-weight:800}.calculator-rate-note strong{color:var(--accent-2)}.calculator-table td:first-child{font-weight:900}html:not([data-theme="dark"]) .calculator-panel{border-color:rgba(15,23,42,.12);background:#fff;color:#0f172a;box-shadow:0 18px 46px rgba(15,23,42,.12)}html:not([data-theme="dark"]) .calculator-field{color:#0f766e}html:not([data-theme="dark"]) .calculator-field input,html:not([data-theme="dark"]) .calculator-field select{border-color:rgba(15,23,42,.14);background:#f8fafc;color:#0f172a}html:not([data-theme="dark"]) .quick-amounts button{border-color:rgba(15,118,110,.25);background:rgba(20,184,166,.12);color:#0f766e}html:not([data-theme="dark"]) .calculator-result{border-color:rgba(245,158,11,.32);background:rgba(254,243,199,.7)}html:not([data-theme="dark"]) .calculator-result span{color:#92400e}html:not([data-theme="dark"]) .calculator-result strong{color:#0f172a}html:not([data-theme="dark"]) .calculator-note,html:not([data-theme="dark"]) .calculator-rate-note{color:#475569}html:not([data-theme="dark"]) .calculator-rate-note strong{color:#0f766e}@media (max-width:760px){.robux-calculator{width:min(100% - 24px,980px)}.calculator-panel{padding:18px}.calculator-heading,.calculator-controls{display:grid;grid-template-columns:1fr}.calculator-status{text-align:left}.calculator-controls .button,.calculator-panel>.button{width:100%}.quick-amounts{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-result{padding:16px}.calculator-result strong{font-size:2rem}}

/* Herramienta: Generador de contrasenas seguras para Roblox */
.password-generator{width:min(980px,calc(100% - 32px));margin:0 auto 36px}.password-panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(21,31,49,.96),rgba(12,18,31,.98));box-shadow:var(--shadow);padding:clamp(18px,4vw,34px)}.password-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.password-heading h2{font-size:clamp(1.45rem,3vw,2.25rem)}.password-status{min-height:24px;margin:0;color:var(--accent-2);font-weight:900;text-align:right}.password-status[data-error="true"]{color:#fb7185}.password-safe-note{margin:0 0 20px;border:1px solid rgba(22,224,189,.32);border-left:5px solid var(--accent-2);border-radius:var(--radius);background:rgba(22,224,189,.09);padding:14px;color:#dffcf7;font-weight:850}.password-controls{display:grid;gap:16px}.password-field,.password-output-field{display:grid;gap:8px;color:#e0f2fe;font-weight:900}.password-field input[type="range"]{width:100%;accent-color:var(--accent-2)}.password-output-field{margin-top:16px}.password-output-field input{width:100%;min-height:54px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(6,9,19,.6);color:var(--ink);padding:0 14px;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:clamp(.9rem,2.8vw,1.08rem);letter-spacing:0;outline:0}.password-output-field input:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px rgba(22,224,189,.12)}.password-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 0;border:1px solid var(--line);border-radius:var(--radius);padding:16px}.password-options legend{padding:0 8px;color:var(--accent-2);font-weight:950}.password-options label{display:flex;min-height:44px;align-items:center;gap:10px;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);background:rgba(255,255,255,.045);padding:0 12px;color:#dbeafe;font-weight:850}.password-options input{width:18px;height:18px;accent-color:var(--accent-2)}.password-actions,.password-result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.password-result-actions .button[disabled]{opacity:.5;cursor:not-allowed;transform:none}.password-strength{margin-top:18px}.password-strength-head{display:flex;justify-content:space-between;gap:14px;color:#dbeafe;font-weight:900}.password-strength-head strong{color:var(--accent-3)}.strength-track{height:12px;margin-top:10px;overflow:hidden;border-radius:999px;background:rgba(148,163,184,.22)}.strength-track span{display:block;width:0;height:100%;border-radius:999px;background:#64748b;transition:width .25s ease,background .25s ease}.password-strength[data-strength="weak"] .strength-track span{background:#fb7185}.password-strength[data-strength="medium"] .strength-track span{background:#f59e0b}.password-strength[data-strength="strong"] .strength-track span{background:#22c55e}.password-strength[data-strength="very-strong"] .strength-track span{background:linear-gradient(90deg,#16e0bd,#22c55e)}.password-warning{margin:16px 0 0;border:1px solid rgba(251,113,133,.35);border-radius:var(--radius);background:rgba(251,113,133,.1);padding:12px;color:#fecdd3;font-weight:850}.password-warning[hidden]{display:none}html:not([data-theme="dark"]) .password-panel{border-color:rgba(15,23,42,.12);background:#fff;color:#0f172a;box-shadow:0 18px 46px rgba(15,23,42,.12)}html:not([data-theme="dark"]) .password-field,html:not([data-theme="dark"]) .password-output-field{color:#0f766e}html:not([data-theme="dark"]) .password-safe-note{border-color:rgba(15,118,110,.25);background:rgba(20,184,166,.12);color:#134e4a}html:not([data-theme="dark"]) .password-output-field input{border-color:rgba(15,23,42,.14);background:#f8fafc;color:#0f172a}html:not([data-theme="dark"]) .password-options{border-color:rgba(15,23,42,.12)}html:not([data-theme="dark"]) .password-options label{border-color:rgba(15,23,42,.1);background:#f8fafc;color:#334155}html:not([data-theme="dark"]) .password-strength-head{color:#334155}html:not([data-theme="dark"]) .password-strength-head strong{color:#92400e}html:not([data-theme="dark"]) .strength-track{background:rgba(15,23,42,.12)}html:not([data-theme="dark"]) .password-warning{border-color:rgba(190,18,60,.22);background:rgba(254,226,226,.7);color:#9f1239}@media (max-width:760px){.password-generator{width:min(100% - 24px,980px)}.password-panel{padding:18px}.password-heading{display:grid;grid-template-columns:1fr}.password-status{text-align:left}.password-options{grid-template-columns:1fr;padding:14px}.password-actions,.password-result-actions{display:grid;grid-template-columns:1fr}.password-actions .button,.password-result-actions .button{width:100%}.password-output-field input{min-height:52px}.password-strength-head{align-items:flex-start;flex-direction:column;gap:4px}}

/* Directorio y tarjetas de herramientas */
.tools-showcase{padding-top:58px}.tools-showcase .section-heading{margin-bottom:18px}.tools-showcase-link{white-space:nowrap}.tool-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-card{display:flex;min-width:0;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(21,31,49,.96),rgba(12,18,31,.98));box-shadow:var(--shadow);padding:20px;transition:all .3s ease}.tool-card:hover{border-color:rgba(22,224,189,.45);transform:translateY(-4px)}.tool-card-tag{width:fit-content;border:1px solid rgba(22,224,189,.35);border-radius:999px;background:rgba(22,224,189,.1);color:var(--accent-2);padding:5px 9px;font-size:.75rem;font-weight:950;text-transform:uppercase}.tool-card h3{color:#fff}.tool-card p{margin:0;color:var(--muted)}.tool-card .read-button{margin-top:auto;width:fit-content}.tool-card-grid.compact .tool-card{padding:18px}.tools-directory-hero{padding-bottom:12px}.tools-directory{padding-top:28px}.tools-seo{margin-top:34px}html:not([data-theme="dark"]) .tool-card{border-color:rgba(15,23,42,.12);background:#fff;color:#0f172a;box-shadow:0 18px 46px rgba(15,23,42,.12)}html:not([data-theme="dark"]) .tool-card:hover{border-color:rgba(15,118,110,.38)}html:not([data-theme="dark"]) .tool-card h3{color:#0f172a}html:not([data-theme="dark"]) .tool-card p{color:#475569}html:not([data-theme="dark"]) .tool-card-tag{border-color:rgba(15,118,110,.22);background:rgba(20,184,166,.1);color:#0f766e}@media (max-width:900px){.tool-card-grid{grid-template-columns:1fr}.tools-showcase .section-heading.split{align-items:stretch}.tools-showcase-link{width:fit-content}}@media (max-width:640px){.tools-showcase{padding-top:44px}.tool-card{padding:16px}.tool-card .read-button,.tools-showcase-link{width:100%}.tools-directory{padding-top:18px}}