/* JAK Design · Herramientas tecnológicas V17 */
.tools-page{background:linear-gradient(180deg,#fffaf2 0%,#f8f5ff 48%,#fffaf2 100%)}
.tools-hero{position:relative;overflow:hidden;background:linear-gradient(145deg,#12072b 0%,#2d1163 48%,#16557f 100%);color:#fff;padding:clamp(64px,8vw,108px) 0 78px}
.tools-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 18% 28%,rgba(34,211,238,.25),transparent 20%),radial-gradient(circle at 82% 20%,rgba(251,191,36,.20),transparent 20%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,38px 38px,38px 38px}
.tools-hero .wrap{position:relative;z-index:2}.tools-kicker{display:inline-flex;gap:8px;align-items:center;font-family:var(--mono);font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;color:#a5f3fc;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:8px 12px}
.tools-hero h1{max-width:870px;margin:18px 0 20px;font-size:clamp(2.7rem,6vw,5.4rem)}.tools-hero h1 em{font-style:italic;color:#fbbf24}.tools-hero p{max-width:760px;color:rgba(255,255,255,.82);font-size:1.08rem}.tools-hero-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.tools-hero-links a{display:inline-flex;align-items:center;gap:8px;padding:12px 17px;border-radius:999px;font-weight:700}.tools-hero-links .primary{background:#fff;color:#1b0b3a}.tools-hero-links .ghost{border:1px solid rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}
.tools-nav{margin-top:-30px;position:relative;z-index:4}.tools-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:rgba(255,255,255,.92);border:1px solid rgba(45,17,99,.1);box-shadow:0 18px 50px rgba(45,17,99,.13);border-radius:20px;padding:12px;backdrop-filter:blur(16px)}.tools-nav-grid a{padding:14px 12px;border-radius:14px;text-align:center;font-weight:700;font-size:.88rem;color:#3d3357}.tools-nav-grid a:hover{background:#f3edff;color:#2d1163}.tools-nav-grid span{display:block;font-size:1.3rem;margin-bottom:3px}
.tools-main{padding:48px 0 90px}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tool-card{background:#fff;border:1px solid rgba(45,17,99,.10);border-radius:24px;box-shadow:0 15px 45px rgba(45,17,99,.08);overflow:hidden;scroll-margin-top:100px}.tool-card.wide{grid-column:1/-1}.tool-head{display:flex;gap:14px;align-items:flex-start;padding:24px 26px 17px;border-bottom:1px solid #eee5f5}.tool-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:1.45rem;background:linear-gradient(135deg,#ede9fe,#cffafe);flex:0 0 auto}.tool-head h2{font-family:var(--sans);font-size:1.28rem;font-weight:800;letter-spacing:-.02em}.tool-head p{margin:5px 0 0;color:#6b6480;font-size:.91rem;line-height:1.5}.tool-body{padding:24px 26px 28px}.tool-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#6b6480;font-weight:800}.ip-display{font-family:var(--mono);font-size:clamp(1.25rem,3vw,2rem);font-weight:700;color:#2d1163;margin:7px 0 12px;overflow-wrap:anywhere}.tool-meta{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 10px;border-radius:999px;background:#f7f2fc;color:#514764;font-size:.78rem;font-weight:700}.tool-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.tool-btn{border:0;border-radius:12px;background:#2d1163;color:white;padding:11px 15px;font-weight:800;cursor:pointer}.tool-btn.secondary{background:#f4eefb;color:#2d1163}.tool-btn:hover{transform:translateY(-1px)}
.lookup-form{display:grid;grid-template-columns:1fr auto;gap:10px}.lookup-form input{width:100%;padding:13px 15px;border:1px solid #dcd0e7;border-radius:12px;background:#fff;font:500 1rem var(--mono);color:#1a1033;outline:none}.lookup-form input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.10)}.lookup-result{margin-top:18px;display:none}.lookup-result.show{display:block}.lookup-cells{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lookup-cell{background:#faf7fd;border:1px solid #eee4f5;border-radius:12px;padding:10px 12px}.lookup-cell b{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.07em;color:#82778f}.lookup-cell span{display:block;margin-top:2px;font-weight:700;overflow-wrap:anywhere}.tool-note{font-size:.82rem;color:#756c80;line-height:1.55;margin-top:13px}.tool-error{padding:11px 13px;border-radius:12px;background:#fff0f3;color:#9f1239;font-weight:700;font-size:.86rem}
.connection-layout{display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:center}.signal-gauge{--score:0;width:160px;height:160px;border-radius:50%;background:conic-gradient(#22d3ee calc(var(--score)*1%),#eee7f2 0);display:grid;place-items:center;position:relative;margin:auto}.signal-gauge:before{content:"";position:absolute;inset:15px;border-radius:50%;background:#fff}.signal-gauge .inside{position:relative;z-index:2;text-align:center}.signal-gauge strong{display:block;font-size:2rem;color:#2d1163}.signal-gauge small{display:block;color:#756c80;font-size:.72rem}.connection-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric{border:1px solid #eee4f5;border-radius:13px;padding:12px;background:#faf8fd}.metric b{display:block;color:#766b85;font-size:.69rem;text-transform:uppercase;letter-spacing:.07em}.metric span{display:block;font-family:var(--mono);font-size:1rem;font-weight:700;margin-top:2px;color:#25133f}.signal-bars{height:42px;display:flex;align-items:end;gap:5px;margin:12px 0 4px}.signal-bars i{display:block;width:14px;border-radius:4px 4px 2px 2px;background:#dfd8e6;transition:.25s}.signal-bars i:nth-child(1){height:10px}.signal-bars i:nth-child(2){height:18px}.signal-bars i:nth-child(3){height:26px}.signal-bars i:nth-child(4){height:34px}.signal-bars i:nth-child(5){height:42px}.signal-bars i.on{background:linear-gradient(#22d3ee,#7c3aed)}
.speed-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 20px}.speed-metric{border-radius:18px;padding:20px;background:linear-gradient(145deg,#241046,#35156f);color:#fff;min-height:126px}.speed-metric b{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:.67rem;color:#c4b5fd}.speed-metric strong{display:block;font-family:var(--mono);font-size:clamp(1.65rem,3vw,2.4rem);margin-top:11px}.speed-metric small{color:rgba(255,255,255,.65)}.speed-progress{height:8px;background:#eee7f2;border-radius:999px;overflow:hidden;margin:15px 0}.speed-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#22d3ee,#7c3aed,#f97316);transition:width .25s}.speed-status{font-weight:700;color:#514764;min-height:24px}.speed-disclaimer{font-size:.8rem;color:#756c80;line-height:1.55;margin-top:14px}
.tools-service{margin-top:28px;border-radius:24px;padding:30px;background:linear-gradient(135deg,#fff3df,#f2eaff);border:1px solid #eadcc9;display:grid;grid-template-columns:1.3fr auto;gap:24px;align-items:center}.tools-service h2{font-family:var(--sans);font-size:1.35rem;font-weight:850}.tools-service p{margin:7px 0 0;color:#625872}.wa-action{display:inline-flex;align-items:center;justify-content:center;background:#16a34a;color:white;border-radius:14px;padding:13px 18px;font-weight:850;white-space:nowrap}
.tools-faq{margin-top:48px}.tools-faq h2{font-size:2rem;margin-bottom:18px}.tools-faq details{background:#fff;border:1px solid #e9e0ef;border-radius:14px;padding:14px 16px;margin:9px 0}.tools-faq summary{font-weight:800;cursor:pointer}.tools-faq p{color:#655b72;margin:10px 0 0}
@media(max-width:850px){.tools-nav-grid{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:1fr}.tool-card.wide{grid-column:auto}.connection-layout{grid-template-columns:1fr}.speed-panel{grid-template-columns:1fr}.tools-service{grid-template-columns:1fr}.lookup-cells{grid-template-columns:1fr}}
@media(max-width:520px){.tools-nav-grid{grid-template-columns:1fr 1fr}.tool-head,.tool-body{padding-left:18px;padding-right:18px}.lookup-form{grid-template-columns:1fr}.tools-hero{padding-top:48px}.tools-nav{margin-top:-20px}}