:root{--bg:#f3f6fb;--panel:#fff;--text:#14213a;--muted:#68758a;--line:#e3e9f2;--primary:#df5a1f;--primary2:#bd4312;--navy:#10213d;--navy2:#17345e;--ok:#15803d;--warn:#c57a08;--error:#cf3344;--info:#2868c7;--shadow:0 14px 38px rgba(24,39,75,.08);--soft-shadow:0 8px 22px rgba(24,39,75,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 0,#fff 0,#f3f6fb 34%,#eef3f9 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}.wrap{width:min(1220px,calc(100% - 30px));margin:auto}.topbar{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;padding:22px 0;border-bottom:3px solid rgba(223,90,31,.95);box-shadow:0 8px 30px rgba(16,33,61,.18)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-weight:900;font-size:25px;letter-spacing:-.4px}.subtitle{color:#bfcbe0;font-size:14px}.ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);color:#fff;padding:9px 13px;border-radius:999px;cursor:pointer}.hero{padding:32px 0 18px}.search-card,.panel,.score-card,.score-tile{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.search-card{padding:24px}.search-row{display:grid;grid-template-columns:1fr auto;gap:12px}label{display:block;font-weight:800;margin-bottom:8px}input{width:100%;padding:15px 17px;border:1px solid #dbe3ee;border-radius:13px;font-size:17px;background:#fff;color:var(--text);outline:none;box-shadow:inset 0 1px 2px rgba(15,23,42,.03)}input:focus{border-color:#f09b72;box-shadow:0 0 0 4px rgba(223,90,31,.10)}button,.button{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;padding:13px 20px;border-radius:12px;font-weight:850;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px rgba(223,90,31,.18);transition:.18s ease}button:hover,.button:hover{transform:translateY(-1px);filter:saturate(1.05)}.button.secondary{background:#eef3fa;color:#263b5d;box-shadow:none;border:1px solid #dfe7f2}.status{margin-top:14px;padding:13px 15px;border-radius:12px;background:#edf4ff;color:#1f58c7}.status.ok{background:#e9f8ef;color:var(--ok)}.status.error{background:#fff0f2;color:var(--error)}
.ranking-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 24px}.ranking-card{background:var(--panel);border:1px solid var(--line);border-radius:17px;padding:16px;box-shadow:var(--soft-shadow)}.ranking-card h2{font-size:15px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--line)}.ranking-list{display:grid}.ranking-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 2px;text-decoration:none;color:var(--text);font-size:13px;border-bottom:1px solid #edf1f6}.ranking-item:last-child{border-bottom:0}.ranking-domain{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-dot{width:8px;height:8px;border-radius:50%;background:#93a0b4;box-shadow:0 0 0 4px rgba(147,160,180,.10)}.ranking-dot.good{background:#28a05a}.ranking-dot.warn{background:#e0a21d}.ranking-dot.bad{background:#d94a58}.ranking-item strong{font-size:12px;color:var(--muted)}
.result-section{padding-bottom:36px}.summary-grid{display:grid;grid-template-columns:250px 1fr;gap:18px;margin:8px 0 26px}.score-card{text-align:center;padding:27px}.score-ring{width:154px;height:154px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) calc(var(--score)*1%),#edf1f6 0);position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.03)}.score-ring:before{content:"";position:absolute;width:118px;height:118px;border-radius:50%;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:inset 0 2px 10px rgba(25,40,70,.05)}.score-ring div{position:relative;display:flex;align-items:baseline;gap:2px}.score-ring strong{font-size:40px;letter-spacing:-1px}.score-ring span{font-size:13px;color:var(--muted)}.score-card h2{margin:16px 0 0}.score-card p{margin:2px 0 0;color:var(--muted);font-size:13px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:19px 20px;border-bottom:1px solid var(--line)}.panel-head h1,.panel-head h3{margin:0}.panel-head h3{font-size:17px}.panel-body{padding:20px}.overview-head{align-items:flex-start}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:var(--primary)}.domain-overview h1{font-size:28px;line-height:1.2;margin-top:5px}.domain-line{margin:5px 0 0;color:var(--info);font-weight:750}.site-description{max-width:760px;color:#526078;margin:12px 0 0}.meta-line{font-size:12px;margin-top:12px}.muted{color:var(--muted)}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:430px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0}.stat{padding:18px 20px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.stat b{font-size:24px;display:block;margin-top:3px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:34px 0 13px}.section-title span{font-size:24px;font-weight:900;letter-spacing:-.3px}.section-title small{color:var(--muted);font-size:13px;font-weight:500}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.badge{font-size:11px;padding:6px 10px;border-radius:999px;background:#edf3fb;color:#385170;font-weight:800;white-space:nowrap}.record{background:linear-gradient(145deg,#111b2f,#17243b);color:#dff7e6;border-radius:13px;padding:16px;white-space:pre-wrap;word-break:break-word;overflow:auto;min-height:52px;margin:0;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid rgba(255,255,255,.06)}.empty-state{min-height:82px;display:grid;place-items:center;color:var(--muted);text-align:center}.empty-state span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f1f4f8}.empty-state p{margin:5px 0 0}.diagnostics{padding:17px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.diagnostic{display:grid;grid-template-columns:38px 1fr;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:#fff}.diag-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:#eef4ff;color:var(--info)}.diagnostic.ok .diag-icon{background:#e9f8ef;color:var(--ok)}.diagnostic.warning .diag-icon{background:#fff5df;color:var(--warn)}.diagnostic.error .diag-icon{background:#fff0f2;color:var(--error)}.diagnostic p{margin:3px 0 0;color:var(--muted);font-size:13px}
.score-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.score-tile{padding:16px;box-shadow:var(--soft-shadow)}.score-tile-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.score-tile-top span{font-size:11px;letter-spacing:.08em;font-weight:900;color:var(--muted)}.score-tile-top strong{font-size:20px}.soft-meter{height:7px;border-radius:999px;background:#edf1f6;overflow:hidden}.soft-meter span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef9b72,var(--primary));box-shadow:0 0 10px rgba(223,90,31,.24)}
.detail-list{display:grid}.detail-row{display:grid;grid-template-columns:minmax(145px,.85fr) minmax(0,1.4fr);gap:16px;padding:10px 0;border-bottom:1px solid #edf1f6}.detail-row:last-child{border-bottom:0}.detail-key{font-weight:750;color:#27364e}.detail-value{color:var(--muted);word-break:break-word}.detail-ok{color:var(--ok);font-weight:800}.detail-no{color:var(--error);font-weight:800}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.security-item{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:12px;background:#fbfcfe}.status-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;font-weight:900}.security-item.is-ok .status-icon{background:#e7f7ed;color:var(--ok)}.security-item.is-missing .status-icon{background:#f2f4f7;color:#7f8a9b}.security-item strong{display:block;font-size:13px}.security-item small{display:block;color:var(--muted);font-size:11px;margin-top:1px}
.propagation-card .panel-body{padding:0}.propagation-summary{display:flex;align-items:center;gap:12px;padding:17px 20px;border-bottom:1px solid var(--line)}.summary-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-weight:900}.propagation-summary.is-ok .summary-icon{background:#e7f7ed;color:var(--ok)}.propagation-summary.is-warn .summary-icon{background:#fff4dc;color:var(--warn)}.propagation-summary strong{display:block}.propagation-summary p{margin:2px 0 0;color:var(--muted);font-size:12px}.resolver-table{width:100%}.resolver-head,.resolver-row{display:grid;grid-template-columns:1.05fr 1fr 1.5fr 1fr;gap:16px;align-items:center;padding:12px 20px}.resolver-head{background:#f8fafc;color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.09em;font-weight:900}.resolver-row{border-top:1px solid #edf1f6;font-size:13px}.resolver-name{display:flex;align-items:center;gap:9px}.resolver-dot{width:9px;height:9px;border-radius:50%}.resolver-dot.fast{background:#28a05a}.resolver-dot.medium{background:#e2a320}.resolver-dot.slow{background:#d94a58}.resolver-row code{font-size:12px;color:#43536b}.resolver-results{word-break:break-word;color:#445269}.latency span{display:block;font-weight:800;font-size:12px}.latency-track{display:block;height:4px;border-radius:99px;background:#edf1f6;margin-top:6px;overflow:hidden}.latency-track b{display:block;height:100%;background:linear-gradient(90deg,#6abf8c,#df9b4d);border-radius:inherit}.footer{text-align:center;color:var(--muted);padding:28px}.inline-form{display:inline;margin:0}.inline-form button{white-space:nowrap}.theme-check{position:fixed;left:-9999px}.site-shell{min-height:100vh}.theme-label{display:inline-block;margin:0;font-weight:800}
@media(max-width:1050px){.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.score-tiles{grid-template-columns:repeat(3,1fr)}.summary-grid{grid-template-columns:220px 1fr}.security-grid{grid-template-columns:1fr}}
@media(max-width:760px){.summary-grid,.grid{grid-template-columns:1fr}.diagnostics{grid-template-columns:1fr}.score-tiles{grid-template-columns:repeat(2,1fr)}.resolver-head{display:none}.resolver-row{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.section-title{display:block}.section-title small{display:block;margin-top:2px}.overview-head{display:block}.actions{justify-content:flex-start;margin-top:16px;max-width:none}.search-row{grid-template-columns:1fr}.topbar-inner{align-items:flex-start}}
@media(max-width:520px){.ranking-grid,.score-tiles{grid-template-columns:1fr}.resolver-row{grid-template-columns:1fr}.detail-row{grid-template-columns:1fr;gap:3px}.actions .button,.actions .inline-form,.actions .inline-form button{width:100%;text-align:center}.domain-overview h1{font-size:23px}}
/* Tema oscuro sin JavaScript */
.theme-check:checked + .site-shell{--bg:#0b1320;--panel:#121d2d;--text:#edf3ff;--muted:#9dadc4;--line:#27364c;--primary:#ef7440;--primary2:#d65b25;--navy:#08111e;--navy2:#132a4b;--shadow:0 16px 40px rgba(0,0,0,.28);--soft-shadow:0 10px 26px rgba(0,0,0,.22);background:#0b1320}
.theme-check:checked + .site-shell .search-card,.theme-check:checked + .site-shell .panel,.theme-check:checked + .site-shell .score-card,.theme-check:checked + .site-shell .score-tile,.theme-check:checked + .site-shell .ranking-card{background:#121d2d}
.theme-check:checked + .site-shell input,.theme-check:checked + .site-shell .diagnostic,.theme-check:checked + .site-shell .security-item{background:#101a29;color:#edf3ff;border-color:#27364c}
.theme-check:checked + .site-shell .resolver-head{background:#0f1928}
.theme-check:checked + .site-shell .resolver-row,.theme-check:checked + .site-shell .detail-row,.theme-check:checked + .site-shell .ranking-item{border-color:#27364c}
.theme-check:checked + .site-shell .button.secondary{background:#203149;color:#eaf1fc;border-color:#31445f}
.theme-check:checked + .site-shell .score-ring:before{background:#121d2d}
.theme-check:checked + .site-shell .soft-meter,.theme-check:checked + .site-shell .latency-track{background:#26354a}