:root{--bg:#f6f8fb;--card:#fff;--text:#0f162a;--muted:#5d6b82;--line:#e2e8f0;--brand:#f90b1f;--brand-d:#c40818;
--ok:#1b8a4b;--warn:#c27c0e;--bad:#c62f2f;--radius:12px}
*{box-sizing:border-box}
body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--brand)}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.block{padding:36px 20px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.muted{color:var(--muted)}.small{font-size:.875rem}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;flex-wrap:wrap}
.brand{font-weight:700;font-size:1.15rem;text-decoration:none;color:var(--text)}
.nav{display:flex;gap:6px;flex-wrap:wrap}
.nav a{padding:6px 12px;border-radius:8px;text-decoration:none;color:var(--text)}
.nav a:hover,.nav a[aria-current]{background:#fdecee;color:var(--brand-d)}
.site-footer{border-top:1px solid var(--line);background:#fff;padding:24px 0;margin-top:40px}
.hero{background:linear-gradient(180deg,#fdecee,var(--bg));padding:48px 0 28px;text-align:center}
.hero h1{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 8px;line-height:1.2}
.lead{font-size:1.1rem;color:var(--muted);max-width:680px;margin:0 auto 20px}
.block .lead{margin-left:0}
.url-form{display:flex;gap:8px;max-width:640px;margin:0 auto 10px}
.url-form input{flex:1;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);font-size:1rem;min-width:0}
.btn{display:inline-block;background:var(--brand);color:#fff;border:0;border-radius:var(--radius);padding:12px 22px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--brand-d)}
.btn.ghost{background:#fff;color:var(--brand);border:1px solid var(--brand)}
.btn[disabled]{opacity:.6;cursor:wait}
.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;margin:16px auto;max-width:640px;text-align:left}
.panel.err{border-color:var(--bad);color:var(--bad)}
.panel.cta{max-width:none;background:#fdecee;border-color:#f6c4ca}
.bar-track{height:10px;background:var(--line);border-radius:6px;overflow:hidden}
.bar-fill{height:100%;width:0;background:var(--brand);transition:width .4s}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
.card h3{margin:0 0 6px;font-size:1.05rem}
.card p{margin:0;color:var(--muted)}
.card.link{text-decoration:none;color:inherit;display:block}.card.link:hover{border-color:var(--brand)}
.card.dim{opacity:.75}
.badge{display:inline-block;padding:1px 9px;border-radius:99px;font-size:.75rem;font-weight:700;vertical-align:middle;background:#eef1f6;color:var(--muted)}
.badge.critico{background:#fde8e8;color:var(--bad)}.badge.importante{background:#fdf1dc;color:var(--warn)}
.badge.mejora{background:#e4f3ea;color:var(--ok)}.badge.soon{background:#eef1f6;color:var(--muted)}
.linklist{columns:2;padding-left:18px}.linklist li{margin:4px 0}
.plan .price{font-size:1.8rem;font-weight:700;color:var(--text);margin:6px 0}
.ticks{list-style:none;padding:0;margin:12px 0}.ticks li{padding-left:22px;position:relative;margin:6px 0}
.ticks li:before{content:"✓";position:absolute;left:0;color:var(--ok);font-weight:700}
.stack{display:grid;gap:12px}.stack label{display:grid;gap:4px;font-weight:600}
.stack input[type=email],.stack select{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:1rem}
.check{display:flex!important;grid-template-columns:none;gap:8px;font-weight:400!important;align-items:flex-start}
.steps li{margin:8px 0}
/* informe */
.rep-head{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:28px 0 8px}
.score{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;font-size:2.6rem;font-weight:800;border:10px solid var(--ok);color:var(--ok);background:#fff}
.score.mid{border-color:var(--warn);color:var(--warn)}.score.bad{border-color:var(--bad);color:var(--bad)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0}
.cat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}
.cat .bar-fill.mid{background:var(--warn)}.cat .bar-fill.bad{background:var(--bad)}.cat .bar-fill.ok{background:var(--ok)}
.issue{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin:10px 0}
.issue summary{padding:14px 16px;cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:600}
.issue .body{padding:0 16px 16px}
.issue.locked{opacity:.65;padding:14px 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:600}
.urls{font-size:.9rem;word-break:break-all;padding-left:18px}
.unlock{background:#fdecee;border:1px solid #f6c4ca;border-radius:var(--radius);padding:20px;margin:20px 0}
table.pages{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}
table.pages th,table.pages td{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;word-break:break-all}
.tablewrap{overflow-x:auto}
.good{columns:2;padding-left:18px;color:var(--ok)}
.hops{padding-left:20px}.hops li{margin:8px 0;word-break:break-all}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
textarea{padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;width:100%}
.stack input[type=text]{padding:12px;border:1px solid var(--line);border-radius:10px;font-size:1rem;width:100%}
.check-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.dot{flex:none;width:12px;height:12px;border-radius:50%;margin-top:7px;background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}
.tag{display:inline-block;background:#fdecee;color:var(--brand-d);border-radius:99px;padding:2px 10px;margin:3px;font-size:.9rem}
.tag.miss{background:#fde8e8;color:var(--bad)}
.serp{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;max-width:652px;font-family:Arial,sans-serif}
.serp.mobile{max-width:380px}
.serp-site{color:#202124;font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.serp-title{color:#1a0dab;font-size:20px;line-height:1.3;margin:2px 0 4px}
.serp-desc{color:#4d5156;font-size:14px;line-height:1.58}
.serp-title.cut,.serp-desc.cut{white-space:normal}
.tabs{display:flex;gap:8px;margin:8px 0}
@media(max-width:640px){.url-form{flex-direction:column}.linklist,.good{columns:1}}
@media print{.site-header,.site-footer,.hero,.actions,.unlock,#marketing{display:none!important}
.issue{break-inside:avoid}.issue .body{display:block}}
/* seguimiento de posiciones */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px}
.stat b{display:block;font-size:1.6rem}
.up{color:var(--ok);font-weight:700}.down{color:var(--bad);font-weight:700}
.actions select{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:1rem;background:#fff;max-width:100%}
.chart{width:100%;height:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}
.chart .line{fill:none;stroke:var(--brand);stroke-width:2}
.chart .line2{fill:none;stroke:var(--ok);stroke-width:2}
.chart text{font-size:11px;fill:var(--muted)}
.chart .grid{stroke:var(--line);stroke-width:1}
#gsc-report table.pages th{word-break:normal;white-space:nowrap}
#gsc-report table.pages td+td{white-space:nowrap;word-break:normal}