:root{
    --bg:#FBF6EF; --bg-soft:#F6EFE5; --ink:#221A13; --ink-soft:#6E635A; --navy:#171B12;
    --a1:#ecde69; --a2:#bcd47a; --a3:#8ed392; --deep:#4E7C3F; --wk:#3E7A2E;
    --sb-a0:#6F8B60; --sb-a1:#4E7C3F; --sb-a2:#2F7A1B;   
    --grad:linear-gradient(120deg,#ecde69 0%,#bcd47a 45%,#8ed392 100%);
    /* El CTA de la landing (.btn-cta): el mismo lima, en bucle para que el
       degradado se mueva, y su tinta. Los mismos en claro y en oscuro. */
    --grad-cta:linear-gradient(120deg,#ecde69,#bcd47a 30%,#8ed392 60%,#bcd47a 80%,#ecde69);
    --ink-on-grad:#221A13;
    --glass-bg:rgba(255,255,255,.34); --glass-bg-strong:rgba(255,255,255,.62); --glass-border:rgba(255,255,255,.7);
    --glass-shadow:0 18px 48px -18px rgba(50,60,35,.22), 0 4px 14px -6px rgba(50,60,35,.10);
    --hairline:rgba(34,26,19,.08); --track:rgba(34,26,19,.08);
    --field:rgba(255,255,255,.6); --field-bd:rgba(34,26,19,.14);
    --crit:#D64550; --crit-t:#C0374A; --crit-bg:rgba(214,69,80,.12); --crit-bd:rgba(214,69,80,.34);
    --imp:#E0954A;  --imp-t:#A9631B;  --imp-bg:rgba(224,149,74,.15); --imp-bd:rgba(224,149,74,.36);
    --mej:#8ed392;  --mej-t:#4E7C3F;  --mej-bg:rgba(142,211,146,.16); --mej-bd:rgba(142,211,146,.42);
    --ok:#4E7C3F; --warn:#E0954A; --warn-t:#A9631B;
    --sp1:#4E7C3F; --sp2:#6FA85A; --sp3:#bcd47a; --sp4:#e0c34a; --sp5:#c98a4b;
    --info:#5a86ad;
    --locked:#C3BCA8; --locked-a:rgba(34,26,19,.16); --locked-b:rgba(34,26,19,.06);
    --radius:22px; --radius-lg:30px;
    --font:'Google Sans Flex','Manrope',system-ui,-apple-system,sans-serif; --font-head:'Sora',var(--font); --maxw:960px;
  }
  html[data-theme="dark"]{
    --bg:#12160E; --bg-soft:#181D12; --ink:#F4F6EC; --ink-soft:#B9C2AC; --wk:#9FD3A6;
    --glass-bg:rgba(32,38,25,.44); --glass-bg-strong:rgba(32,38,25,.62); --glass-border:rgba(255,255,255,.12);
    --glass-shadow:0 18px 48px -18px rgba(0,0,0,.65), 0 4px 14px -6px rgba(0,0,0,.45);
    --hairline:rgba(255,255,255,.1); --track:rgba(255,255,255,.09);
    --field:rgba(255,255,255,.06); --field-bd:rgba(255,255,255,.16);
    --crit-t:#F0919B; --crit-bg:rgba(214,69,80,.16); --crit-bd:rgba(214,69,80,.4);
    --imp-t:#E7B27A;  --imp-bg:rgba(224,149,74,.14); --imp-bd:rgba(224,149,74,.32);
    --mej-t:#9FD3A6;  --mej-bg:rgba(142,211,146,.12); --mej-bd:rgba(142,211,146,.28);
    --ok:#9FD3A6; --deep:#9FD3A6; --warn-t:#E7B27A; --sp2:#8FC47A; --sp4:#E7CE6A; --sp5:#E0A46A; --info:#93b9dd; --locked:#5A6350;
    --sb-a0:#8CAE82; --sb-a1:#9FD3A6; --sb-a2:#C8EC7E;   
    --locked-a:rgba(255,255,255,.15); --locked-b:rgba(255,255,255,.05);
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:16px}   
  html{overflow-x:hidden;scrollbar-gutter:stable}   
  body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;position:relative;transition:background .4s,color .4s}
  body::before,body::after{content:"";position:fixed;border-radius:50%;filter:blur(90px);z-index:0;pointer-events:none}
  body::before{width:640px;height:640px;top:-280px;right:-180px;background:rgba(142,211,146,.20)}
  body::after{width:540px;height:540px;bottom:-240px;left:-190px;background:rgba(236,222,105,.16)}
  html[data-theme="dark"] body::before{background:rgba(142,211,146,.10)}
  html[data-theme="dark"] body::after{background:rgba(236,222,105,.07)}
  h1,h2,h3,h4{font-family:var(--font-head);line-height:1.14;letter-spacing:-.02em;font-weight:700}
  a{color:inherit} strong{font-weight:700}
  .wk{color:var(--wk);font-weight:700}
  .inline-link{color:var(--wk);font-weight:700;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
  .paren{font-size:.72em;font-style:italic;font-weight:600;opacity:.8;letter-spacing:0}
  .t-ok{color:var(--ok)} .t-warn{color:var(--warn-t)}
  .announce{position:relative;z-index:5;text-align:center;padding:9px 20px;font-size:.83rem;font-weight:600;color:var(--navy);background:linear-gradient(90deg,rgba(236,222,105,.92),rgba(188,212,122,.92) 45%,rgba(142,211,146,.92))}
  .wrap{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:0 24px 40px}
  .topbar{position:relative;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 0 12px;background:transparent;border:none}   
  .plan-head-pill{display:none!important}   
  .topbar::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
  .topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0,var(--hairline) 16%,var(--hairline) 84%,transparent 100%)}
  .brand{display:flex;align-items:center;gap:.6em;font-family:var(--font-head);font-weight:800;letter-spacing:.03em;font-size:1.05rem}
  .logo-crop{width:38px;height:38px;border-radius:50%;overflow:hidden;flex-shrink:0;display:block}
  .logo-crop img{width:100%;height:100%;display:block;transform:scale(1.22)}
  .theme-toggle{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--ink-soft);border-radius:999px;padding:8px 14px;font-family:var(--font);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .2s,border-color .2s}
  .theme-toggle:hover{color:var(--ink);border-color:var(--a2)} .theme-toggle svg{width:15px;height:15px}
  .acct{position:relative;display:inline-flex}
  .acct-login{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-soft);border-radius:999px;padding:8px 15px;font-family:var(--font);font-weight:700;font-size:.85rem;cursor:pointer;transition:color .15s,border-color .15s}
  .acct-login:hover{color:var(--ink);border-color:var(--a2)} .acct-login svg{width:15px;height:15px}
  .acct-btn{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:6px 12px 6px 6px;cursor:pointer;transition:border-color .15s}
  .acct-btn:hover{border-color:var(--a2)}
  .acct-av{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;font-size:.74rem;color:#182013;background:var(--grad)}
  .acct-email{font-family:var(--font);font-weight:700;font-size:.82rem;color:var(--ink);max-width:38vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .acct-chev{width:14px;height:14px;color:var(--ink-soft);flex-shrink:0;transition:transform .18s}
  .acct-btn[aria-expanded="true"] .acct-chev{transform:rotate(180deg)}
  .acct-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:min(340px,86vw);background:rgba(26,31,20,.975);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 20px 48px -16px rgba(0,0,0,.6);padding:10px;display:flex;flex-direction:column;gap:2px}
  .acct-menu[hidden]{display:none}
  .acct-menu-h{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);opacity:.8;padding:6px 8px 4px}
  .acct-doms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
  .acct-dom{display:flex;align-items:center;gap:6px;border-radius:10px;transition:background .15s}
  .acct-dom:hover{background:var(--glass-bg-strong)}
  .acct-dom-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:8px 8px;text-decoration:none;color:inherit;cursor:pointer}
  .acct-dom-name{font-weight:700;font-size:.88rem;color:var(--ink)}
  .acct-dom-meta{font-size:.74rem;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;line-height:1.3}
  .acct-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
  .acct-dot.ok{background:#63b56a} .acct-dot.warn{background:#e0954a} .acct-dot.bad{background:#d64550}
  .acct-dom-del{flex-shrink:0;width:30px;height:30px;margin-right:4px;border:none;background:none;border-radius:8px;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
  .acct-dom-del:hover{background:rgba(214,69,80,.16);color:#e6707a} .acct-dom-del svg{width:16px;height:16px}
  .acct-dom-transfer{flex-shrink:0;width:30px;height:30px;border:none;background:none;border-radius:8px;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
  .acct-dom-transfer:hover{background:var(--glass-bg-strong);color:var(--deep)} .acct-dom-transfer svg{width:15px;height:15px}
  html[data-theme="dark"] .acct-dom-transfer:hover{color:var(--ok)}
  .acct-dom-addpages{flex-shrink:0;width:30px;height:30px;border:none;background:none;border-radius:8px;color:var(--ink-soft);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
  .acct-dom-addpages:hover{background:var(--glass-bg-strong);color:var(--deep)} .acct-dom-addpages svg{width:15px;height:15px}
  html[data-theme="dark"] .acct-dom-addpages:hover{color:var(--ok)}
  .acct-add-dom{display:flex;align-items:center;gap:9px;width:100%;border:1px dashed var(--field-bd);background:none;border-radius:10px;padding:9px 10px;margin:4px 0 2px;font-family:var(--font);font-weight:700;font-size:.84rem;color:var(--deep);cursor:pointer;transition:background .15s,border-color .15s}
  .acct-add-dom:hover{background:var(--mej-bg);border-color:var(--deep)} .acct-add-dom svg{width:16px;height:16px;flex-shrink:0}
  html[data-theme="dark"] .acct-add-dom{color:var(--ok)}
  .acct-transfer-inline{font-family:var(--font);font-weight:700;font-size:inherit;color:var(--deep);background:none;border:none;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}
  html[data-theme="dark"] .acct-transfer-inline{color:var(--ok)}
  .acct-menu-sep{height:1px;background:var(--hairline);margin:8px 4px}
  .acct-menu-act{display:flex;align-items:center;gap:9px;width:100%;border:none;background:none;border-radius:10px;padding:9px 10px;font-family:var(--font);font-weight:600;font-size:.85rem;color:var(--ink);cursor:pointer;transition:background .15s}
  .acct-menu-act:hover{background:var(--glass-bg-strong)} .acct-menu-act svg{width:16px;height:16px;color:var(--ink-soft);flex-shrink:0}
  .acct-logout{color:#e6707a} .acct-logout svg{color:#e6707a}
  @media (max-width:560px){ .acct-email{max-width:110px} }
  .eyebrow{display:inline-flex;align-items:center;gap:.55em;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--deep);background:rgba(188,212,122,.14);border:1px solid rgba(188,212,122,.3);padding:.42em 1em;border-radius:999px}
  html[data-theme="dark"] .eyebrow{color:#DFEDCB;background:rgba(18,24,15,.5);border-color:rgba(188,212,122,.4)}
  .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--grad);animation:pulse 2s infinite}
  @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(142,190,120,.5)}55%{box-shadow:0 0 0 7px rgba(142,190,120,0)}}
  .tag-biz{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:800;letter-spacing:.04em;color:var(--deep);background:rgba(188,212,122,.16);border:1px solid rgba(188,212,122,.34);padding:.22em .62em;border-radius:999px;white-space:nowrap}
  html[data-theme="dark"] .tag-biz{color:#DFEDCB;background:rgba(188,212,122,.14)}
  .tag-biz svg{width:11px;height:11px;flex-shrink:0}
  .tag-biz-lg{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;letter-spacing:.03em;color:var(--deep);background:rgba(188,212,122,.18);border:1px solid rgba(188,212,122,.4);padding:.55em 1.1em;border-radius:999px;white-space:nowrap}
  html[data-theme="dark"] .tag-biz-lg{color:#DFEDCB;background:rgba(188,212,122,.16)}
  .tag-biz-lg svg{width:19px;height:19px}
  .sec-mark{display:flex;align-items:center;gap:12px;margin:56px 0 18px;scroll-margin-top:82px}
  .sec-mark .num{font-family:var(--font-head);font-weight:800;font-size:.8rem;color:var(--ink-soft);opacity:.55;letter-spacing:.05em}
  .sec-mark h2{font-size:clamp(1.35rem,3.2vw,1.75rem)}
  .closing-head{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:64px 0 20px}
  .closing-head h2{font-size:clamp(1.35rem,3.2vw,1.75rem)}
  .glass{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.85),inset 0 -1px 0 rgba(255,255,255,.25)}
  html[data-theme="dark"] .glass{box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.35)}
  .hero{padding:30px 0 6px;position:relative}
  .hero-share{position:absolute;top:50%;right:0;transform:translateY(-50%);z-index:3;display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-weight:700;font-size:.9rem;color:var(--ink-soft);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:999px;padding:.6em 1.15em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}   
  .hero-share:hover{color:var(--ink);border-color:var(--ink-soft)}
  .hero-share svg{width:18px;height:18px;flex:none}
  @media(max-width:720px){.hero-share{position:static;margin:0 0 14px auto}}
  .hero-top{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:nowrap}   
  .hero-main{flex:1 1 0;min-width:0}
  .hero-cta{align-self:center;margin-left:auto}
  .hero-cta{flex:none;display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-weight:800;font-size:.95rem;color:var(--navy);background:var(--grad);background-size:150% 150%;border:1px solid transparent;border-radius:999px;padding:.8em 1.35em;cursor:pointer;box-shadow:0 12px 28px -10px rgba(126,178,106,.6),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s,box-shadow .2s}
  .hero-cta svg{width:20px;height:20px;flex:none}
  .hero-cta:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(126,178,106,.72),inset 0 1px 0 rgba(255,255,255,.35)}
  @media(max-width:720px){.hero-top{gap:16px;flex-wrap:wrap}.hero-cta{width:100%;justify-content:center}}
  .hero .eyebrow{margin-bottom:1.1rem}
  .hero h1{font-size:clamp(1.85rem,4.6vw,2.6rem);line-height:1.12;max-width:34ch;margin-bottom:.45rem;padding-left:1.55em}
  .h1-ic{display:inline-flex;width:1.2em;height:1em;justify-content:center;align-items:center;margin-left:-1.6em;margin-right:.4em;vertical-align:-.14em}
  .hero-lead{font-size:clamp(1rem,2.2vw,1.15rem);color:var(--ink-soft);max-width:58ch} .hero-lead strong{color:var(--ink)}
  .scan-panel{margin-top:22px;padding:16px 22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(236,222,105,.18),rgba(188,212,122,.15) 45%,rgba(142,211,146,.18)),var(--glass-bg)}
  .scan-main{display:flex;flex-direction:column;gap:4px;min-width:0}
  .scan-eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);opacity:.7}
  .scan-url{font-size:clamp(1.25rem,3.2vw,1.6rem);word-break:break-all}
  .scan-url-link{color:inherit;text-decoration:none;display:inline-block}
  .scan-url-link:hover .scan-path,.scan-url-link:hover{text-decoration:underline}
  .scan-url-link:focus-visible{outline:2px solid var(--a3);outline-offset:3px;border-radius:4px}
  .scan-url-paid{color:inherit}
  .scan-url{display:flex;align-items:center;flex-wrap:wrap}
  .scan-fav{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;overflow:hidden;flex:none;margin-right:10px;background:#fff;border:1px solid var(--hairline)}
  .scan-fav img{width:100%;height:100%;object-fit:cover}   
  .proj-urls-btn{display:inline-flex;align-items:center;gap:8px;margin-top:7px;font-family:var(--font);font-size:.92rem;background:none;border:none;padding:2px 0;cursor:pointer;color:var(--ink)}
  .proj-urls-btn .pub-lbl{display:inline-flex;align-items:center;gap:8px}
  .proj-urls-btn .pub-count{font-weight:800;color:var(--ink)}
  .proj-urls-btn:hover .pub-count{text-decoration:underline}.pub-count.on{color:#d1663c}html[data-theme="dark"] .pub-count.on{color:#e8895a}
  .proj-urls-btn .pub-div{color:var(--ink-soft);opacity:.55}
  .proj-urls-btn .pub-file{display:inline-flex;align-items:center;gap:5px;color:var(--ink-soft);font-weight:600}
  .proj-urls-btn .pub-file svg{width:15px;height:15px;flex:none}
  .proj-urls-btn .pub-chev{width:14px;height:14px;flex:none;opacity:.6;color:var(--ink-soft)}
  .add-pages-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;align-self:flex-start;width:auto;margin-top:11px;padding:.5em 1.2em;font-family:var(--font);font-size:.82rem;font-weight:700;color:var(--navy);background:var(--grad);background-size:150% 150%;border:1px solid transparent;border-radius:999px;cursor:pointer;box-shadow:0 8px 20px -9px rgba(126,178,106,.55),inset 0 1px 0 rgba(255,255,255,.35);transition:transform .2s,box-shadow .2s}
  .add-pages-btn svg{width:15px;height:15px;flex:none}
  .add-pages-btn:hover{transform:translateY(-1px);box-shadow:0 12px 26px -10px rgba(126,178,106,.65),inset 0 1px 0 rgba(255,255,255,.35)}
  #monitorPanel{position:relative}
  .mon-changes{position:absolute;top:18px;right:22px;z-index:4;display:inline-flex;align-items:center;gap:7px;font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--deep);background:var(--mej-bg);border:1px solid rgba(78,124,63,.55);border-radius:999px;padding:6px 13px;cursor:pointer;box-shadow:0 0 16px rgba(78,124,63,.22);transition:border-color .15s,box-shadow .15s}
  html[data-theme="dark"] .mon-changes{color:var(--ok);border-color:rgba(142,211,146,.5)}
  .mon-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:11px}
  .mon-actions .add-pages-btn{margin-top:0;align-self:auto}
  .mon-actions .mon-changes{position:static;top:auto;right:auto;margin:0}
  .mon-changes:hover{border-color:var(--deep);box-shadow:0 0 20px rgba(78,124,63,.35)}
  .mon-changes svg{width:14px;height:14px;flex:none}
  @media(max-width:640px){.mon-changes{position:static;margin-top:10px;align-self:flex-start}}
  @keyframes chg-spin{0%{transform:rotate(0)}25%{transform:rotate(360deg)}100%{transform:rotate(360deg)}}
  .mon-changes svg{transform-origin:center;animation:chg-spin 4s linear infinite}
  @media(prefers-reduced-motion:reduce){.mon-changes svg{animation:none}}
  .proj-search{width:100%;box-sizing:border-box;font-family:var(--font);font-size:.9rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:10px;padding:9px 13px;margin-bottom:12px}
  .proj-search:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px rgba(78,124,63,.16)}
  .proj-url-list{display:flex;flex-direction:column;gap:2px;max-height:52vh;overflow:auto}
  .proj-url-item{display:flex;align-items:center;gap:11px;padding:9px 8px;border-radius:9px}
  .proj-url-item:hover{background:var(--field)}
  .proj-url-item.proj-url-all{border-bottom:1px solid var(--hairline);border-radius:0;margin-bottom:4px}
  .proj-url-item.proj-url-all .proj-url-p{font-weight:700}
  .proj-url-item input{accent-color:var(--deep);width:16px;height:16px;flex:none}
  .proj-url-p{flex:1;min-width:0;font-size:.88rem;color:var(--ink);word-break:break-all;cursor:pointer;margin:0}
  .proj-url-open{flex:none;display:inline-flex;color:var(--ink-soft);padding:4px;border-radius:7px}
  .proj-url-open:hover{color:var(--deep);background:var(--mej-bg)}
  html[data-theme="dark"] .proj-url-open:hover{color:var(--ok)}
  .proj-url-open svg{width:16px;height:16px}
  .proj-url-item[hidden]{display:none}
  .fnd-urls{margin-left:auto;display:inline-flex;align-items:center;gap:5px;flex:none;font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--deep);background:var(--field);border:1px solid var(--hairline);border-radius:999px;padding:3px 10px;cursor:pointer;transition:border-color .15s,background .15s}
  html[data-theme="dark"] .fnd-urls{color:var(--ok)}
  .fnd-urls:hover{border-color:var(--deep);background:var(--mej-bg)}
  .fnd-urls .fu-ic{width:13px;height:13px;flex:none}
  .sev-urlfilter{position:sticky;top:12px;z-index:30;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 16px;padding:9px 14px;border:1px solid var(--hairline);border-radius:11px;background:var(--bg);box-shadow:0 8px 22px -10px rgba(0,0,0,.6)}
  .sev-urlfilter.on{border-color:#d1663c;box-shadow:0 8px 22px -10px rgba(0,0,0,.6),inset 0 0 0 1px #d1663c}
  html[data-theme="dark"] .sev-urlfilter.on{border-color:#e8895a;box-shadow:0 8px 22px -10px rgba(0,0,0,.6),inset 0 0 0 1px #e8895a}
  .suf-state{margin-right:auto;font-size:.82rem;font-weight:700;color:var(--ink-soft)}
  .suf-state.suf-on{color:#d1663c} html[data-theme="dark"] .suf-state.suf-on{color:#e8895a}   
  .suf-state .suf-fl{color:var(--ok);text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-weight:700}   
  .suf-state .suf-fl:hover,.suf-state .suf-fl:focus-visible{text-decoration-thickness:2px;outline:none;filter:brightness(1.15)}
  .suf-state .suf-fl-sep{opacity:.55;margin:0 3px}
  .suf-state .suf-fl-all{color:#1a6fd0;text-decoration:underline}
  html[data-theme="dark"] .suf-state .suf-fl-all{color:#5aa2f0}
  .suf-btn,.suf-common{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:.8rem;font-weight:700;color:var(--ink-soft);background:var(--bg);border:1px solid var(--field-bd);border-radius:999px;padding:.42em 1.05em;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
  .suf-btn svg,.suf-common svg{width:15px;height:15px}
  .suf-btn.on,.suf-common.on{color:#d1663c;background:rgba(209,102,60,.16);border-color:#d1663c;box-shadow:inset 0 0 0 1px #d1663c}      
  html[data-theme="dark"] .suf-btn.on,html[data-theme="dark"] .suf-common.on{color:#e8895a;background:rgba(232,137,90,.16);border-color:#e8895a;box-shadow:inset 0 0 0 1px #e8895a}      
  .suf-btn:hover,.suf-common:hover{border-color:var(--deep)}
  .suf-sec{display:flex;align-items:center;gap:9px;flex:1 1 240px;min-width:0}
  .suf-sec .suf-state{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .suf-div{width:1px;align-self:stretch;background:var(--hairline);flex:none;margin:1px 0}
  .ffam-row{justify-content:flex-start;gap:10px}
  .ffam-counts{margin-left:auto;font-size:.76rem;font-weight:800;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}
  .ffam-bloq{color:var(--crit-t)} .ffam-lim{color:var(--imp-t)} .ffam-afec{color:#a5871f} html[data-theme="dark"] .ffam-afec{color:#e0c34a} .ffam-sep{opacity:.5}
  .mini-urls.on{color:#d1663c}
  html[data-theme="dark"] .mini-urls.on{color:#e8895a}
  .proj-url-item.furl-all{display:flex;align-items:center}
  .furl-mode{margin-left:auto;display:inline-flex;align-items:center;gap:2px;background:var(--field);border:1px solid var(--hairline);border-radius:999px;padding:2px}
  .furl-mode-b{font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--ink-soft);background:none;border:none;border-radius:999px;padding:3px 11px;cursor:pointer;transition:background .14s,color .14s}
  .furl-mode-b.on{color:var(--deep);background:var(--bg)}
  html[data-theme="dark"] .furl-mode-b.on{color:var(--ok)}
  .furl-allrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}
  .furl-all-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-size:.9rem;font-weight:800;color:var(--ink);background:none;border:none;padding:6px 4px;cursor:pointer}
  .furl-all-btn.is-none{color:var(--ink-soft)}
  .furl-tree{display:flex;flex-direction:column;gap:2px;max-height:min(46vh,340px);overflow:auto;margin:0 -4px;padding:2px 4px}
  .furl-node{display:flex;align-items:center;gap:9px;padding:8px 10px;padding-left:calc(8px + var(--d,0)*22px);border-radius:10px;cursor:pointer;transition:background .13s,opacity .13s;font-size:.9rem;color:var(--ink);user-select:none}
  .furl-node:hover{background:var(--glass-bg-strong)}
  .furl-node.is-none{opacity:.5}
  .furl-chev{flex:none;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--ink-soft);cursor:pointer;border-radius:6px;transition:transform .2s,background .13s}
  .furl-chev svg{width:15px;height:15px}
  .furl-chev.open{transform:rotate(90deg)}
  .furl-chev:hover{background:var(--field)}
  .furl-chev-sp{flex:none;width:20px}
  .furl-dot{flex:none;width:17px;height:17px;border-radius:50%;border:2px solid var(--field-bd);box-sizing:border-box;transition:background .13s,border-color .13s}
  .furl-dot[data-st="full"]{background:var(--deep);border-color:var(--deep)}
  .furl-dot[data-st="partial"]{border-color:var(--deep);background:conic-gradient(var(--deep) 0 50%,transparent 50% 100%)}
  html[data-theme="dark"] .furl-dot[data-st="full"]{background:var(--ok);border-color:var(--ok)}
  html[data-theme="dark"] .furl-dot[data-st="partial"]{border-color:var(--ok);background:conic-gradient(var(--ok) 0 50%,transparent 50% 100%)}
  .furl-node-lbl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .furl-node.is-folder>.furl-node-lbl{font-weight:700}
  .furl-node-n{flex:none;font-size:.72rem;font-weight:700;color:var(--ink-soft);background:var(--field);border-radius:999px;padding:1px 8px}
  .furl-cb{flex:none;width:17px;height:17px;margin:0;accent-color:var(--deep);cursor:pointer}
  html[data-theme="dark"] .furl-cb{accent-color:var(--ok)}
  .furl-all-btn .furl-cb{width:18px;height:18px}
  .furl-leaf{cursor:pointer}
  .furl-folder{cursor:default}
  .furl-folder>.furl-node-lbl{cursor:pointer}
  .furl-selall{margin-left:auto;flex:none;font-family:var(--font);font-size:.74rem;font-weight:700;color:var(--deep);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:3px 7px;border-radius:6px;white-space:nowrap}
  html[data-theme="dark"] .furl-selall{color:var(--ok)}
  .furl-selall:hover{background:var(--mej-bg)}
  html[data-theme="dark"] .furl-selall:hover{background:rgba(142,211,146,.14)}
  .furl-selall.is-all{color:var(--ink-soft)}
  .furl-search{margin-bottom:10px}
  #listSev .finding.url-filtered-out{display:none!important}   
  .gd-mid{display:flex;align-items:center;gap:16px;flex:none}   
  .gd-titles{display:flex;flex-direction:column;gap:1px;text-align:left}
  .gd-sub{font-family:var(--font);font-weight:600;font-size:.8rem;color:var(--ink-soft);white-space:nowrap}
  .gd-count{font-family:var(--font-head);font-weight:800;font-size:1.7rem;line-height:1;color:var(--ink-soft);white-space:nowrap;flex:none}   
  .gd-count .gdc-n{color:var(--ink)}
  .scan-path{display:block;font-size:.52em;font-weight:600;color:var(--ink-soft);word-break:break-all;line-height:1.3;margin-top:3px;text-decoration:none}
  .scan-shot{width:152px;flex-shrink:0;border-radius:11px;overflow:hidden;border:1px solid rgba(0,0,0,.1);background:#fff;box-shadow:0 10px 24px -12px rgba(0,0,0,.4)}
  .bm-bar{display:flex;align-items:center;gap:8px;padding:6px 9px;background:#ece7de}
  .bm-dots{display:flex;gap:4px;flex-shrink:0}
  .bm-dots i{width:7px;height:7px;border-radius:50%;background:#c7bfb2;display:block}
  .bm-addr{flex:1;min-width:0;font-size:.55rem;color:#6E635A;background:#fff;border-radius:5px;padding:2px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid rgba(0,0,0,.05)}
  .bm-view{line-height:0}
  .bm-view svg{width:100%;height:auto;display:block}
  .scan-cms{display:flex;align-items:center;justify-content:center}
  .wp-logo{width:56px;height:56px;border-radius:50%;background:#21759b;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -8px rgba(33,117,155,.55)}
  .wp-logo svg{width:36px;height:36px}
  .scan-meta{position:absolute;right:20px;bottom:9px;font-size:.66rem;color:var(--ink-soft);opacity:.7;letter-spacing:.02em;white-space:nowrap}
  .mini-site{position:fixed;top:14px;left:16px;z-index:45;display:flex;align-items:center;gap:10px;width:max-content;max-width:min(300px,44vw);padding:7px 14px 7px 7px;border-radius:14px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 14px 34px -14px rgba(20,24,15,.55),inset 0 0 0 1px rgba(255,255,255,.35);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
  .mini-site.show{opacity:1;transform:none;pointer-events:auto}
  .mini-reanalyzed{display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--deep);background:var(--mej-bg);border:1px solid rgba(78,124,63,.45);border-radius:999px;padding:3px 9px;flex:none}
  .mini-reanalyzed svg{width:12px;height:12px}
  html[data-theme="dark"] .mini-reanalyzed{color:var(--ok);border-color:rgba(142,211,146,.4)}
  .mini-shot{flex-shrink:0;width:40px;height:30px;border-radius:9px;overflow:hidden;border:1px solid var(--hairline);background:#fff;display:block;line-height:0}
  .mini-shot svg{width:100%;height:100%;display:block}
  .mini-url{display:flex;flex-direction:column;min-width:0;line-height:1.18}
  .mini-dom{font-family:var(--font-head);font-weight:800;font-size:.9rem;color:var(--ink);white-space:nowrap}
  .mini-urls{display:inline-flex;align-items:center;gap:4px;margin-top:1px;background:none;border:none;padding:0;font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--deep);cursor:pointer;white-space:nowrap}
  html[data-theme="dark"] .mini-urls{color:var(--ok)}
  .mini-urls svg{width:13px;height:13px;flex:none}
  .mini-urls:hover .mu-txt{text-decoration:underline}
  @media (max-width:600px){ .mini-site{max-width:74vw} .mini-path{max-width:56vw} }
  .balance-card{padding:30px 30px 26px}
  .bal-legend{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;font-size:.85rem;color:var(--ink-soft);margin-bottom:12px}
  .bal-legend .k{display:inline-flex;align-items:center;gap:7px}
  .bal-legend .sw{width:12px;height:12px;border-radius:4px;display:inline-block}
  .bal-legend .sw.hatch{background:repeating-linear-gradient(45deg,var(--locked-a),var(--locked-a) 3px,var(--locked-b) 3px,var(--locked-b) 6px)}
  .bal-strip{display:flex;height:24px;border-radius:999px;overflow:hidden;background:var(--track)}
  .bal-strip .seg{height:100%;width:0;transition:width 1s cubic-bezier(.22,.61,.36,1)}
  .seg-ok{background:var(--grad)} .seg-attn{background:linear-gradient(90deg,#E7B26A,var(--imp))}
  .seg-locked{background:repeating-linear-gradient(45deg,var(--locked-a),var(--locked-a) 6px,var(--locked-b) 6px,var(--locked-b) 12px)}
  .tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}
  /* v25: respuesta rápida + tres badges de valoración (estilo hero-answers de v23-alt) */
  .verdict-badges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
  .vb-note{font-size:.86rem;line-height:1.4;color:var(--ink-soft);opacity:.9;margin-top:12px}
  .vb-note strong{color:var(--ink);font-weight:700}
  .vb-item{display:flex;flex-direction:column;gap:5px;padding:14px 16px;background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:14px;border-top:2px solid var(--a3)}
  .vb-q{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);opacity:.72}
  .vb-a{font-size:.92rem;line-height:1.35;color:var(--ink-soft)} .vb-a strong{color:var(--ink);font-weight:700}
  html[data-plan="free"] .hz-brief{display:none}
  html[data-plan="free"] .bal-verdicts .vb-pri{display:none}
  .bal-top .bal-verdicts .vb-hz{flex:0 0 auto;overflow:visible;padding:22px 18px 20px;gap:2px}
  .vb-hz .hz-line{display:flex;align-items:center;justify-content:center;gap:15px;padding:0}
  .vb-hz .hzb-n.hz-num{font-size:6.4rem;line-height:.72;margin:0;color:var(--ink)}
  .vb-hz .hz-pills{flex-direction:column;gap:4px;flex:none}
  .vb-hz .hz-pills .hzb-tag{font-size:.72rem;padding:.24em .6em;gap:5px}
  .vb-hz .hz-pills .hzb-tag i{width:7px;height:7px}
  .vb-hz .hz-pills .hc-info{width:12px;height:12px;font-size:.5rem;margin-left:3px}
  .hz-foot-i{width:15px;height:15px;font-size:.6rem;margin-left:5px;vertical-align:middle}
  .hz-foot-i .hc-tip{width:196px}
  .hc-tip .fp-tests{display:flex;flex-direction:column;gap:6px;text-align:left}
  .hc-tip .fpt-row{display:flex;align-items:baseline;gap:8px;font-size:.76rem;font-weight:600;color:var(--ink)}
  .hc-tip .fpt-n{font-weight:800;min-width:2.3em;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
  .hc-tip .fpt-row.r-ok .fpt-n{color:var(--ok)}
  .hc-tip .fpt-row.r-attn .fpt-n{color:var(--crit-t)}
  .hc-tip .fpt-row.r-parc .fpt-n{color:var(--imp-t)}
  .hc-tip .fpt-row.r-nc .fpt-n{color:#9aa6ba}
  .vb-hz .hz-pills .hzb-tag{width:100%}
  .vb-hz .hz-pills .hc-info{margin-left:auto}
  .vb-hz .hz-foot{margin:16px 0 0;font-size:.8rem;line-height:1.38;color:var(--ink-soft);text-align:center}
  .vb-hz .hz-foot b{color:var(--deep);font-weight:800} html[data-theme="dark"] .vb-hz .hz-foot b{color:var(--ok)}
  .vb-item.vb-ok{background:rgba(142,211,146,.16);border-top-color:var(--mej)}
  .vb-item.vb-pri{background:rgba(224,149,74,.10);border-top-color:var(--imp)}
  @media (max-width:720px){ .verdict-badges{grid-template-columns:1fr} }
  /* v25: aviso de familias/evidencias avanzadas no exploradas (sustituye el tramo bloqueado) */
  .bal-disclaimer{display:flex;gap:8px;align-items:flex-start;margin-top:16px}
  .bal-disclaimer .bd-ic{flex-shrink:0;color:var(--ink-soft);opacity:.7;margin-top:2px}
  .bal-disclaimer .bd-ic svg{width:15px;height:15px;display:block}
  .bal-disclaimer p{font-size:.82rem;line-height:1.5;color:var(--ink-soft)}
  .bal-disclaimer strong{color:var(--ink);font-weight:700}
  .fam-foot{margin-top:12px;font-size:.78rem;color:var(--ink-soft);opacity:.85;line-height:1.45}
  /* v25: candado desbloqueado en la 1a evidencia + bloqueo "Desbloquea el informe" en el resto */
  .mk-open{display:inline-flex;align-items:center;color:var(--deep);opacity:.9;flex-shrink:0;text-decoration:none}
  html[data-theme="dark"] .mk-open{color:var(--ok)}
  .mk-open svg{width:14px;height:14px}
  .mk-def .mk-open{text-decoration:none}
  .mdef-qh{display:block;margin-bottom:6px}
  .mdef-blurzone{position:relative;min-height:44px}
  .def-open{display:inline-flex;align-items:center;color:var(--deep)}
  html[data-theme="dark"] .def-open{color:var(--ok)}
  .def-open svg{width:14px;height:14px;display:block}
  .def-tech{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}
  /* v25: tarjeta share — Sin coste, badge Business (candado abierto), CTA compartir */
  .opt-cost{font-size:.82rem;font-weight:700;color:var(--ink-soft)}
  .opts3-v17 .opt-foot{margin-top:auto;display:flex;flex-direction:column;gap:11px;padding-top:14px}
  .opts3-v17 .opt-sub{min-height:5.5em}
  .opts3-v17 .opt-benefits{margin:26px auto}
  .opt-reco{position:absolute;top:-11px;left:50%;transform:translateX(-50%);z-index:2;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--deep);padding:5px 16px;border-radius:999px;white-space:nowrap}
  .opt-tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;font-size:.64rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--navy);padding:9px;border-radius:999px;white-space:nowrap;border:none}
  .opt-tag.collab{background:linear-gradient(120deg,#b9d977 0%,#8ed392 55%,#63b56a 100%);box-shadow:0 9px 22px -9px rgba(99,181,106,.65),inset 0 1px 0 rgba(255,255,255,.4)}
  .opt-tag.indiv{background:linear-gradient(120deg,#f2e485 0%,#ecde69 45%,#e0c34a 100%);box-shadow:0 9px 22px -9px rgba(214,183,70,.65),inset 0 1px 0 rgba(255,255,255,.45)}
  .opts3-v17 .opt>.opt-tag{padding-left:9px;padding-right:9px}
  .opt-kick{font-size:.92rem;font-weight:600;color:var(--ink-soft);text-align:center;margin:0 0 8px;line-height:1.2}
  .wc{display:inline-block;vertical-align:middle;overflow:hidden;height:1.5em;line-height:1.5em;font-size:1.3em;font-weight:800;color:var(--deep);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 22%,#000 78%,transparent 100%)}
  html[data-theme="dark"] .wc{color:var(--ok)}
  .wc-roll{display:block;will-change:transform}
  .wc-word{display:block;height:1.5em;line-height:1.5em;white-space:nowrap;text-align:center}
  .opt-incl-link{align-self:center;display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.82rem;font-weight:600;color:var(--ink-soft);padding:2px 6px;border-radius:8px;margin-bottom:14px;transition:color .2s}
  .opt-incl-link .oil-i{width:14px;height:14px;flex-shrink:0;opacity:.9}
  .opt-incl-link:hover{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
  html[data-theme="dark"] .opt-incl-link:hover{color:var(--ok)}
  .modal-incl{max-width:460px}
  .incl-cta{margin-top:22px;display:flex;flex-direction:column;gap:9px;align-items:stretch}
  .incl-cta-go{width:100%;justify-content:center}
  .incl-cta-doubt{align-self:center;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.88rem;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline);padding:5px 6px;transition:color .2s}
  .incl-cta-doubt:hover{color:var(--ink)}
  .co-lead{font-size:.95rem;color:var(--ink-soft);margin:2px 0 16px}
  .co-label{font-family:var(--font-head);font-weight:800;font-size:.9rem;color:var(--ink);margin-bottom:10px}
  .co-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:4px}
  .co-method{display:flex;align-items:center;justify-content:center;padding:14px 8px;border:1px solid var(--hairline);border-radius:12px;background:var(--glass-bg-strong);color:var(--ink);font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s,background .2s}
  .co-method:hover{border-color:var(--deep)}
  .co-method.active{border-color:var(--deep);background:var(--mej-bg)}
  html[data-theme="dark"] .co-method:hover,html[data-theme="dark"] .co-method.active{border-color:var(--ok)}
  .co-acct{border:1px solid var(--hairline);border-radius:13px;padding:12px 13px;margin-bottom:14px;background:var(--glass-bg-strong)}
  .co-acct-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}
  .co-acct-t{font-family:var(--font-head);font-weight:800;font-size:.95rem;color:var(--ink)}
  .co-acct-switch{background:none;border:none;padding:0;font:inherit;font-size:.78rem;font-weight:700;color:var(--deep);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
  html[data-theme="dark"] .co-acct-switch{color:var(--ok)}
  .co-acct-seg{display:inline-flex;gap:4px;background:var(--field);border:1px solid var(--field-bd);border-radius:999px;padding:4px}
  .co-seg-btn{border:none;background:none;font-family:var(--font);font-weight:700;font-size:.82rem;color:var(--ink-soft);padding:.42em 1em;border-radius:999px;cursor:pointer;transition:color .15s,background .15s}
  .co-seg-btn.active{background:var(--bg);color:var(--deep);box-shadow:0 2px 6px -2px rgba(0,0,0,.28)}
  html[data-theme="dark"] .co-seg-btn.active{color:var(--ok)}
  .co-social{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .co-soc{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 6px;border:1px solid var(--field-bd);border-radius:9px;background:var(--field);color:var(--ink);font-family:inherit;font-size:.8rem;font-weight:700;cursor:pointer;transition:border-color .15s}
  .co-soc:hover{border-color:var(--deep)}
  .co-soc svg{width:16px;height:16px;flex:none}
  .co-or{display:flex;align-items:center;gap:10px;margin:11px 0;color:var(--ink-soft);font-size:.75rem;white-space:nowrap}
  .co-or::before,.co-or::after{content:"";flex:1;height:1px;background:var(--hairline)}
  .co-acct-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:start}
  .co-inp{width:100%;box-sizing:border-box;font-family:var(--font);font-size:.86rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:9px;padding:9px 11px}
  .co-inp:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px rgba(78,124,63,.14)}
  .co-role-wrap{position:relative}
  .co-role-lbl{display:flex;align-items:center;gap:5px;font-size:.66rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 3px 2px}
  .co-role-i{position:relative;width:15px;height:15px;border-radius:50%;border:1px solid var(--field-bd);color:var(--ink-soft);font-family:var(--font-head);font-style:italic;font-weight:800;font-size:.62rem;display:inline-flex;align-items:center;justify-content:center;cursor:help;text-transform:none;letter-spacing:0}
  .co-role-tip{position:absolute;bottom:calc(100% + 7px);left:0;width:max-content;max-width:240px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:9px;box-shadow:0 12px 30px -12px rgba(0,0,0,.5);padding:9px 11px;font-family:var(--font);font-style:normal;font-weight:500;font-size:.74rem;text-transform:none;letter-spacing:0;color:var(--ink);text-align:left;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .15s;z-index:20}
  .co-role-i:hover .co-role-tip,.co-role-i:focus .co-role-tip{opacity:1}
  .co-role-info{position:absolute;right:34px;top:50%;transform:translateY(-50%);z-index:2;width:16px;height:16px;padding:0;border-radius:50%;border:1px solid var(--field-bd);background:var(--bg);color:var(--ink-soft);font-family:var(--font-head);font-style:italic;font-weight:800;font-size:.64rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}
  .co-role-info:hover{border-color:var(--deep);color:var(--deep)}
  #coRole{padding-right:58px}
  .rex-imp{display:block;margin-top:4px;font-size:.76rem;font-weight:700;color:var(--imp-t)}
  .co-terms{display:flex;align-items:flex-start;gap:8px;margin-top:11px;font-size:.78rem;line-height:1.45;color:var(--ink-soft)}
  .co-social{display:flex;flex-direction:column;gap:8px;margin:0 0 4px}
  .co-soc{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;padding:.66em 1em;border:1px solid var(--field-bd);border-radius:10px;background:var(--field);color:var(--ink);font-family:var(--font);font-weight:650;font-size:.88rem;cursor:pointer;transition:border-color .15s,background .15s}
  .co-soc:hover{border-color:var(--ink-soft);background:color-mix(in srgb,var(--ink) 6%,var(--field))}
  .co-soc>svg{width:18px;height:18px;flex:none}
  .co-soc.is-on{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok) inset}
  .co-social-sep{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--ink-soft);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}
  .co-social-sep::before,.co-social-sep::after{content:"";flex:1;height:1px;background:var(--hairline)}
  .co-social-note{margin:0 0 4px;font-size:.8rem;color:var(--ok);font-weight:600}
  .btn.pay-needs-terms{opacity:.62}
  .co-terms-flash{border-radius:8px;animation:coTermsFlash .55s ease 0s 2}
  @keyframes coTermsFlash{0%,100%{background:transparent}50%{background:rgba(214,69,80,.18)}}
  .co-terms input{margin-top:2px;flex:none;accent-color:var(--deep);width:15px;height:15px}
  .co-terms-link{color:var(--deep);font-weight:700} html[data-theme="dark"] .co-terms-link{color:var(--ok)}
  .co-acct[data-mode="login"] .co-signup-only{display:none!important}
  .acct-modal-sub{color:var(--ink-soft);font-size:.86rem;margin:2px 0 16px;line-height:1.5}
  .acct-form{display:flex;flex-direction:column;gap:13px}
  .acct-field{display:flex;flex-direction:column;gap:4px}
  .acct-field-lbl{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft)}
  .acct-field-ro{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.9rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:9px;padding:9px 11px;opacity:.85}
  .acct-field-ro svg{width:15px;height:15px;color:var(--ink-soft);flex:none}
  .acct-field-note{font-size:.75rem;color:var(--ink-soft);line-height:1.4}
  .acct-role-i{position:relative;width:15px;height:15px;border-radius:50%;border:1px solid var(--field-bd);color:var(--ink-soft);font-family:var(--font-head);font-style:italic;font-weight:800;font-size:.62rem;display:inline-flex;align-items:center;justify-content:center;cursor:help;text-transform:none;letter-spacing:0}
  .acct-role-i:hover .co-role-tip,.acct-role-i:focus .co-role-tip{opacity:1}
  .role-ex-btn{background:none;border:none;padding:0;font:inherit;font-size:.66rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--deep);cursor:pointer;text-decoration:underline;text-underline-offset:2px}
  html[data-theme="dark"] .role-ex-btn{color:var(--ok)}
  .rex-list{display:flex;flex-direction:column;gap:8px;max-height:54vh;overflow:auto;margin-top:4px}
  .rex-list .mp2-scope-opt .mso-sub{white-space:normal;line-height:1.45}
  .rex-list .mp2-scope-opt .mso-t{font-weight:800}
  .co-demo{font-size:.8rem;color:var(--ink-soft);text-align:center;opacity:.85}
  .sh2-wk{grid-column:1/-1;display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid rgba(142,211,146,.4);border-radius:14px;background:var(--mej-bg);color:var(--ink);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background .2s;margin-bottom:2px}
  .sh2-wk:hover{border-color:var(--deep)}
  html[data-theme="dark"] .sh2-wk:hover{border-color:var(--ok)}
  .sh2-wk-ic{display:flex;color:var(--deep);flex-shrink:0}
  html[data-theme="dark"] .sh2-wk-ic{color:var(--ok)}
  .sh2-wk-ic svg{width:24px;height:24px}
  .sh2-wk-tx{flex:1;display:flex;flex-direction:column;gap:2px}
  .sh2-wk-t{font-weight:700;font-size:.95rem;line-height:1.25}
  .sh2-wk-sub{font-size:.8rem;color:var(--ink-soft);line-height:1.3}
  .sh2-wk-arr{color:var(--ink-soft);font-size:1.15rem;flex-shrink:0}
  .sh2-mail-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;cursor:pointer;font-family:inherit;font-size:.85rem;color:var(--ink-soft);padding:0 0 12px;transition:color .2s}
  .sh2-mail-back svg{width:16px;height:16px}
  .sh2-mail-back:hover{color:var(--ink)}
  #nomira.nomira-nohead>summary{display:none}
  .incl-inline{background:none;border:none;padding:0;margin-left:1px;cursor:pointer;font:inherit;font-weight:700;color:var(--deep);text-decoration:underline;text-underline-offset:2px}
  html[data-theme="dark"] .incl-inline{color:var(--ok)}
  .incl-inline:hover{opacity:.82}
  .incl-emo{display:flex;align-items:flex-start;gap:7px;margin:6px 0 2px 4px;font-size:.85rem;font-style:italic;color:var(--deep);line-height:1.4}
  html[data-theme="dark"] .incl-emo{color:var(--ok)}
  .incl-emo-arr{width:15px;height:15px;flex-shrink:0;margin-top:1px;opacity:.75}
  .incl-price{display:flex;align-items:baseline;justify-content:flex-start;gap:14px;margin:18px 0 26px;flex-wrap:wrap}
  .incl-price-old{font-size:1.05rem;color:var(--ink-soft);text-decoration:line-through;text-decoration-thickness:2px;opacity:.7}
  .incl-price-new{font-family:var(--font-head);font-size:2rem;font-weight:800;color:var(--ink);line-height:1}
  .incl-price-tag{align-self:center;font-size:.7rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--navy);background:linear-gradient(120deg,#f2e485 0%,#e0c34a 100%);padding:5px 11px;border-radius:999px;white-space:nowrap}
  .ea-backdrop{position:fixed;inset:0;z-index:120;background:rgba(10,14,8,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
  .ea-backdrop[hidden]{display:none}
  .ea-info{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:121;width:min(540px,92vw);max-height:86vh;overflow:auto;background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:18px;padding:24px 24px 22px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
  .ea-info[hidden]{display:none}
  .ea-lead{font-size:.95rem;color:var(--ink-soft);line-height:1.5;margin:8px 0 14px}
  .ea-perk{margin-top:16px}
  .ea-perk-h{font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--ink);margin-bottom:5px;display:flex;align-items:center;gap:8px}
  .ea-perk p{font-size:.9rem;color:var(--ink-soft);line-height:1.45;margin:0}
  .ea-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}
  .ea-dot-g{background:#63b56a}
  .ea-dot-y{background:#e0c34a}
  .ea-info.focus-business .ea-perk[data-perk="discount"]{display:none}
  .ea-info.focus-discount .ea-perk[data-perk="business"]{display:none}
  .ea-note{font-size:.82rem;color:var(--ink-soft);line-height:1.45;margin:14px 0 0;padding-top:12px;border-top:1px solid var(--hairline)}
  .opt-price-tag{position:absolute;top:-11px;right:16px;z-index:2;font-size:.7rem;font-weight:800;letter-spacing:.01em;color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--hairline);padding:3px 11px;border-radius:999px;white-space:nowrap}
  html[data-theme="dark"] .opt-reco{color:#0e120a;background:var(--ok)}
  .opts3-v17 .opt-price{margin:6px 0 8px}
  .price-ast{font-size:.5em;vertical-align:super;font-weight:800;color:var(--deep);margin-left:1px}
  html[data-theme="dark"] .price-ast{color:var(--ok)}
  .price-fine{display:block;margin-top:5px;font-size:.68rem;font-style:italic;font-weight:400;color:var(--ink-soft)}
  .price-fine .tipwrap{margin-left:5px;font-style:normal;vertical-align:middle}
  .tip-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;background:none;color:var(--ink-soft);cursor:pointer;border-radius:50%;vertical-align:middle;transition:color .2s}
  .tip-btn:hover{color:var(--deep)}
  .tip-btn svg{width:14px;height:14px;display:block}
  .tip-pop{font-style:normal;font-weight:500;line-height:1.4;text-align:left}
  .opt-areas-link{display:block;margin-top:7px;background:none;border:none;font-family:var(--font);font-size:.78rem;font-weight:600;color:var(--deep);text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:0}
  .opt-areas-link:hover{color:var(--ink)}
  html[data-theme="dark"] .opt-areas-link{color:var(--ok)}
  .dlrow.dl-hoverable{cursor:default}
  .mp-price{color:var(--deep)}
  html[data-theme="dark"] .mp-price{color:var(--ok)}
  #mpEa{display:none}
  .mp2-fams{margin-top:16px}
  .mp2-scope{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:8px;margin-top:6px}
  @media(max-width:560px){.mp2-scope{grid-template-columns:1fr;grid-auto-rows:auto}}
  .mp2-scope-opt{position:relative;display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--field-bd);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
  .mp2-scope-opt:hover{border-color:var(--deep)}
  .mp2-scope-opt:has(input:checked){border-color:var(--deep);background:var(--mej-bg)}
  .mp2-scope-opt input{accent-color:var(--deep);flex:none;width:16px;height:16px}
  .mp2-scope-opt.mso-owned{opacity:.6;cursor:default;border-style:dashed}
  .mp2-scope-opt.mso-owned:hover{border-color:var(--field-bd);background:none}
  .mso-owned-tag{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:800;letter-spacing:.02em;color:var(--deep);background:var(--mej-bg);border:1px solid rgba(78,124,63,.4);border-radius:999px;padding:2px 9px;white-space:nowrap}
  html[data-theme="dark"] .mso-owned-tag{color:var(--ok);border-color:rgba(142,211,146,.4)}
  html[data-plan="paid"] #modalPay[data-mode="add"] #btnUnlockPay{display:inline-flex!important}
  .mp2-scope-opt input.mso-newurl{display:none;width:100%;height:auto;box-sizing:border-box;margin-top:9px;font-family:var(--font);font-size:.85rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:8px;padding:8px 11px;flex:none;accent-color:auto}
  .mp2-scope-opt:has(input[name="mpScope"]:checked) input.mso-newurl{display:block}
  .mp2-scope-opt input.mso-newurl:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px rgba(78,124,63,.16)}
  .mso-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
  .mso-t{font-size:.92rem;font-weight:700;color:var(--ink)}
  .mso-sub{font-size:.76rem;color:var(--ink-soft)}
  .mso-scan{display:inline-flex;align-items:center;gap:6px}   
  .mso-scan svg{width:12px;height:12px;flex:none;transform-origin:center;animation:mp-spin .8s linear infinite}
  .mso-p{font-family:var(--font-head);font-weight:800;font-size:1.05rem;color:var(--deep);white-space:nowrap}
  .mso-rec{position:absolute;top:-9px;right:12px;z-index:2;display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.03em;text-transform:none;color:var(--deep);background:color-mix(in srgb, #8ed392 22%, var(--bg));border:1px solid rgba(78,124,63,.55);border-radius:999px;padding:.2em .66em;line-height:1.5}
  html[data-theme="dark"] .mso-rec{color:var(--ok)}
  html[data-theme="dark"] .mso-p{color:var(--ok)}
  #modalPay[data-mode="add"] .mp2-scope{grid-template-columns:1fr}
  .mso-custom{align-items:flex-start}
  .mso-custom .mso-p{align-self:center}
  .mp2-stepper{display:inline-flex;align-items:center;gap:7px;margin-top:9px}
  .mp2-step{width:29px;height:29px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--field-bd);border-radius:8px;background:var(--field);color:var(--ink);font-size:1.15rem;font-weight:700;line-height:1;cursor:pointer;transition:border-color .15s,background .15s;padding:0}
  .mp2-step:hover{border-color:var(--deep)}
  .mso-custom .mp2-step-inp{width:66px;height:auto;text-align:center;font-family:var(--font);font-size:.9rem;font-weight:700;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:8px;padding:6px 6px;-moz-appearance:textfield;flex:none;accent-color:auto}
  .mso-custom .mp2-step-inp::-webkit-outer-spin-button,.mso-custom .mp2-step-inp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
  .mso-custom .mp2-step-inp:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px rgba(78,124,63,.16)}
  .mp2-step-suf{font-size:.8rem;color:var(--ink-soft);font-weight:600}
  .mp2-scope-toggle{display:block;margin:8px auto 0;background:none;border:none;font-family:var(--font);font-weight:700;font-size:.8rem;color:var(--deep);cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px 10px}
  html[data-theme="dark"] .mp2-scope-toggle{color:var(--ok)}
  .mso-sales{font-family:var(--font-head);font-weight:800;font-size:.86rem;color:var(--deep)}
  html[data-theme="dark"] .mso-sales{color:var(--ok)}
  .mp2-fams-h{font-size:.88rem;color:var(--ink-soft);line-height:1.55;text-align:center;max-width:46ch;margin:12px auto 20px}
  .mp2-fams-h strong{color:var(--ink)}
  .mp2-fams-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-bottom:10px}
  @media(max-width:520px){.mp2-fams-list{grid-template-columns:1fr}}
  .mp2-fam{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--ink);cursor:pointer;padding:6px 9px;border-radius:9px;border:1px solid var(--hairline);background:var(--field)}
  .mp2-fam input{accent-color:var(--deep);flex:none;width:15px;height:15px}
  .mp2-fam-n{flex:1;min-width:0}
  .mp2-fam-p{font-weight:800;color:var(--ink-soft);font-size:.78rem;white-space:nowrap}
  .mp2-fams-all{display:flex;align-items:center;gap:9px;font-size:.88rem;color:var(--ink);cursor:pointer;padding-top:10px;border-top:1px solid var(--hairline)}
  .mp2-fams-all input{accent-color:var(--deep);width:16px;height:16px}
  .mp2-fams-all strong{color:var(--deep)} html[data-theme="dark"] .mp2-fams-all strong{color:var(--ok)}
  .mp2-fams-ctl{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 13px;border:1px solid var(--hairline);border-radius:11px;background:var(--field);margin-top:2px}
  .mp2-fams-badge{font-size:.84rem;color:var(--ink-soft)}
  .mp2-fams-badge strong{color:var(--ink)}
  .mp2-ea-hl{color:var(--deep)} html[data-theme="dark"] .mp2-ea-hl{color:var(--ok)}
  .mp2-fams-toggle{font-family:var(--font);font-weight:700;font-size:.82rem;color:var(--deep);background:none;border:1px solid var(--deep);border-radius:999px;padding:.42em 1.05em;cursor:pointer;white-space:nowrap}
  html[data-theme="dark"] .mp2-fams-toggle{color:var(--ok);border-color:var(--ok)}
  .mp2-fams-panel{margin-top:10px}
  .mp2-min-note{font-size:.78rem;color:var(--imp-t);margin:9px 0 0;font-weight:600}
  .mp2-fams-ctl{flex-direction:column;align-items:center;text-align:center;gap:11px;padding:14px 16px}
  .mp2-fams-list{gap:9px 14px;margin-bottom:2px}
  .mp2-fam{padding:9px 12px}
  .mp2-fam-all{background:var(--mej-bg);border-color:rgba(78,124,63,.32)}
  .mp2-fam-all .mp2-fam-n strong{color:var(--deep)} html[data-theme="dark"] .mp2-fam-all .mp2-fam-n strong{color:var(--ok)}
  .mp2-fams-panel{margin-top:14px}
  .mp2-benes-wrap{margin-top:8px;border-top:1px solid var(--hairline);padding-top:4px}
  .mp2-benes-sum{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:800;font-size:.94rem;padding:10px 2px;color:var(--ink)}
  .mp2-benes-sum::-webkit-details-marker{display:none}
  .mp2-benes-chev{margin-left:auto;transition:transform .25s;color:var(--ink-soft)}.mp2-benes-chev svg{width:16px;height:16px;display:block}
  .mp2-benes-wrap[open] .mp2-benes-chev{transform:rotate(180deg)}
  .mp2-benes-wrap .mp2-benes{margin-top:4px}
  .mp2-benes-info{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:16px;padding-top:16px;border-top:1px solid var(--hairline);cursor:pointer;outline:none}
  .mp2-benes-lbl{font-family:var(--font);font-weight:600;font-size:.85rem;color:var(--ink)}
  .mp2-benes-i{display:inline-flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;border:1.5px solid var(--ink-soft);color:var(--ink-soft);font-family:var(--font-head);font-weight:800;font-size:.74rem;font-style:italic;transition:border-color .15s,color .15s}
  .mp2-benes-info:hover .mp2-benes-i,.mp2-benes-info:focus .mp2-benes-i{border-color:var(--deep);color:var(--deep)}
  html[data-theme="dark"] .mp2-benes-info:hover .mp2-benes-i,html[data-theme="dark"] .mp2-benes-info:focus .mp2-benes-i{border-color:var(--ok);color:var(--ok)}
  .mp2-benes-pop{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%);width:340px;max-width:90vw;max-height:78vh;overflow:auto;background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:16px;padding:16px 18px;box-shadow:0 26px 62px -18px rgba(0,0,0,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .18s,transform .18s;z-index:60;cursor:default}
  .mp2-benes-info:hover .mp2-benes-pop,.mp2-benes-info:focus .mp2-benes-pop,.mp2-benes-info:focus-within .mp2-benes-pop{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
  .mp2-benes-pop .mp2-benes{margin:0}
  .mp2-benes-cta{width:100%;margin-top:15px;justify-content:center}
  .mp2-benes-pop{display:none!important}
  .pay-inc{margin:18px 0 4px}
  .pay-inc-h{font-family:var(--font-head);font-weight:800;font-size:.9rem;color:var(--ink);margin-bottom:11px}
  .pay-inc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
  .pay-inc-list li{position:relative;padding-left:26px;font-size:.96rem;color:var(--ink);line-height:1.4}
  .pay-inc-list li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--deep);font-weight:800}
  html[data-theme="dark"] .pay-inc-list li::before{color:var(--ok)}
  .opt-benefits{list-style:none;display:flex;flex-direction:column;gap:7px;margin:8px auto 0;padding:0;width:fit-content;font-size:.83rem;color:var(--ink-soft)}
  .opt-benefits li{display:flex;align-items:center;gap:8px}
  .opt-benefits li::before{content:"\2713";color:var(--deep);font-weight:800}
  html[data-theme="dark"] .opt-benefits li::before{color:var(--ok)}
  .rotor{color:var(--deep);font-weight:700;display:inline-block;white-space:nowrap;transition:opacity .34s ease,transform .34s ease}
  html[data-theme="dark"] .rotor{color:var(--ok)}
  .rotor.out{opacity:0;transform:translateY(-5px)}
  .opt-price{text-align:center;line-height:1.15}
  .opt-price .price-now{font-family:var(--font-head);font-weight:800;font-size:1.5rem;color:var(--ink)}
  .opt-price .price-unit{font-size:.85rem;color:var(--ink-soft)}
  .opt-price .price-ea{display:block;font-size:.7rem;font-weight:700;letter-spacing:.02em;color:var(--deep);margin-top:3px}
  html[data-theme="dark"] .opt-price .price-ea{color:var(--ok)}
  .biz-badge-open{display:inline-flex;align-items:center;gap:6px;font-family:inherit;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:var(--deep);background:rgba(142,211,146,.18);border:1px solid rgba(142,211,146,.45);padding:.3em .7em;border-radius:999px;white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s}
  .biz-badge-open:hover{background:rgba(142,211,146,.3);border-color:var(--deep)}
  html[data-theme="dark"] .biz-badge-open{color:var(--ok);background:rgba(142,211,146,.12)}
  .biz-badge-open svg{width:15px;height:15px;flex-shrink:0}
  .cta-share{position:relative;display:inline-flex;width:1.2em;height:1.2em;flex-shrink:0}
  .cta-share .cta-share-i{width:100%;height:100%}
  /* v25: bloque "Pruebas avanzadas" (tres áreas, venta mínima) */
  .adv-checks{margin-top:11px;padding-top:10px;border-top:1px dashed var(--hairline)}
  .adv-checks-full{margin-top:26px;padding-top:16px}
  .adv-h{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:800;color:var(--ink);margin-bottom:7px}
  .adv-lock{display:inline-flex;color:var(--locked);opacity:.85}
  html[data-theme="dark"] .adv-lock{color:var(--a2)}
  .adv-lock svg{width:15px;height:15px}
  .adv-list{list-style:none;display:flex;flex-direction:column;gap:6px}
  .adv-list li{display:flex;flex-direction:column;gap:2px}
  .adv-name{font-size:.8rem;font-weight:700;color:var(--ink)}
  .adv-desc{font-size:.76rem;line-height:1.45;color:var(--ink-soft)}
  .adv-foot{margin-top:8px;font-size:.72rem;font-weight:700;color:var(--ink-soft);opacity:.85}
  .adv-intro{font-size:.82rem;line-height:1.55;color:var(--ink-soft)}
  .adv-intro strong{color:var(--ink);font-weight:700}
  /* v25: popup "Qué falta por comprobar" (doble filtro) */
  .modal-adv{max-width:560px}
  .adv-filters{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
  .advf-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .advf-l{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);opacity:.7;width:70px;flex-shrink:0}
  .advf-chips{display:flex;gap:6px;flex-wrap:wrap}
  .advf-chip{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--ink-soft);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:999px;padding:.36em .8em;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
  .advf-chip:hover{color:var(--ink);border-color:var(--a2)}
  .advf-chip.active{color:var(--ink);border-color:var(--deep);background:rgba(142,211,146,.16)}
  html[data-theme="dark"] .advf-chip.active{border-color:var(--ok)}
  .advf-chip .sev-dot{width:9px;height:9px;border-radius:50%}
  .adv-count{font-size:.75rem;font-weight:700;color:var(--ink-soft);margin-bottom:10px}
  .adv-rows{display:flex;flex-direction:column;gap:6px;max-height:min(46vh,360px);overflow-y:auto}
  .adv-row{display:flex;align-items:center;gap:11px;padding:9px 12px;border:1px solid var(--hairline);border-radius:10px;background:var(--glass-bg-strong)}
  .adv-row .sev-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
  .adv-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
  .adv-row-n{font-size:.84rem;font-weight:600;color:var(--ink);line-height:1.3}
  .adv-row-f{font-size:.72rem;color:var(--ink-soft)}
  .adv-badge{font-size:.68rem;font-weight:800;padding:.24em .6em;border-radius:999px;white-space:nowrap;flex-shrink:0}
  .adv-ok-b{color:var(--deep);background:rgba(142,211,146,.18)}
  html[data-theme="dark"] .adv-ok-b{color:var(--ok)}
  .adv-lock-b{color:var(--ink-soft);background:var(--track);border:1px solid var(--hairline)}
  .adv-empty{font-size:.82rem;color:var(--ink-soft);padding:16px;text-align:center}
  .adv-fam{display:flex;align-items:baseline;gap:8px;margin:14px 0 6px;padding-bottom:4px;border-bottom:1px solid var(--hairline)}
  .adv-fam:first-child{margin-top:0}
  .adv-fam-n{font-size:.76rem;font-weight:800;letter-spacing:.03em;color:var(--ink);text-transform:uppercase}
  .adv-fam-c{font-size:.7rem;font-weight:700;color:var(--ink-soft);opacity:.7}
  .tile.feat{background:rgba(214,69,80,.1);border-color:rgba(214,69,80,.32)}
  html[data-theme="dark"] .tile.feat{background:rgba(214,69,80,.1)}
  .tile.feat .ic{background:rgba(214,69,80,.18);color:var(--crit-t)}
  .tile.feat .num{color:var(--crit-t)}
  .tile.feat .biz-pill{display:inline-flex;align-items:center;gap:4px;font-size:.6rem;font-weight:800;color:var(--deep);margin-top:3px}
  .tile.feat .biz-pill svg{width:10px;height:10px}
  .charts-cta{display:block;text-align:center;margin-top:16px}
  .tile{padding:18px;border-radius:16px;background:var(--glass-bg-strong);border:1px solid var(--hairline);display:flex;flex-direction:row;align-items:flex-start;gap:14px}
  .tile .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .tile .ic svg{width:23px;height:23px}
  .tile .t{display:flex;flex-direction:column;gap:1px;min-width:0}
  .tile .num{font-family:var(--font-head);font-weight:800;font-size:2.3rem;line-height:1;letter-spacing:-.02em}
  .tile .lbl{font-size:.8rem;color:var(--ink-soft);line-height:1.3}
  .ic-exec{background:rgba(78,124,63,.12);color:var(--deep)}
  .ic-ok{background:rgba(142,211,146,.18);color:var(--ok)}
  .ic-attn{background:var(--crit-bg);color:var(--crit-t)}
  .ic-parc{background:rgba(224,149,74,.16);color:var(--imp-t)}
  .ic-nc{background:rgba(122,134,154,.16);color:#6f7a8d} html[data-theme="dark"] .ic-nc{color:#9aa6ba}
  .tile.ok .num{color:var(--ok)} .tile.parc .num{color:var(--imp-t)} .tile.attn .num{color:var(--crit-t)}
  .tile.nc .num{color:#6f7a8d} html[data-theme="dark"] .tile.nc .num{color:#9aa6ba}
  .feature-wrap{display:flex;justify-content:center;margin-top:14px}
  .tile-feature{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 20px;padding:20px 28px;border-radius:18px;max-width:680px;background:rgba(224,149,74,.1);border:1px solid rgba(224,149,74,.32)}
  html[data-theme="dark"] .tile-feature{background:rgba(224,149,74,.09)}
  .tile-feature .ic{width:48px;height:48px;border-radius:13px;background:rgba(224,149,74,.2);color:var(--warn-t);flex-shrink:0;display:flex;align-items:center;justify-content:center}
  .tile-feature .ic svg{width:26px;height:26px}
  .tile-feature .num{font-family:var(--font-head);font-weight:800;font-size:3rem;line-height:.9;letter-spacing:-.02em;color:var(--warn-t)}
  .tile-feature .tf-txt{display:flex;flex-direction:column;gap:7px;align-items:flex-start}
  .tile-feature .tf-txt .lbl{font-size:1rem;color:var(--ink);font-weight:600}
  .breakdown{display:grid;grid-template-columns:0.86fr 1fr;gap:30px 34px;margin-top:30px;align-items:start;direction:rtl;position:relative}
  .breakdown>*{direction:ltr}
  .breakdown h3{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);opacity:.75;font-weight:800;margin-bottom:14px}
  .breakdown h3.mt{margin-top:38px}
  .donut-widget{display:flex;align-items:center;gap:20px;margin-bottom:4px}
  .donut{position:relative;width:150px;height:150px;flex-shrink:0}
  .donut svg{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
  .donut svg circle{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .3s cubic-bezier(.34,1.1,.64,1),filter .3s ease}
  .donut .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
  .donut-pct{position:absolute;transform:translate(-50%,-50%);font-size:.62rem;font-weight:800;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.55),0 1px 2px rgba(0,0,0,.4);pointer-events:none;white-space:nowrap;z-index:1}
  .donut-info{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;background:var(--glass-bg-strong);border:1px solid var(--hairline);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:var(--font-head);font-weight:800;font-size:1rem;font-style:italic;line-height:1;z-index:2;transition:color .2s,border-color .2s,background .2s}
  .donut-info:hover{color:var(--deep);border-color:var(--deep);background:var(--bg)}
  .donut-hint{display:block;font-size:.78rem;color:var(--ink-soft);margin:2px 0 16px;line-height:1.5;width:100%}
  .donut-hint .dh-ic{display:inline-block;vertical-align:-2px;width:14px;height:14px;color:var(--deep);margin-right:2px}
  .dlegend .sw.sw-none{background:transparent}
  .dlegend .dlrow-all{border-top:1px solid var(--hairline);margin-top:6px;padding-top:7px}
  .dlegend .dlrow-all .lg-label{font-weight:700;color:var(--ink)}
  .dlegend .dlrow-all .lg-num{color:var(--ink)}
  .dlegend .dlrow-all.clickable{margin:6px -6px 0;padding:7px 6px 4px}
  .donut-hint strong{color:var(--ink)}
  .dlegend .dlrow.clickable{cursor:pointer;border-radius:8px;padding:3px 6px;margin:-3px -6px;transition:background .15s,opacity .2s}
  .dlegend .dlrow.clickable:hover{background:var(--glass-bg-strong)}
  .dlegend .dlrow.sel{background:var(--glass-bg-strong)}
  .dlegend .dlrow.sel .lg-label{color:var(--ink);font-weight:700}
  .dlegend .dlrow.dim{opacity:.4}
  .dlegend .dlrow{transition:background .15s}
  .dlegend .dlrow.dl-hi{background:var(--glass-bg-strong);border-radius:8px;padding:3px 6px;margin:-3px -6px}
  .dlegend .dlrow.dl-hi .lg-label{color:var(--ink);font-weight:700}
  .dlegend .dlrow.dl-hi .lg-num{color:var(--ink)}
  .dfilt{display:inline-flex;align-items:center;gap:5px;margin-left:9px;font-size:.7rem;font-weight:700;color:var(--ink-soft);text-transform:none;letter-spacing:0;vertical-align:middle}
  .dfilt-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
  .fam-bar .s.has-pct{display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4);min-width:0;overflow:hidden}
  .donut .center .big{font-family:var(--font-head);font-weight:800;font-size:2rem;line-height:1}
  .donut .center .cap{font-size:.6rem;font-weight:700;letter-spacing:.03em;color:var(--ink-soft);text-transform:uppercase;margin-top:2px}
  .dlegend{display:flex;flex-direction:column;gap:9px;flex:1;min-width:0;font-size:.85rem}
  .dlrow{display:flex;align-items:center;gap:9px}
  .dlrow .sw{width:11px;height:11px;border-radius:3px;flex-shrink:0}
  .dlrow .sw.hatch{background:repeating-linear-gradient(45deg,var(--locked-a),var(--locked-a) 3px,var(--locked-b) 3px,var(--locked-b) 6px)}
  .dlrow .lg-label{flex:1;display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
  .dlrow .lg-num{font-family:var(--font-head);font-weight:800;color:var(--ink-soft);text-align:right}
  .fam-legend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.78rem;color:var(--ink-soft);margin-bottom:16px}
  .fam-legend .k{display:inline-flex;align-items:center;gap:6px}
  .fam-legend .sw{width:10px;height:10px;border-radius:3px}
  .fam-legend .sw.g{background:var(--a3)} .fam-legend .sw.o{background:var(--imp)}
  .fam-legend .sw.hatch{background:repeating-linear-gradient(45deg,var(--locked-a),var(--locked-a) 3px,var(--locked-b) 3px,var(--locked-b) 6px)}
  .fam-row{margin-bottom:9px}
  .fam-row .top{display:flex;justify-content:space-between;align-items:center;font-size:.86rem;margin-bottom:5px;gap:10px}
  .fam-row .top .name{font-weight:600;display:inline-flex;align-items:center;gap:7px;min-width:0}
  .fam-row .fam-ic{display:inline-flex;flex-shrink:0;color:var(--ink-soft);opacity:.85}
  .fam-row .fam-ic svg{width:15px;height:15px}
  .fam-row .counts{display:inline-flex;align-items:center;gap:9px;font-size:.78rem;font-weight:700}
  .fam-row .counts .g{color:var(--ok)} .fam-row .counts .o{color:var(--imp-t)}
  .fam-bar{display:flex;height:16px;border-radius:999px;overflow:hidden;background:var(--track)}
  .fam-bar .s{height:100%;width:0;transition:width .9s cubic-bezier(.22,.61,.36,1)}
  .fam-bar .s.g{background:var(--a3)} .fam-bar .s.o{background:var(--imp)}
  .fam-bar .s.h{background:repeating-linear-gradient(45deg,var(--locked-a),var(--locked-a) 5px,var(--locked-b) 5px,var(--locked-b) 10px)}
  .fam-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:6px}
  .fam-card{background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:14px;padding:13px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:11px;transition:border-color .2s}
  .fam-card:hover{border-color:var(--a2)}
  .fam-card-h{align-self:stretch;display:flex;align-items:center;gap:7px;font-size:.84rem;font-weight:600;color:var(--ink);min-width:0}
  .fam-card-h .fam-ic{display:inline-flex;flex-shrink:0;color:var(--ink-soft);opacity:.85}
  .fam-card-h .fam-ic svg{width:15px;height:15px}
  .fam-vbar{width:38px;height:104px;border-radius:11px;overflow:hidden;background:var(--track);display:flex;flex-direction:column}
  .fam-vbar .vs{flex:0 1 0;min-height:0;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.45);overflow:hidden;transition:flex-grow .5s ease,filter .2s}
  .fam-vbar .vs.g{background:var(--a3)} .fam-vbar .vs.o{background:var(--imp)}
  .fam-vbar .vs:hover{filter:brightness(1.09) saturate(1.1)}
  .fam-vcounts{display:flex;gap:16px;font-size:.82rem;font-weight:700}
  .fam-vcounts span{display:inline-flex;align-items:center;gap:5px}
  .fam-vcounts span::before{content:"";width:8px;height:8px;border-radius:2px}
  .fam-vcounts .g{color:var(--ok)} .fam-vcounts .g::before{background:var(--a3)}
  .fam-vcounts .o{color:var(--imp-t)} .fam-vcounts .o::before{background:var(--imp)}
  .fam-legend .k{transition:color .15s} .fam-legend .k.k-hi{color:var(--ink);font-weight:700}
  .hgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-top:6px}
  .hcard{background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:14px;padding:17px 16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}
  .hcard:hover{border-color:var(--a2)}
  .hcard.al-pinned{border-color:var(--deep);box-shadow:0 0 0 1px var(--deep) inset}   
  .hcard-h{display:flex;align-items:center;gap:7px;font-size:.84rem;font-weight:600;color:var(--ink);min-width:0}
  .hcard-h .fam-ic{display:inline-flex;flex-shrink:0;color:var(--ink-soft);opacity:.85}
  .hcard-h .fam-ic svg{width:15px;height:15px}
  .hcard-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hstatus{margin-left:auto;flex-shrink:0;font-size:.6rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:.24em .6em;border-radius:999px}
  .hstatus.ok{color:var(--ok);background:rgba(142,211,146,.16);border:1px solid rgba(142,211,146,.42)}
  .hstatus.warn{color:var(--imp-t);background:rgba(224,149,74,.14);border:1px solid rgba(224,149,74,.4)}
  .hstatus.prio{color:var(--crit-t);background:rgba(214,69,80,.16);border:1px solid rgba(214,69,80,.46)}
  /* tarjetas de familia interactivas (filtran los quesitos) */
  .hcard{cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .12s}
  .hcard:hover{border-color:var(--deep)}
  .hcard.fam-active{border-color:var(--deep);box-shadow:0 0 0 1px var(--deep) inset}
  .hcard:has(.hstatus.prio){border-color:rgba(214,69,80,.5)}
  .hcard:has(.hstatus.prio).fam-active{border-color:var(--crit);box-shadow:0 0 0 1px var(--crit) inset}
  .hcounts .o{cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;border-radius:5px}
  .hcounts .o:hover{color:var(--crit-t)}
  /* caption "Filtrado por familia" en cabeceras de quesitos */
  .dfam{display:inline-flex;align-items:center;gap:5px;margin-left:8px;font-size:.62rem;font-weight:800;letter-spacing:.02em;text-transform:none;color:var(--deep);background:var(--mej-bg);border:1px solid rgba(78,124,63,.32);border-radius:999px;padding:2px 8px;vertical-align:middle}
  .dfam svg{width:11px;height:11px}
  html[data-theme="dark"] .dfam{color:var(--ok)}
  /* barra de filtro por familia en los hallazgos */
  .find-filter{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 14px;padding:9px 14px;border-radius:12px;background:var(--mej-bg);border:1px solid rgba(78,124,63,.32)}
  .find-filter .ff-lbl{display:inline-flex;align-items:center;gap:6px;font-size:.84rem;color:var(--ink)}
  .find-filter .ff-lbl svg{width:14px;height:14px;color:var(--deep);flex-shrink:0}
  .find-filter .ff-fam{font-weight:800}
  .find-filter .ff-clear{margin-left:auto;font-family:var(--font);font-size:.8rem;font-weight:700;color:var(--deep);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
  .find-filter[hidden]{display:none}
  html[data-theme="dark"] .find-filter .ff-lbl svg,html[data-theme="dark"] .find-filter .ff-clear{color:var(--ok)}
  .hcard-mid{display:flex;align-items:baseline;gap:6px}
  .hpct{font-family:var(--font-head);font-weight:800;font-size:1.9rem;line-height:1;color:var(--ink)}
  .hpu{font-size:1rem;font-weight:800;color:var(--ink-soft);margin-left:1px}
  .hpl{font-size:.78rem;color:var(--ink-soft)}
  .hbar{height:8px;border-radius:999px;background:var(--track);overflow:hidden}
  .hbar-fill{display:block;height:100%;border-radius:999px;background:var(--a3);transition:width .9s cubic-bezier(.22,.61,.36,1)}
  .hcounts{display:flex;justify-content:space-between;gap:8px;font-size:.74rem;font-weight:600}
  .hcounts .g{color:var(--ok)} .hcounts .o{color:var(--imp-t)}
  .summary-card{padding:30px 32px}
  .summary-card p{font-size:clamp(1rem,2.3vw,1.12rem)} .summary-card p+p{margin-top:14px} .summary-card strong{color:var(--ink)}
  .summary-card .gstate:last-child{margin-bottom:0}
  .v-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;justify-content:center}
  .v-chip{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;padding:.55em 1.05em;border-radius:999px;border:1px solid var(--hairline);background:var(--glass-bg-strong);color:var(--ink-soft)}
  .v-chip strong{font-family:var(--font-head);font-weight:800;color:var(--ink);font-size:1.05em}
  .v-chip svg{width:15px;height:15px;flex-shrink:0}
  .v-chip.ok svg{color:var(--ok)} .v-chip.warn svg{color:var(--warn-t)} .v-chip.locked svg{color:var(--ink-soft);opacity:.8}
  /* Estado global — sentencia que no sentencia: color + frase, sin nota ni veredicto */
  .gstate{display:flex;align-items:center;gap:14px;padding:15px 20px;border-radius:16px;margin-bottom:20px;border:1px solid}
  .gstate .gs-dot{flex-shrink:0;width:14px;height:14px;border-radius:50%}
  .gstate .gs-txt{font-size:clamp(.98rem,2.2vw,1.08rem);line-height:1.4}
  .gstate .gs-txt strong{font-family:var(--font-head)}
  .gstate.g-ok{background:rgba(142,211,146,.14);border-color:var(--mej-bd)} .gstate.g-ok .gs-dot{background:var(--mej)}
  .gstate.g-warn{background:rgba(224,149,74,.12);border-color:var(--imp-bd)} .gstate.g-warn .gs-dot{background:var(--imp)}
  .gstate.g-bad{background:rgba(214,69,80,.1);border-color:var(--crit-bd)} .gstate.g-bad .gs-dot{background:var(--crit)}
  .warn-callout{margin-top:18px;padding:15px 19px;border-radius:14px;background:rgba(224,149,74,.1);border:1px solid rgba(224,149,74,.3);display:flex;gap:14px;align-items:center;font-size:.96rem}
  .warn-callout .wic{flex-shrink:0;width:30px;height:30px;color:var(--warn-t)}
  .warn-callout strong{color:var(--ink)}
  .lead-card{padding:18px 22px;margin-bottom:16px}
  .lead-line{font-size:1rem} .lead-line strong{color:var(--ink)}
  details.role-group{margin-bottom:11px;border:1px solid var(--hairline);border-radius:16px;background:var(--glass-bg-strong);overflow:hidden}
  details.role-group>summary{list-style:none;cursor:pointer}
  details.role-group>summary::-webkit-details-marker{display:none}
  .role-head{display:flex;align-items:center;gap:12px;padding:15px 18px;flex-wrap:wrap}
  .role-head .ric{width:34px;height:34px;border-radius:10px;background:rgba(78,124,63,.12);color:var(--deep);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .role-head .ric svg{width:19px;height:19px}
  .role-head .rname{font-family:var(--font-head);font-weight:800;font-size:1.02rem}
  .role-head .rsub{font-size:.8rem;color:var(--ink-soft)}
  .role-head .rspacer{flex:1;min-width:8px}
  .role-head .rmeta{display:flex;flex-direction:column;align-items:flex-end;gap:5px}
  .role-head .rcount{font-size:.72rem;font-weight:700;color:var(--ink-soft)}
  .rcounts{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800}
  .rcounts .rc{display:inline-flex;align-items:center;gap:4px}
  .rcounts .rc .d{width:8px;height:8px;border-radius:50%;flex-shrink:0}
  .rcounts .rc.c .d{background:var(--crit)} .rcounts .rc.c{color:var(--crit-t)}
  .rcounts .rc.i .d{background:var(--imp)} .rcounts .rc.i{color:var(--imp-t)}
  .rcounts .rc.m .d{background:var(--mej)} .rcounts .rc.m{color:var(--mej-t)}
  .role-head .rchev{transition:transform .25s;color:var(--ink-soft)}
  .role-head .rchev svg{width:18px;height:18px;display:block}
  details.role-group[open] .role-head .rchev{transform:rotate(180deg)}
  .role-body{padding:2px 14px 14px}
  .finding{padding:18px 20px;margin-bottom:9px;border-radius:14px;background:var(--field);border:1px solid var(--hairline);border-left:3px solid var(--crit-bd)}
  .finding:last-child{margin-bottom:0}
  .finding.imp{border-left-color:var(--imp-bd)} .finding.mej{border-left-color:var(--mej-bd)}
  .finding .head{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;margin-bottom:9px}   
  .finding .fam{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);opacity:.8}
  .finding .head .chip{order:1}
  html[data-plan="free"] .finding .head .chip{margin-left:auto}   
  .finding .head .fnd-decision{order:0;flex:none}   
  html[data-plan="paid"] .finding.managed .head .fnd-decision{display:none}   
  html[data-plan="free"] .finding .head .fnd-decision{}   
  .finding .head .fnd-fam-ic,.finding .head .fam{flex:none}
  html[data-plan="paid"] .finding[data-decision="pend"]>.fnd-ctrls{display:none;margin:0}   
  .finding .fam-spec{order:2;display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:700;color:var(--ink-soft);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:999px;padding:.24em .7em;white-space:nowrap;flex:none}   
  .finding .fam-spec svg{width:12px;height:12px;flex-shrink:0;opacity:.85}
  .fam-spec.rc-tec{color:#5a86ad;background:rgba(90,134,173,.13);border-color:rgba(90,134,173,.42)}
  .fam-spec.rc-mkt{color:#b0771f;background:rgba(224,149,74,.14);border-color:rgba(224,149,74,.44)}
  .fam-spec.rc-cont{color:#2f9c8b;background:rgba(47,156,139,.13);border-color:rgba(47,156,139,.42)}
  .fam-spec.rc-ux{color:#8a67cf;background:rgba(138,103,207,.14);border-color:rgba(138,103,207,.44)}
  .fam-spec.rc-pm{color:var(--deep);background:var(--mej-bg);border-color:rgba(78,124,63,.42)}
  html[data-theme="dark"] .fam-spec.rc-tec{color:#93b7d8}
  html[data-theme="dark"] .fam-spec.rc-mkt{color:#e2b587}
  html[data-theme="dark"] .fam-spec.rc-cont{color:#82d6c8}
  html[data-theme="dark"] .fam-spec.rc-ux{color:#b89ce9}
  .adv-areas{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
  .adv-areas li{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:999px;padding:.3em .8em}
  .adv-areas .aa-ic{display:inline-flex;color:var(--deep)}
  .adv-areas .aa-ic svg{width:14px;height:14px}
  html[data-theme="dark"] .adv-areas .aa-ic{color:var(--ok)}
  .chip{font-size:.68rem;font-weight:800;letter-spacing:.04em;padding:.3em .8em;border-radius:999px;white-space:nowrap}
  .chip.crit{color:var(--crit-t);background:var(--crit-bg);border:1px solid var(--crit-bd)}
  .chip.imp{color:var(--imp-t);background:var(--imp-bg);border:1px solid var(--imp-bd)}
  .chip.cat-bloq{color:var(--crit-t);background:var(--crit-bg);border:1px solid var(--crit-bd)}
  .chip.cat-lim{color:var(--imp-t);background:var(--imp-bg);border:1px solid var(--imp-bd)}
  .chip.cat-afec{color:#8a6d18;background:rgba(224,195,74,.17);border:1px solid rgba(224,195,74,.46)}
  html[data-theme="dark"] .chip.cat-afec{color:#e6cf7d}
  .chip.mej{color:#fff;background:#4E7C3F;border:1px solid #4E7C3F}
  .finding .fnd-title{font-family:var(--font-head);font-weight:800;font-size:1.05rem;line-height:1.3;color:var(--ink);margin:0 0 5px}
  html[data-plan="free"] .finding:not(.managed)>.fnd-title{grid-area:ttl;align-self:end}
  .finding.managed .fnd-title{display:none}
  .finding .fact{font-family:var(--font);font-weight:500;font-size:.95rem;line-height:1.4;margin-bottom:6px;color:var(--ink)}
  .finding .impact{font-size:.92rem;color:var(--ink-soft)}
  details.tech{margin-top:12px;border:1px solid var(--hairline);border-radius:12px;background:var(--glass-bg-strong);overflow:hidden}
  details.tech summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:9px 10px;border-radius:8px;background:none;font-size:.8rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--deep);opacity:.62;transition:color .2s,opacity .2s,background .2s}   
  details.tech summary>svg{transform:translateY(1px)}   
  html[data-theme="dark"] details.tech summary{color:var(--ok)}
  details.tech summary:hover{opacity:1;background:rgba(142,211,146,.12)}
  details.tech summary .tech-lbl{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
  details.tech summary::-webkit-details-marker{display:none}
  details.tech summary .chev{display:none}   
  details.tech[open] summary .chev{transform:rotate(180deg)}
  details.tech summary svg{width:15px;height:15px}
  .tech-body{padding:4px 14px 14px}
  .metric{display:grid;grid-template-columns:1fr auto;gap:6px 16px;padding:8px 0;border-top:1px dashed var(--hairline);font-size:.85rem;align-items:center}
  .metric:first-child{border-top:none}
  .metric .mk{color:var(--ink-soft)}
  .metric .mv{font-family:var(--font-head);font-weight:700;font-size:.86rem;text-align:right}
  .metric .mv .now{color:var(--crit-t)} .metric .mv .arr{opacity:.5;margin:0 6px} .metric .mv .goal{color:var(--ok)}
  .tech-body .metric .mk .ev-mk{display:inline-flex;vertical-align:-2px;width:14px;height:14px;margin-right:7px}
  .tech-body .metric .mk.mk-def .ev-mk{margin-right:5px}
  .ev-mk svg{width:100%;height:100%}
  .ev-mk.ev-ok{color:#4E7C3F} .ev-mk.ev-parc{color:var(--ink-soft)} .ev-mk.ev-no{color:var(--crit)}
  .rest-bar{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:15px 22px;border-radius:16px;margin-top:8px;background:rgba(224,149,74,.1);border:1px solid rgba(224,149,74,.3)}
  .rest-bar .wic{width:22px;height:22px;color:var(--warn-t);flex-shrink:0}
  .rest-bar .lbl{font-weight:600;font-size:.9rem;color:var(--ink)}
  .rest-bar .spacer{flex:1;min-width:16px}
  .rest-bar .rr{display:inline-flex;align-items:center;gap:9px;font-size:.9rem;font-weight:700}
  .missing-card{padding:28px 30px;margin-top:12px}
  .missing-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap}
  .missing-head h3{font-size:clamp(1.15rem,2.6vw,1.4rem)}
  .missing-head .mh-sub{width:100%;color:var(--ink-soft);font-size:.94rem;margin-top:4px}
  .missing-head .mh-sub strong{color:var(--ink)}
  .missing-head .mh-cta{width:100%;font-size:1.05rem;color:var(--ink);font-weight:600;margin-top:12px}
  .missing-head .mh-cta strong{color:var(--ink)}
  .missing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .mcheck{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:12px;background:var(--field);border:1px solid var(--hairline)}
  .mcheck .lk{width:16px;height:16px;color:var(--locked);flex-shrink:0}
  html[data-theme="dark"] .mcheck .lk{color:var(--a2)}
  .mcheck .mc-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
  .mcheck .mc-fam{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);opacity:.7}
  .mcheck .mc-name{font-size:.86rem;font-weight:600;line-height:1.25}
  .mcheck.more{background:linear-gradient(120deg,rgba(236,222,105,.14),rgba(142,211,146,.16));border:1px solid rgba(188,212,122,.42);flex-direction:column;align-items:flex-start;gap:5px;justify-content:center}
  html[data-theme="dark"] .mcheck.more{background:linear-gradient(120deg,rgba(236,222,105,.08),rgba(142,211,146,.1))}
  .mcheck.more .big{font-family:var(--font-head);font-weight:800;font-size:1.5rem;color:var(--deep);line-height:1}
  .mcheck.more .mm-txt{font-size:.78rem;color:var(--ink-soft);line-height:1.35}
  .mcheck.more .mm-txt strong{color:var(--ink)}
  .resolve-card{padding:34px 34px}
  .resolve-intro{max-width:660px;margin:0 auto 26px;text-align:center}
  .resolve-intro p{color:var(--ink-soft);font-size:1.02rem} .resolve-intro p+p{margin-top:18px}
  .resolve-intro p strong{color:var(--ink)}
  .resolve-intro .rbig{display:block;margin-top:12px;font-size:1.18rem;font-weight:600;color:var(--ink);line-height:1.4}
  .pc-question{font-family:var(--font-head);font-size:1.72rem;font-weight:800;color:var(--ink);line-height:1.18;letter-spacing:-.01em;margin:2px auto 12px;text-align:center}
  .pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:720px;margin:0 auto 30px}
  .pillar{padding:18px;border-radius:14px;background:var(--glass-bg-strong);border:1px solid var(--hairline);text-align:center}
  .pillar .pt{font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--deep)}
  .btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--font);font-weight:700;font-size:.98rem;border-radius:999px;padding:.95em 1.9em;border:1px solid transparent;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,border-color .2s;white-space:nowrap}
  .btn svg{width:1.05em;height:1.05em} .btn:active{transform:translateY(1px)}
  .btn-primary{color:var(--navy);background:var(--grad);background-size:150% 150%;box-shadow:0 10px 26px -8px rgba(126,178,106,.55),inset 0 1px 0 rgba(255,255,255,.35)}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(126,178,106,.65),inset 0 1px 0 rgba(255,255,255,.35)}
  .btn-lg{padding:1.05em 2.2em;font-size:1.05rem}
  .also{margin-top:22px;padding-top:20px;border-top:1px dashed var(--hairline)}
  .also .also-label{text-align:center;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);opacity:.75;margin-bottom:12px}
  .sec-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
  .btn-sec{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-weight:600;font-size:.86rem;color:var(--ink-soft);background:none;border:1px solid var(--hairline);border-radius:999px;padding:.6em 1.1em;cursor:pointer;transition:color .2s,border-color .2s}
  .btn-sec:hover{color:var(--ink);border-color:var(--a2)} .btn-sec svg{width:15px;height:15px}
  .toast{position:fixed;left:50%;bottom:26px;z-index:1200;max-width:min(90vw,540px);font-size:.86rem;font-weight:700;color:var(--ink);background:color-mix(in srgb,var(--bg) 90%,var(--ink) 10%);border:1px solid var(--hairline);border-radius:12px;padding:.72em 1.2em;box-shadow:0 14px 34px -12px rgba(0,0,0,.7);opacity:0;transform:translateX(-50%) translateY(8px);transition:opacity .3s,transform .3s;text-align:center;pointer-events:none}   
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
  .panel{max-width:600px;margin:24px auto 0;overflow:hidden;max-height:0;opacity:0;transition:max-height .5s ease,opacity .4s ease}
  .panel.open{max-height:3200px;opacity:1}
  .panel-inner{padding:26px;border-radius:18px;background:var(--field);border:1px solid var(--hairline);scroll-margin-top:20px}
  .field{margin-bottom:15px}
  .field label{display:block;font-size:.8rem;font-weight:700;margin-bottom:6px}
  .field .hint{font-weight:500;color:var(--ink-soft);font-size:.75rem}
  .field input,.field select,.field textarea{width:100%;font-family:var(--font);font-size:.92rem;color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--field-bd);border-radius:11px;padding:.7em .85em;outline:none;transition:border-color .2s}
  .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--a2)}
  .field .msg{font-size:.78rem;font-weight:700;margin-top:6px;min-height:1em}
  .field .msg.err{color:var(--crit-t)} .field .msg.ok{color:var(--ok)}
  .field-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .field-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
  .preview{background:var(--bg-soft);border:1px dashed var(--field-bd);border-radius:12px;padding:14px 16px;font-size:.86rem}
  html[data-theme="dark"] .preview{background:rgba(255,255,255,.03)}
  .preview .pv-head{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);opacity:.7;margin-bottom:12px;display:flex;align-items:center;gap:7px}
  .preview .pv-part{font-size:.64rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--wk);margin-bottom:5px}
  .preview .pv-subj{font-weight:700;color:var(--ink);line-height:1.4}
  .preview .pv-div{height:1px;background:var(--field-bd);margin:13px 0;opacity:.7}
  .preview .pv-body{color:var(--ink-soft);line-height:1.6}
  .preview .pv-body strong{color:var(--ink)}
  .tc{display:flex;align-items:flex-start;gap:9px;font-size:.85rem;margin:15px 0}
  .tc input{width:auto;margin-top:3px;accent-color:var(--deep)}
  .tc a{color:var(--deep);font-weight:700;text-decoration:underline;cursor:pointer}
  .legal{font-size:.78rem;color:var(--ink-soft);line-height:1.5;background:var(--bg-soft);border-radius:10px;padding:12px 14px;margin:-6px 0 14px;display:none}
  html[data-theme="dark"] .legal{background:rgba(255,255,255,.03)}
  .legal.show{display:block}
  .success{text-align:center;padding:12px 6px 6px;animation:fadein .5s ease both}
  @keyframes fadein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
  .success h4{font-size:1.35rem;margin-bottom:8px}
  .success p{color:var(--ink-soft);font-size:.98rem;max-width:44ch;margin:0 auto} .success p strong{color:var(--ink)}
  .suri-av{position:relative;width:160px;height:160px;margin:20px auto 6px}
  .suri-av .ring{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:linear-gradient(120deg,rgba(236,222,105,.35),rgba(142,211,146,.4));border:3px solid rgba(255,255,255,.8);box-shadow:0 14px 34px -12px rgba(78,124,63,.5)}
  html[data-theme="dark"] .suri-av .ring{border-color:rgba(255,255,255,.15)}
  .suri-av .ring img{width:100%;height:100%;object-fit:cover;display:block}
  .suri-av .thumb{position:absolute;right:-4px;bottom:2px;width:52px;height:52px;border-radius:50%;background:var(--grad);border:3px solid var(--bg);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -6px rgba(78,124,63,.55)}
  .suri-av .thumb svg{width:26px;height:26px;color:var(--navy)}
  .webinar-card{padding:38px 34px;text-align:center;background:linear-gradient(150deg,rgba(236,222,105,.1),rgba(142,211,146,.12) 70%)}
  html[data-theme="dark"] .webinar-card{background:linear-gradient(150deg,rgba(236,222,105,.06),rgba(142,211,146,.08) 70%)}
  .webinar-card .eyebrow{margin-bottom:1rem}
  .webinar-card h2{font-size:clamp(1.5rem,4vw,2.1rem);max-width:22ch;margin:0 auto 14px}
  .webinar-card .verbs{color:var(--deep)}
  .webinar-card .w-lead{color:var(--ink-soft);font-size:1.05rem;max-width:60ch;margin:0 auto 20px} .webinar-card .w-lead strong{color:var(--ink)}
  .w-benefits{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:26px}
  .w-benefit{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;background:var(--glass-bg-strong);border:1px solid var(--hairline);padding:.55em 1em;border-radius:999px}
  .w-benefit svg{width:15px;height:15px;color:var(--deep)}
  .sessions{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:6px 0 18px;text-align:left}
  .session{padding:14px 15px;border-radius:13px;background:var(--glass-bg-strong);border:1.5px solid var(--hairline);cursor:pointer;transition:border-color .2s,transform .2s}
  .session:hover{transform:translateY(-2px)}
  .session.sel{border-color:var(--deep);background:linear-gradient(120deg,rgba(236,222,105,.16),rgba(142,211,146,.16))}
  .session.disabled{cursor:not-allowed;opacity:.65;filter:grayscale(.7)}
  .session.disabled:hover{transform:none}
  .session.s11 .s-day{color:var(--deep);font-weight:800}
  .session.s11 .s-slots{color:var(--ink-soft)}
  .session.s11.sel{border-color:var(--deep)}
  /* encabezado de sección centrado (profesionales) */
  .sec-open.center{justify-content:center;position:relative;text-align:center}
  .sec-open.center .sec-chev{position:absolute;right:0;top:50%;transform:translateY(-50%)}
  details.sec[open]>summary .sec-open.center .sec-chev{transform:translateY(-50%) rotate(180deg)}
  .session .s-day{font-family:var(--font-head);font-weight:800;font-size:1rem}
  .session .s-time{font-size:.82rem;color:var(--ink-soft);margin-top:3px}
  .session .s-slots{font-size:.72rem;font-weight:700;color:var(--deep);margin-top:8px;display:inline-flex;align-items:center;gap:5px}
  .session .s-slots.na{color:var(--crit-t)} .session .s-slots.warn{color:var(--imp-t)}
  .session .s-slots svg{width:12px;height:12px}
  .foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--hairline);display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:.8rem;color:var(--ink-soft)}
  html[data-plan="free"] .foot{margin-top:0}   
  .foot .brand{gap:.5em;font-size:.9rem} .foot .logo-crop{width:26px;height:26px}
  .report-version{margin-top:14px;text-align:center;font-size:.72rem;color:var(--ink-soft);opacity:.6;letter-spacing:.04em;padding-bottom:100px}   
  .btn-outline{color:var(--deep);background:var(--glass-bg-strong);border:1.5px solid var(--a2);box-shadow:none}
  .btn-outline:hover{border-color:var(--deep);transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(78,124,63,.4)}
  .share-next{text-align:center;color:var(--ink-soft);font-size:.9rem;margin:14px auto 0;max-width:54ch}
  .share-next strong{color:var(--ink)}
  .share-alt{text-align:center;margin-top:16px}
  .linkbtn{background:none;border:none;font-family:var(--font);font-weight:700;font-size:.92rem;color:var(--wk);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:4px 6px}
  .linkbtn:hover{opacity:.78}
  .decide-btns .linkbtn{margin-left:auto;font-size:.72rem;padding:2px 4px;white-space:nowrap;flex:0 0 auto;align-self:center}   
  .success-more{margin-top:16px}
  .webinar-sub{text-align:center;font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);opacity:.7;margin-bottom:8px}
  .webinar-card{padding:32px 30px}
  .webinar-card h2{font-size:clamp(1.3rem,3vw,1.68rem);max-width:26ch}
  .webinar-card .w-lead{font-size:.98rem}
  :focus-visible{outline:2px solid var(--a2);outline-offset:3px;border-radius:8px}
  @media (max-width:820px){ .breakdown{grid-template-columns:1fr;gap:30px} .breakdown h3.mt{margin-top:24px} }
  @media (max-width:760px){
    .tiles{grid-template-columns:1fr 1fr}
    .missing-grid{grid-template-columns:1fr 1fr}
    .pillars{grid-template-columns:1fr}
    .scan-panel{grid-template-columns:1fr;gap:14px}
    .scan-shot{width:100%}
    .scan-cms{justify-content:flex-start}
    .scan-meta{position:static;margin-top:2px}
    .field-2{grid-template-columns:1fr}
    .field-3{grid-template-columns:1fr}
    .donut-widget{flex-direction:column;align-items:center;text-align:center}
    .dlegend{width:100%}
    .role-head .rmeta{align-items:flex-start;width:100%}
    .balance-card,.summary-card,.resolve-card,.webinar-card,.missing-card{padding-left:20px;padding-right:20px}
  }
  @media (max-width:480px){ .missing-grid{grid-template-columns:1fr} }
  @media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important} html{scroll-behavior:auto}}
  /* ===== V9: índice sticky + secciones colapsables ===== */
  .toc{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;gap:8px;margin:18px -24px 8px;padding:12px 24px;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--hairline)}
  .toc a{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:700;color:var(--ink-soft);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:999px;padding:7px 13px;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
  .toc a:hover{color:var(--ink);border-color:var(--a2)}
  .toc a .n{font-family:var(--font-head);font-weight:800;opacity:.55}
  .toc a.active{color:var(--navy);background:var(--grad);border-color:transparent;box-shadow:0 4px 12px -5px rgba(126,178,106,.6)}
  .toc a.active .n{opacity:.7}
  .toc-plan[hidden]{display:none!important}
  .toc-plan-n{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:auto;font-family:var(--font-head);font-size:.72rem;font-weight:800;line-height:1;border-radius:999px;background:color-mix(in srgb, var(--ink) 13%, var(--bg));color:var(--ink);border:1px solid var(--hairline)}   
  .toc a.toc-plan.active .toc-plan-n{background:var(--bg)}
  /* v25: TOC lateral vertical, liviano y minimalista */
  .toc-side{position:fixed;left:16px;top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px;width:auto;margin:0;padding:8px;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border:1px solid var(--hairline);border-radius:15px;border-bottom:1px solid var(--hairline);box-shadow:0 14px 38px -18px rgba(0,0,0,.55)}
  .toc-side a{display:flex;align-items:center;gap:9px;font-size:.78rem;font-weight:700;color:var(--ink-soft);background:none;border:none;border-left:2.5px solid transparent;border-radius:8px;padding:6px 12px 6px 11px;box-shadow:none;opacity:.85;transition:opacity .2s,color .2s,border-color .2s,background .2s}
  .toc-side a .n{font-family:var(--font-head);font-weight:800;font-size:.72rem;opacity:.7}
  .toc-side a:hover{opacity:1;color:var(--ink);background:var(--glass-bg-strong);border-left-color:var(--hairline)}
  .toc-side a.active{opacity:1;color:var(--deep);background:var(--mej-bg);box-shadow:none;border-left-color:var(--deep);font-weight:800}
  html[data-theme="dark"] .toc-side a.active{color:var(--ok)}
  .toc-side a.active .n{opacity:1;color:var(--deep)}
  html[data-theme="dark"] .toc-side a.active .n{color:var(--ok)}
  :root{--wsb-w:264px;--wsb-wc:96px}   
  @media(min-width:1181px){ :root{--wsb-w:290px;--wsb-wc:290px} }
  @media(max-width:1180px){ :root{--wsb-w:0px;--wsb-wc:0px} }
  .wsb{position:fixed;top:0;left:0;bottom:0;z-index:60;width:var(--wsb-w);display:flex;flex-direction:column;padding:12px 10px;background:color-mix(in srgb,var(--bg) 95%,#000 5%);border-right:1px solid var(--hairline);overflow-x:hidden;overflow-y:auto}
  html[data-theme="dark"] .wsb{background:color-mix(in srgb,var(--bg) 88%,#000 12%)}
  .wsb.collapsed:not(.peek){width:var(--wsb-wc)}
  .wsb.collapsed.peek{width:var(--wsb-w);z-index:80;box-shadow:0 18px 48px -12px rgba(0,0,0,.55)}
  .wsb-top{display:flex;align-items:center;justify-content:flex-end;min-height:32px;padding:0 2px 6px}
  .wsb.collapsed:not(.peek) .wsb-top{justify-content:center}
  .wsb-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:none;background:none;color:var(--ink-soft);border-radius:9px;cursor:pointer;flex:none;transition:background .15s,color .15s}
  .wsb-toggle:hover{background:var(--glass-bg-strong);color:var(--ink)}
  .wsb-toggle svg{width:19px;height:19px}
  .wsb-sec{display:flex;flex-direction:column;gap:1px}
  .wsb-sec-h{font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-soft);opacity:.65;padding:12px 10px 4px;white-space:nowrap}
  .wsb.collapsed:not(.peek) .wsb-sec-h{display:none}
  .wsb-spacer{flex:1 1 auto;min-height:8px}
  .wsb-bottom{flex:none;border-top:1px solid var(--hairline);padding-top:6px;margin-top:6px}
  /* el índice (#toc) reubicado dentro de la barra */
  .wsb .toc{position:static;transform:none;inset:auto;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1px;width:auto;margin:0;padding:0;background:none;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  .wsb .toc a{display:flex;align-items:center;gap:11px;font-size:.87rem;font-weight:600;color:var(--ink-soft);background:none;border:none;border-left:none;border-radius:9px;padding:9px 10px;opacity:1;white-space:nowrap;overflow:hidden;box-shadow:none;transition:background .15s,color .15s}
  .wsb .toc a:hover{background:var(--glass-bg-strong);color:var(--ink);border-left:none}
  .wsb .toc a.active{color:var(--sb-a2);background:var(--glass-bg-strong);font-weight:700;border-left:none}   
  html[data-theme="dark"] .wsb .toc a.active{color:var(--sb-a2)}
  .wsb .toc a .n{display:none}
  .wsb-ic{flex:none;width:19px;height:19px;color:currentColor;opacity:.9}
  .wsb.collapsed:not(.peek) .wsb-sec{align-items:center}
  .wsb.collapsed:not(.peek) .toc a>span{color:transparent}   
  .wsb.collapsed:not(.peek) .wsb-rep-opts>span{color:transparent}
  .wsb.collapsed:not(.peek) .wsb-rep-menu{display:none}      
  .wsb-bottom a{display:flex;align-items:center;gap:11px;font-size:.87rem;font-weight:600;color:var(--ink-soft);background:none;border:none;border-radius:9px;padding:9px 10px;text-decoration:none;white-space:nowrap;overflow:hidden;transition:background .15s,color .15s}
  .wsb-bottom a .n{display:none}
  .wsb-bottom a:hover{background:var(--glass-bg-strong);color:var(--ink)}
  .wsb-bottom a.active{background:var(--glass-bg-strong);color:var(--ink);font-weight:700}
  .wsb.collapsed:not(.peek) .wsb-bottom a{justify-content:center;padding:9px 0;gap:0}
  .wsb.collapsed:not(.peek) .wsb-bottom a>span{display:none}
  @media(max-width:820px){ .wsb-bottom a{justify-content:center;padding:9px 0;gap:0} .wsb-bottom a>span{display:none} }
  #wsbBottom #planToggle{margin:10px 4px 4px;width:auto}
  .wsb.collapsed:not(.peek) #planToggle{display:none}
  @media(max-width:820px){ #wsbBottom #planToggle{display:none} }
  .wsb-main{margin-top:2px}
  .wsb-main .wsb-sec-h{padding-top:6px}
  .wsb.collapsed:not(.peek) .wsb-bottom a{font-size:0}
  @media(max-width:820px){ .wsb .toc a,.wsb .wsb-bottom a{font-size:0} }
  #wsbBottom .acct{position:relative;display:block;width:100%;margin-top:2px}
  #wsbBottom .acct-btn{width:100%;justify-content:flex-start;gap:9px;padding:8px 9px;border-radius:10px;border-color:transparent;background:none}
  #wsbBottom .acct-btn:hover{background:var(--glass-bg-strong);border-color:transparent}
  #wsbBottom .acct-email{flex:1 1 auto;min-width:0;max-width:none;font-size:.85rem}
  #wsbBottom .acct-chev{margin-left:auto;transform:rotate(180deg)}
  #wsbBottom .acct-btn[aria-expanded="true"] .acct-chev{transform:rotate(0)}
  #wsbBottom .acct-menu{top:auto;bottom:calc(100% + 8px);left:6px;right:6px;width:auto;max-height:min(58vh,440px);overflow-y:auto}
  .wsb.collapsed:not(.peek) #wsbBottom .acct-btn{justify-content:center;padding:8px 0;gap:0}
  .wsb.collapsed:not(.peek) #wsbBottom .acct-email{display:none}
  .wsb.collapsed:not(.peek) #wsbBottom .acct-chev{display:none}
  .wsb.collapsed:not(.peek) #wsbBottom .acct-menu{left:calc(100% + 10px);right:auto;bottom:0;width:300px}
  @media(max-width:820px){ #wsbBottom .acct-btn{justify-content:center;padding:8px 0;gap:0} #wsbBottom .acct-email,#wsbBottom .acct-chev{display:none} #wsbBottom .acct-menu{left:calc(100% + 10px);right:auto;bottom:0;width:300px} }
  .hero-cta-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:none}
  .hero-cta-wrap #planToggle{margin:0;align-self:flex-end}
  .wsb-top{justify-content:space-between;gap:6px}
  .wsb-collapse-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border:none;background:none;color:var(--ink-soft);border-radius:8px;cursor:pointer;transition:background .15s,color .15s}
  .wsb-collapse-btn:hover{background:var(--glass-bg-strong);color:var(--ink)}
  .wsb-collapse-btn svg{width:18px;height:18px}
  .wsb-collapse-btn .ic-pin{display:none}
  .wsb.collapsed .wsb-collapse-btn .ic-fold{display:none}
  .wsb.collapsed .wsb-collapse-btn .ic-pin{display:inline}
  .wsb.collapsed:not(.peek) .wsb-collapse-btn{display:none}
  .h1-rep{display:inline-flex;align-items:center;gap:9px;margin-left:0;vertical-align:baseline;font-size:.7em}   
  .h1-rep-nm{color:var(--ink-soft);font-weight:600}
  .h1-rep-edit{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border:none;background:none;border-radius:7px;color:var(--ink-soft);opacity:.65;cursor:pointer;padding:0;transition:opacity .15s,background .15s,color .15s}
  .h1-rep-edit:hover{opacity:1;background:var(--glass-bg-strong);color:var(--ink)}
  .h1-rep-edit svg{width:16px;height:16px}
  .h1-rep-date{font-size:.62em;font-weight:300;font-style:italic;color:var(--ink-soft);opacity:.8}
  .h1-rep-cache{font-size:.58em;font-weight:400;font-style:normal;color:var(--ink-soft);opacity:.6;letter-spacing:.01em;white-space:nowrap}   
  .wsb.collapsed:not(.peek) .wsb-top{justify-content:center}
  .wsb-logo{display:inline-flex;align-items:center;gap:9px;min-width:0;border:none;background:none;padding:4px 6px;border-radius:10px;font-family:var(--font-head);font-weight:800;letter-spacing:.03em;font-size:1.02rem;color:var(--ink)}
  .wsb-logo .logo-crop{width:30px;height:30px}
  .wsb-logo-mark{display:inline-flex;flex:none}
  .wsb-logo-wm{white-space:nowrap;overflow:hidden}
  .wsb.collapsed:not(.peek) .wsb-logo{width:auto;padding:4px;gap:0;justify-content:center}
  .wsb.collapsed:not(.peek) .wsb-logo-wm{display:none}
  @media(max-width:820px){ .wsb-logo{width:auto;padding:4px;gap:0} .wsb-logo-wm{display:none} }
  html.has-wsb .topbar{display:none}
  #wsbBottom .acct-login{width:100%;justify-content:flex-start;gap:9px;border-radius:10px}
  .wsb.collapsed:not(.peek) #wsbBottom .acct-login{justify-content:center;padding:8px 0;gap:0;font-size:0}
  @media(max-width:820px){ #wsbBottom .acct-login{justify-content:center;padding:8px 0;gap:0;font-size:0} }
  #seguimos{display:none}
  html.view-ajustes .wrap>*:not(#seguimos):not(.modal-overlay){display:none}
  html.view-ajustes #seguimos{display:block}
  html.view-ajustes #seguimos>summary{pointer-events:none}          /* en la vista Ajustes el título no colapsa la sección (es la cabecera de la página) */
  html.view-ajustes #seguimos .sec-chev{display:none}
  .wsb-dom-title{display:flex;align-items:center;gap:8px;padding:2px 8px 9px;font-family:var(--font-head);font-weight:800;font-size:.92rem;color:var(--ink);white-space:nowrap;overflow:hidden}
  .wsb-dom-title .wsb-dom-ic{width:16px;height:16px;flex:none;color:var(--ink-soft)}
  .wsb-dom-name{overflow:hidden;text-overflow:ellipsis}
  .wsb.collapsed:not(.peek) .wsb-dom-title{justify-content:center;padding:2px 0 9px}
  .wsb.collapsed:not(.peek) .wsb-dom-name{display:none}
  @media(max-width:820px){ .wsb-dom-title{justify-content:center;padding:2px 0 9px} .wsb-dom-name{display:none} }
  .wsb-doms{border-top:1px solid var(--hairline);margin-top:8px;padding-top:4px}
  .wsb-dom{display:flex;flex-direction:column}
  .wsb-dom-h{display:flex;align-items:center;gap:7px;width:100%;border:none;background:none;border-radius:9px;padding:8px 9px;cursor:pointer;color:var(--ink-soft);font-family:var(--font);font-weight:600;font-size:.85rem;text-align:left;transition:background .15s,color .15s}
  .wsb-dom-h:hover{background:var(--glass-bg-strong);color:var(--ink)}
  .wsb-dom-chev{width:14px;height:14px;flex:none;transition:transform .18s;color:var(--ink-soft)}
  .wsb-dom.open>.wsb-dom-h .wsb-dom-chev{transform:rotate(90deg)}
  .wsb-dom-h[data-empty="1"] .wsb-dom-chev{opacity:.3}
  .wsb-dom-dot{width:8px;height:8px;border-radius:50%;flex:none}
  .wsb-dom-dot.ok{background:#63b56a} .wsb-dom-dot.warn{background:#e0954a} .wsb-dom-dot.bad{background:#d64550}
  .wsb-dom-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .wsb-dom.active>.wsb-dom-h{color:var(--sb-a0);font-weight:700}   
  .wsb-dom-reps{display:none;flex-direction:column;gap:1px;padding:1px 0 6px 13px}
  .wsb-dom.open>.wsb-dom-reps{display:flex}
  .wsb-rep{display:flex;flex-direction:column}
  .wsb-rep-h{display:flex;align-items:center;gap:2px;border-radius:8px;transition:background .15s}
  .wsb-rep-h:hover{background:var(--glass-bg-strong)}
  .wsb-rep.active>.wsb-rep-h{background:var(--glass-bg-strong)}
  .wsb-rep-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:6px;border:none;background:none;border-radius:8px;padding:6px 6px 6px 8px;cursor:pointer;text-align:left}
  .wsb-rep-toggle .wsb-dom-chev{width:12px;height:12px;flex:none;color:var(--ink-soft);opacity:.7;transition:transform .18s}
  .wsb-rep.open>.wsb-rep-h .wsb-dom-chev{transform:rotate(90deg)}
  .wsb-rep-dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--ink-soft);opacity:.4}
  .wsb-rep.active .wsb-rep-dot{background:var(--deep);opacity:1}
  html[data-theme="dark"] .wsb-rep.active .wsb-rep-dot{background:var(--ok)}
  .wsb-rep-tx{display:flex;flex-direction:column;min-width:0}
  .wsb-rep-nm{font-size:.82rem;font-weight:600;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wsb-rep.active .wsb-rep-nm{color:var(--sb-a1);font-weight:700}   
  .wsb-fg-list .wsb-rep.active .wsb-rep-nm{color:var(--sb-a2)}   
  .wsb-rep-dt{font-size:.7rem;color:var(--ink-soft);opacity:.7;white-space:nowrap}
  .wsb-rep-menu{display:none;flex-direction:column;padding:1px 0 5px 20px}
  .wsb-rep.open>.wsb-rep-menu{display:flex}
  .wsb-rep.has-toc>.wsb-rep-menu>.wsb-rep-sample{display:none}
  .wsb-rep-sample{display:flex;flex-direction:column}
  .wsb-rep-pt{display:flex;align-items:center;gap:11px;padding:6px 9px;border-radius:8px;font-size:.82rem;font-weight:600;color:var(--ink-soft);opacity:.7}
  .wsb-rep-menu .toc{position:static;margin:0;padding:0;width:auto}
  .wsb-rep-menu .toc a{padding-left:9px}
  .wsb-node-ic{width:17px;height:17px;flex:none;color:var(--ink-soft)}
  .wsb-fav{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;border-radius:5px;background:hsl(var(--fv,210) 52% 46%);color:#fff;font-family:var(--font-head);font-weight:800;font-size:10px;line-height:1;text-transform:uppercase}   
  .wsb-dom-h{font-size:.93rem}                                                     /* nivel 0 · dominio */
  .wsb-dom-h .wsb-node-ic{width:18px;height:18px}
  .wsb-dom-reps>.wsb-rep>.wsb-rep-h .wsb-rep-nm,.wsb-fg-nm{font-size:.84rem}        /* nivel 1 · informes + Historial */
  .wsb-dom-reps>.wsb-rep>.wsb-rep-h .wsb-node-ic,.wsb-fg-toggle .wsb-node-ic{width:16px;height:16px}
  .wsb-fg-list .wsb-rep-nm{font-size:.77rem}                                        /* nivel 2 · escaneos */
  .wsb-fg-list .wsb-rep-dt{font-size:.64rem}
  .wsb-fg-list .wsb-node-ic{width:14px;height:14px}
  .wsb-rep-menu .toc a,.wsb-rep-menu .wsb-rep-pt{font-size:.78rem}                  /* nivel 2 · puntos de menú del informe */
  .wsb-rep-menu .toc a .wsb-ic,.wsb-rep-menu .wsb-rep-pt .wsb-ic{width:14px;height:14px}
  .wsb-sec-h-ic{display:flex;align-items:center;gap:8px}
  .wsb-sec-h-ic svg{width:15px;height:15px;flex:none;opacity:.85}
  .wsb-dom-nm{flex:1}
  .wsb-dom-h .wsb-dom-dot{margin-left:auto}
  .wsb.collapsed:not(.peek) .wsb-dom-h{position:relative}
  .wsb.collapsed:not(.peek) .wsb-dom-dot{position:absolute;top:4px;left:19px;right:auto;margin:0;width:7px;height:7px;box-shadow:0 0 0 2px var(--bg)}
  .wsb-freegroup{display:flex;flex-direction:column}
  .wsb-fg-h{display:flex;align-items:center;gap:2px;border-radius:8px;transition:background .15s}
  .wsb-fg-h:hover{background:var(--glass-bg-strong)}
  .wsb-fg-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:6px;border:none;background:none;border-radius:8px;padding:6px 6px 6px 8px;cursor:pointer;text-align:left}
  .wsb-fg-toggle .wsb-dom-chev{width:12px;height:12px;flex:none;color:var(--ink-soft);opacity:.7;transition:transform .18s}
  .wsb-freegroup.open>.wsb-fg-h .wsb-dom-chev{transform:rotate(90deg)}
  .wsb-fg-nm{font-size:.82rem;font-weight:600;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wsb-fg-cal{flex:none;display:inline-flex;align-items:center;gap:3px;border:none;background:none;border-radius:7px;padding:5px 7px;margin-right:3px;cursor:pointer;color:var(--ink-soft);opacity:.55;transition:opacity .15s,color .15s,background .15s}
  .wsb-fg-cal:hover{opacity:1;background:var(--glass-bg-strong)}
  .wsb-fg-cal svg{width:14px;height:14px}
  .wsb-fg-cal-n{font-size:.68rem;font-weight:800;display:none}
  .wsb-fg-cal.on{opacity:1;color:#d1663c}
  .wsb-fg-cal.on .wsb-fg-cal-n{display:inline}
  html[data-theme="dark"] .wsb-fg-cal.on{color:#e8895a}
  .wsb-fg-list{display:none;flex-direction:column;padding-left:15px}
  .wsb-freegroup.open>.wsb-fg-list{display:flex}
  .wsb-rep.date-out{display:none}
  .wsb-rep.no-resolve .wsb-rep-menu .toc a[data-target="resolve"]{display:none}
  .wsb-fg-empty{display:none;font-size:.78rem;color:var(--ink-soft);opacity:.7;font-style:italic;padding:5px 9px}
  .wsb-add-dom{display:flex;align-items:center;gap:8px;width:100%;border:none;background:none;border-radius:9px;padding:8px 9px;margin-top:2px;cursor:pointer;color:var(--ink-soft);font-family:var(--font);font-weight:600;font-size:.85rem;text-align:left;transition:background .15s,color .15s}
  .wsb-add-dom:hover{background:var(--glass-bg-strong);color:var(--ink)}
  .wsb-add-dom svg{width:17px;height:17px;flex:none}
  .df-row{display:flex;gap:12px}
  .df-f{flex:1;display:flex;flex-direction:column;gap:5px;font-size:.75rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft)}
  .wsb-rep-filter{flex:none;display:inline-flex;align-items:center;gap:3px;border:none;background:none;border-radius:7px;padding:5px 7px;margin-right:3px;cursor:pointer;color:var(--ink-soft);opacity:.5;transition:opacity .15s,color .15s,background .15s}
  .wsb-rep-filter:hover{opacity:1;background:var(--glass-bg-strong)}
  .wsb-rep-filter svg{width:14px;height:14px}
  .wsb-rep-filter-n{font-size:.68rem;font-weight:800;display:none}
  .wsb-rep-filter.on{opacity:1;color:#d1663c}
  .wsb-rep-filter.on .wsb-rep-filter-n{display:inline}
  .wsb-rep-filter.txt-on .wsb-rep-filter-n{display:inline;color:#d1663c;opacity:1}
  html[data-theme="dark"] .wsb-rep-filter.txt-on .wsb-rep-filter-n{color:#e8895a}
  html[data-theme="dark"] .wsb-rep-filter.on{color:#e8895a}
  .wsb-dom-empty{font-size:.76rem;color:var(--ink-soft);opacity:.6;padding:2px 9px 6px;font-style:italic}
  .wsb.collapsed:not(.peek) .wsb-dom-nm,
  .wsb.collapsed:not(.peek) .wsb-rep-nm,
  .wsb.collapsed:not(.peek) .wsb-rep-dt,
  .wsb.collapsed:not(.peek) .wsb-fg-nm,
  .wsb.collapsed:not(.peek) .wsb-add-dom-tx,
  .wsb.collapsed:not(.peek) .wsb-rep-filter,
  .wsb.collapsed:not(.peek) .wsb-fg-cal{color:transparent}
  .wsb.collapsed:not(.peek) .wsb-dom-chev{display:none}   
  .wsb.collapsed:not(.peek) .wsb-rep-filter,.wsb.collapsed:not(.peek) .wsb-fg-cal{pointer-events:none}
  .wsb.collapsed:not(.peek) .wsb-doms>.wsb-sec-h{display:flex;color:transparent}
  .wsb.collapsed:not(.peek) .wsb-doms>.wsb-sec-h svg{stroke:var(--ink-soft)}
  .wsb.collapsed:not(.peek) .wsb-doms{align-items:stretch}   
  .wsb.collapsed:not(.peek) .wsb-dom-empty{display:none}   
  @media(max-width:820px){ .wsb .wsb-doms .wsb-sec-h,.wsb .wsb-dom-nm,.wsb .wsb-dom-reps{display:none} .wsb .wsb-dom-h{justify-content:center;padding:8px 0;gap:0} .wsb .wsb-dom-chev{display:none} }
  .wsb-urls{display:flex;align-items:center;gap:7px;width:calc(100% - 4px);margin:0 2px 4px;border:1px solid var(--hairline);background:none;border-radius:9px;padding:6px 9px;cursor:pointer;color:var(--ink-soft);font-family:var(--font);font-weight:600;font-size:.8rem;text-align:left;transition:background .15s,color .15s,border-color .15s}
  .wsb-urls:hover{background:var(--glass-bg-strong);color:var(--ink)}
  .wsb-urls-ic{width:14px;height:14px;flex:none}
  .wsb-urls-lbl{opacity:.85}
  .wsb-urls-tx{margin-left:auto;font-weight:700;color:var(--ink)}
  .wsb-urls.on{border-color:#d1663c;color:#d1663c}
  .wsb-urls.on .wsb-urls-tx{color:#d1663c}
  html[data-theme="dark"] .wsb-urls.on{border-color:#e8895a;color:#e8895a}
  html[data-theme="dark"] .wsb-urls.on .wsb-urls-tx{color:#e8895a}
  .wsb.collapsed:not(.peek) .wsb-urls{justify-content:center;padding:6px 0;gap:0}
  .wsb.collapsed:not(.peek) .wsb-urls-lbl,.wsb.collapsed:not(.peek) .wsb-urls-tx{display:none}
  @media(max-width:820px){ .wsb-urls{justify-content:center;padding:6px 0;gap:0} .wsb-urls-lbl,.wsb-urls-tx{display:none} }
  /* layout: empujar el contenido a la derecha de la barra */
  html.has-wsb body{padding-left:var(--wsb-w);transition:padding-left .2s}   
  html.has-wsb.wsb-collapsed body{padding-left:var(--wsb-wc)}   
  html.has-wsb .mini-site,html.has-wsb .sticky-reports{display:none!important}   
  @media(max-width:820px){ html.has-wsb body{padding-left:var(--wsb-wc)} .wsb{width:var(--wsb-wc)} .wsb .wsb-sec-h,.wsb .toc a>span{display:none} .wsb .toc a{justify-content:center;padding:9px 0;gap:0} .wsb-top{justify-content:center} }
  @media (max-width:1180px){ .toc-side{display:none} }
  details.sec{margin-top:34px;scroll-margin-top:82px}
  details.sec + details.sec{margin-top:10px}
  details.sec + details.sec[open]{margin-top:18px}   
  details.sec[open] + details.sec{margin-top:18px}   
  details.sec:not([open])>summary .sec-open{margin-bottom:0}   
  details.sec>summary{list-style:none;cursor:pointer}
  details.sec>summary::-webkit-details-marker{display:none}
  .sec-open{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:15px 20px 13px;border:none;border-bottom:1px solid var(--hairline);border-radius:0;background:none;transition:background .2s,border-color .2s,box-shadow .2s}   
  details.sec>summary:hover .sec-open{border-bottom-color:var(--a2)}   
  details.sec[open]>summary .sec-open{border-bottom-color:var(--a2)}   
  .sec-open .num{font-family:var(--font-head);font-weight:800;font-size:.8rem;color:var(--ink-soft);opacity:.55;letter-spacing:.05em}
  html[data-plan="paid"] .sec-open .num{display:none}   
  .sec-open h2{font-size:clamp(1.25rem,3vw,1.6rem)}
  .sec-open .num.sec-ico{opacity:1;display:inline-flex;align-items:center;justify-content:center;line-height:0;color:var(--a2)}   /* rev: iconografía tamaño título con degradado CTA (--grad) en vez de 1/2/✓; color de reserva si el gradiente no resolviera */
  .sec-open .num.sec-ico svg{width:clamp(1.5rem,3.4vw,1.9rem);height:clamp(1.5rem,3.4vw,1.9rem);stroke:url(#wkCta);stroke-width:1.2}
  .sec-open .num.sec-ico svg .ico-mark{stroke-width:1.5}   
  .sec-open .sec-chev{margin-left:auto;color:var(--deep);background:var(--field);border:1px solid var(--hairline);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;transition:transform .25s,background .2s;flex-shrink:0}
  .sec-open .sec-chev svg{width:18px;height:18px;display:block}
  details.sec[open]>summary .sec-open .sec-chev{transform:rotate(180deg);background:rgba(78,124,63,.14)}
  .sec-hint{font-size:.85rem;color:var(--ink-soft);opacity:.8;font-weight:500;margin-left:2px}
  @media (max-width:600px){ .sec-open .sec-hint{display:none} .sec-open{padding:13px 15px} }
  .op-sec{display:none}   
  .op-sec.op-active{display:block}
  .op-sec.op-active[open]{min-height:100vh}   
  .op-body{padding:2px 0 8px}
  .op-body .sg-p{margin:0 0 12px}
  .op-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid var(--hairline);font-size:.9rem;color:var(--ink)}
  .op-row:first-of-type{border-top:none}
  .op-toggle{flex:none;width:38px;height:22px;border-radius:999px;background:var(--field);border:1px solid var(--field-bd);position:relative;transition:background .15s}
  .op-toggle::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink-soft);transition:transform .15s,background .15s}
  .op-toggle.on{background:var(--grad);border-color:transparent}
  .op-toggle.on::after{transform:translateX(16px);background:var(--navy)}
  .op-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:2px}
  .wsb-rep-opts{opacity:1}
  .wsb-rep-opts.active{color:var(--sb-a2);background:var(--glass-bg-strong);font-weight:700;opacity:1}   
  /* colapsable interno de gráficos (02) */
  details.charts{margin-top:0}
  details.charts>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:4px 8px;border:none;border-radius:8px;background:none;font-size:.8rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--deep);transition:color .2s,opacity .2s,background .2s}
  details.charts>summary .charts-lbl{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
  details.charts>summary:hover{opacity:.72;background:rgba(142,211,146,.12)}
  html[data-theme="dark"] details.charts>summary{color:var(--ok)}
  details.charts>summary::-webkit-details-marker{display:none}
  details.charts>summary .badge-b2b{font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);padding:.2em .6em;border-radius:999px}
  details.charts>summary .chev{transition:transform .25s} details.charts[open]>summary .chev{transform:rotate(180deg)}
  details.charts>summary svg{width:15px;height:15px}
  details.charts .charts-body{margin-top:20px;text-align:left}
  /* ===== V8: conmutador de vista en sección 03 ===== */
  .view-switch{display:inline-flex;padding:4px;border-radius:999px;background:var(--field);border:1px solid var(--hairline);gap:2px;margin-bottom:16px}
  .view-switch button{font-family:var(--font);font-weight:700;font-size:.82rem;color:var(--ink-soft);background:none;border:none;border-radius:999px;padding:.55em 1.1em;cursor:pointer;transition:color .2s,background .2s;display:inline-flex;align-items:center;gap:7px}
  .view-switch button svg{width:15px;height:15px}
  .view-switch button.active{color:var(--navy);background:var(--grad);box-shadow:0 4px 12px -4px rgba(126,178,106,.5)}
  .hz-list{border:1px solid var(--hairline);border-radius:14px;background:var(--field);padding:4px 8px}
  .hz-hint{display:none}
  .hz-hint svg{width:13px;height:13px}
  .grp{border-bottom:1px solid var(--hairline)}   
  .grp:last-child{border-bottom:none}
  details.grp>summary{list-style:none;cursor:pointer;transition:background .15s;border-radius:11px}
  details.grp>summary:hover{background:var(--glass-bg-strong)}
  details.grp>summary::-webkit-details-marker{display:none}
  .grp-chev{transition:transform .25s;color:var(--ink-soft);flex-shrink:0;display:flex}
  .grp-chev svg{width:17px;height:17px;display:block}
  details.grp[open]>summary .grp-chev{transform:rotate(180deg)}
  .grp-body{padding:2px 2px 10px}
  #gestDock .sev-group{margin:22px 0 0}
  #gestDock .sev-group>summary{border-radius:0}
  #gestDock .sev-head{gap:8px;padding:0}
  #gestDock .sev-head .sv{width:16px;height:16px}
  #gestDock .sev-head .sv.ok::after{left:5.5px;top:3px;width:4px;height:7px}
  #gestDock .sev-head .grp-chev svg{width:16px;height:16px}
  #gestDock .sev-group>summary .grp-chev{transform:rotate(-90deg)}
  #gestDock .sev-group[open]>summary .grp-chev{transform:rotate(0deg)}
  #gestDock .fp-group .sev-head .sc{background:none;border:none;border-radius:0;padding:0;margin-left:6px;color:var(--ink-soft);font-family:var(--font-head);font-weight:800;font-size:1.02rem}
  #gestDock .fp-group .sev-head .grp-chev{margin-left:auto}
  .sev-group{margin-bottom:11px}
  .sev-group.grp-empty>summary{pointer-events:none;cursor:default}
  .sev-group.grp-empty .sev-head{filter:grayscale(1);opacity:.42}
  .sev-head{display:flex;align-items:center;gap:11px;padding:10px 6px}
  .sev-head .sv{width:12px;height:12px;border-radius:4px;flex-shrink:0}
  html[data-plan="free"] .hz-list #grpBien,html[data-plan="free"] .hz-list .fp-group{display:none}   
  .sev-head .sv.c{background:var(--crit)} .sev-head .sv.i{background:var(--imp)} .sev-head .sv.m{background:#4E7C3F}
  .sev-head .sv.cat-bloq{background:var(--crit)} .sev-head .sv.cat-lim{background:var(--imp)} .sev-head .sv.cat-afec{background:#E0C34A}
  .sev-head .sv.nc{background:var(--ink-soft)}
  .sev-head .sv.fp{background:#8a67cf} .sev-head .sv.fp.sv-ic{background:none;width:16px;height:16px;border-radius:0;color:#8a67cf;display:inline-flex} html[data-theme="dark"] .sev-head .sv.fp.sv-ic{color:#b89ce9} .sev-head .sv.fp.sv-ic svg{width:100%;height:100%}   
  .sev-head .sv.sv-ic{background:none!important;border-radius:0!important;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}
  .sev-head .sv.sv-ic svg{width:100%;height:100%}
  .sev-head .sv.ok.sv-ic::after{display:none!important}
  .hzb-tag i.hzb-ic{width:15px;height:15px;border-radius:0;background:none!important;display:inline-flex}
  .hzb-tag i.hzb-ic svg{width:100%;height:100%}
  .vb-hz .hz-pills .hzb-tag i.hzb-ic{width:14px;height:14px}
  .tc-legend i.tcl-ic{width:14px;height:14px;border-radius:0;background:none!important;display:inline-flex}
  .tc-legend i.tcl-ic svg{width:100%;height:100%}
  .nc-body{display:flex;flex-direction:column;gap:10px}
  .nc-lead{font-size:.82rem;color:var(--ink-soft);line-height:1.5;margin:0 0 2px}
  .nc-metrics .mv{color:var(--ink-soft);font-weight:600}
  .nc-toprob{margin-left:0;flex:none;display:inline-flex;align-items:center;gap:5px;font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--deep);background:var(--field);border:1px solid var(--field-bd);border-radius:8px;padding:4px 9px;cursor:pointer;transition:border-color .15s,color .15s}
  html[data-theme="dark"] .nc-toprob{color:var(--ok)}
  .nc-toprob:hover{border-color:var(--deep)}
  .nc-toprob-i{display:inline-flex}.nc-toprob-i svg{width:13px;height:13px;display:block}
  .nc-toprob.done{border-style:dashed;cursor:pointer}
  .nc-toprob[hidden]{display:none}   
  .nc-toprob-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
  .nc-toprob-falso{color:#8a67cf} html[data-theme="dark"] .nc-toprob-falso{color:#b89ce9}
  .nc-toprob-falso:hover{border-color:#8a67cf}
  .nc-toprob-arch{color:var(--ink-soft)} html[data-theme="dark"] .nc-toprob-arch{color:var(--ink-soft)} .nc-toprob-arch:hover{border-color:var(--ink-soft)}
  .nc-toprob-prob{color:var(--crit)} html[data-theme="dark"] .nc-toprob-prob{color:var(--crit-t)}
  .nc-toprob-prob:hover{border-color:var(--crit)}
  .user-src{display:none}
  .chip.nc-chip{background:rgba(58,110,165,.16);color:#2c5578}
  html[data-theme="dark"] .chip.nc-chip{color:#9cc0e2}
  .finding.user-finding .fnd-compact-title::after{content:" \00b7 se\00f1alado por ti";color:var(--ink-soft);font-weight:600;font-size:.8em}
  .sev-head .st{font-family:var(--font-head);font-weight:800;font-size:1.02rem}
  .sev-head .st-desc{font-family:var(--font);font-weight:400;font-size:.8rem;color:var(--ink-soft);line-height:1.3;min-width:0}
  .sev-head .sc{font-size:.76rem;font-weight:700;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);padding:.28em .7em;border-radius:999px;margin-left:auto}
  /* ===== V8: bloque verde "no mira" en negativo ===== */
  .missing-green{position:relative;margin-top:14px;padding:30px 32px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(135deg,#4E7C3F 0%,#3E7A2E 55%,#356b28 100%);border:1px solid rgba(255,255,255,.18);box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.22)}
  .missing-green::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 85% -10%,rgba(236,222,105,.28),transparent 55%);pointer-events:none}
  .missing-green>*{position:relative;z-index:1}
  .mg-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
  .mg-head h3{font-size:clamp(1.15rem,2.6vw,1.4rem);color:#fff}
  .mg-head .mh-sub{width:100%;color:rgba(255,255,255,.82);font-size:.94rem;margin-top:4px}
  .mg-head .mh-sub strong{color:#fff}
  .mg-head .mh-cta{width:100%;font-size:1.05rem;color:#fff;font-weight:600;margin-top:12px}
  .mg-head .mh-cta .inline-link{color:#f2e9a6;text-decoration:underline}
  .tag-neg{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;letter-spacing:.03em;color:#2c5322;background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.6);padding:.5em 1em;border-radius:999px;white-space:nowrap}
  .tag-neg svg{width:18px;height:18px}
  .mg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .mg-check{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}
  .mg-check .lk{width:16px;height:16px;color:rgba(255,255,255,.7);flex-shrink:0}
  .mg-check .mc-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
  .mg-check .mc-fam{font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.65)}
  .mg-check .mc-name{font-size:.86rem;font-weight:600;line-height:1.25;color:#fff}
  .mg-check.more{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.34);flex-direction:column;align-items:flex-start;gap:5px;justify-content:center}
  .mg-check.more .big{font-family:var(--font-head);font-weight:800;font-size:1.5rem;color:#fff;line-height:1}
  .mg-check.more .mm-txt{font-size:.78rem;color:rgba(255,255,255,.85);line-height:1.35}
  .mg-check.more .mm-txt strong{color:#fff}
  .mg-check.more.neg{background:#fff;border-color:#fff}
  .mg-check.more.neg .big{color:#2c5322}
  .mg-check.more.neg .mm-txt{color:#3a5a30}
  .mg-check.more.neg .mm-txt strong{color:#2c5322}
  /* ===== V8: sección 04 — tres opciones de primer nivel ===== */
  .resolve-intro .ri-options{margin-top:16px;font-size:1.02rem;color:var(--ink)}
  .manifest{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:720px;margin:0 auto 26px}
  .manifest .m-tag{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:700;background:var(--glass-bg-strong);border:1px solid var(--hairline);padding:.6em 1.05em;border-radius:999px}
  .manifest .m-tag svg{width:16px;height:16px;color:var(--deep);flex-shrink:0}
  .hero-manifest{margin-top:20px}
  .hero-manifest .manifest{justify-content:center;margin:0 auto;max-width:none}
  .opt-label{text-align:center;font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);opacity:.7;margin:2px 0 12px}
  .opts3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:8px}
  .opt{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px;border-radius:18px;background:var(--glass-bg-strong);border:1px solid var(--hairline);transition:transform .2s,border-color .2s,box-shadow .2s}
  .opt:hover{transform:translateY(-3px);border-color:var(--a2);box-shadow:0 16px 34px -18px rgba(78,124,63,.4)}
  .opt .opt-ic{width:54px;height:54px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:rgba(78,124,63,.12);color:var(--deep)}
  .opt .opt-ic svg{width:30px;height:30px}
  .opt.featured .opt-ic{background:rgba(78,124,63,.16)}
  .opt .opt-t{font-family:var(--font-head);font-weight:800;font-size:1.08rem;line-height:1.2}
  .opt .opt-d{font-size:.88rem;color:var(--ink-soft);line-height:1.45;flex:1}
  .opt .opt-d strong{color:var(--ink)}
  .opt .btn{width:100%}
  .opt.featured{border-color:var(--a2);background:linear-gradient(150deg,rgba(236,222,105,.14),rgba(142,211,146,.14))}
  .opt .opt-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:800;letter-spacing:.01em;color:var(--deep);background:var(--glass-bg-strong);border:1px solid rgba(142,211,146,.5);padding:.34em .82em;border-radius:999px;white-space:nowrap;box-shadow:0 4px 12px -6px rgba(20,24,15,.28)}
  html[data-theme="dark"] .opt .opt-badge{color:var(--ok)}
  .opt .opt-badge svg{width:14px;height:14px;flex-shrink:0}
  .opt.pay .opt-ic{background:rgba(224,149,74,.16);color:var(--imp-t)}
  .opt .price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
  .opt .price .now{font-family:var(--font-head);font-weight:800;font-size:1.5rem;color:var(--ink)}
  .opt .price .was{font-size:.9rem;color:var(--ink-soft);text-decoration:line-through;opacity:.7}
  .opt .price .off{font-size:.7rem;font-weight:800;color:var(--imp-t);background:var(--imp-bg);border:1px solid var(--imp-bd);padding:.2em .55em;border-radius:999px}
  .btn-pay{color:#fff;background:linear-gradient(120deg,#E0954A,#c97f38);box-shadow:0 10px 24px -10px rgba(224,149,74,.6)}
  .btn-pay:hover{transform:translateY(-2px)}
  /* highlights de valor (informe completo) */
  .value-card{margin-top:20px;padding:22px 24px;border-radius:18px;background:var(--bg-soft);border:1px solid var(--hairline)}
  html[data-theme="dark"] .value-card{background:rgba(255,255,255,.03)}
  .value-card .vc-h{font-family:var(--font-head);font-weight:800;font-size:1rem;text-align:center;margin-bottom:16px}
  #modalPay .vc-h{font-family:var(--font-head);font-weight:800;font-size:1.4rem;text-align:center;margin-bottom:18px}
  .value-card .vc-h .wk{color:var(--wk)}
  .vc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
  #modalPay .vc-grid{grid-template-columns:repeat(6,1fr)}
  #modalPay .vc-grid .vc-item{grid-column:span 2}
  #modalPay .vc-grid .vc-item.vc-wide{grid-column:span 3}
  @media (max-width:560px){ #modalPay .vc-grid{grid-template-columns:1fr 1fr} #modalPay .vc-grid .vc-item,#modalPay .vc-grid .vc-item.vc-wide{grid-column:auto} }
  .vc-item{text-align:center;padding:6px 4px}
  .vc-item .vc-n{font-family:var(--font-head);font-weight:800;font-size:1.7rem;line-height:1;color:var(--deep)}
  .vc-item .vc-n.strike{color:var(--ink-soft);text-decoration:line-through;opacity:.7;font-size:1.3rem}
  .vc-item .vc-l{font-size:.78rem;color:var(--ink-soft);line-height:1.3;margin-top:6px}
  .vc-item .vc-l strong{color:var(--ink)}
  .vc-foot{text-align:center;font-size:.86rem;color:var(--ink-soft);margin-top:14px}
  .vc-foot strong{color:var(--ink)}
  /* ===== V8: formulario estilo Apple Mail ===== */
  .mailui{border-radius:14px;overflow:hidden;border:1px solid var(--field-bd);background:var(--glass-bg-strong);box-shadow:0 10px 30px -18px rgba(50,60,35,.3)}
  .mailui .mail-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-soft);border-bottom:1px solid var(--field-bd)}
  html[data-theme="dark"] .mailui .mail-bar{background:rgba(255,255,255,.04)}
  .mailui .traffic{display:flex;gap:6px} .mailui .traffic i{width:11px;height:11px;border-radius:50%;display:block}
  .mailui .traffic .r{background:#ff5f57} .mailui .traffic .y{background:#febc2e} .mailui .traffic .g{background:#28c840}
  .mailui .mail-title{font-size:.74rem;font-weight:700;color:var(--ink-soft);margin:0 auto;letter-spacing:.02em}
  .mailui .mail-row{display:flex;gap:10px;padding:10px 16px;border-bottom:1px solid var(--hairline);font-size:.86rem;align-items:baseline}
  .mailui .mail-row .mk{color:var(--ink-soft);min-width:64px;font-weight:600}
  .mailui .mail-row .mv{color:var(--ink);font-weight:600;flex:1}
  .mailui .mail-row .mv .wk{color:var(--wk)}
  .mailui .mail-body{padding:16px 16px 18px;font-size:.9rem;color:var(--ink-soft);line-height:1.6}
  .mailui .mail-body strong{color:var(--ink)}
  .mailui .mail-body .inline-link{color:var(--wk)}
  /* opción compartir por Wakaris — panel abierto, no oculto */
  .wshare{margin-top:22px;padding-top:22px;border-top:1px dashed var(--hairline)}
  .wshare .ws-lead{text-align:center;font-size:.95rem;color:var(--ink-soft);max-width:56ch;margin:0 auto 4px}
  .wshare .ws-lead strong{color:var(--ink)}
  .wshare .ws-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 4px}
  .wshare .ws-badge{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--deep);background:rgba(188,212,122,.16);border:1px solid rgba(188,212,122,.34);padding:.34em .8em;border-radius:999px}
  .wshare .ws-badge svg{width:13px;height:13px}
  .field .subfield{margin-top:10px}
  .copyhint{margin-top:16px;padding-top:16px;border-top:1px dashed var(--hairline)}
  /* ===== V9: modales ===== */
  .modal-overlay{position:fixed;inset:0;background:rgba(20,24,15,.55);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;z-index:100;padding:18px}
  .modal-overlay.open{display:flex;animation:mfade .25s ease both}
  @keyframes mfade{from{opacity:0}to{opacity:1}}
  .modal{position:relative;background:var(--bg);border:1px solid var(--hairline);border-radius:22px;max-width:620px;width:100%;max-height:88vh;overflow-y:auto;box-shadow:0 34px 90px -24px rgba(0,0,0,.55);padding:30px;animation:mpop .3s cubic-bezier(.22,.61,.36,1) both}
  #modalShare .modal{max-width:860px}
  #modalPay .modal{max-width:713px}
  #modalShare .modal.sh2{max-width:560px}
  .sh2-lead{font-size:.9rem;color:var(--ink-soft);line-height:1.5;margin:2px 0 18px}
  .sh2-qh{font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--ink);margin:0 0 11px}
  .sh2-step{animation:sh2in .24s ease}
  @keyframes sh2in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
  .sh2-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
  .sh2-role{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:15px;border:1px solid var(--field-bd);background:var(--glass-bg-strong);cursor:pointer;font-family:var(--font);color:var(--ink);transition:border-color .16s,background .16s,transform .12s,box-shadow .16s}
  .sh2-role:hover{border-color:var(--deep);transform:translateY(-1px)}
  .sh2-role.sel{border-color:var(--deep);background:var(--mej-bg);box-shadow:0 0 0 1px var(--deep) inset}
  .sh2-ric{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--field);color:var(--deep);transition:background .16s,color .16s}
  .sh2-role.sel .sh2-ric{background:var(--deep);color:#fff}
  .sh2-ric svg{width:21px;height:21px}
  .sh2-rl{font-size:.82rem;font-weight:600;line-height:1.15;text-align:center}
  .sh2-role-own{grid-column:1/-1;flex-direction:row;justify-content:center;gap:10px;padding:11px;border-style:dashed;background:transparent}
  .sh2-role-own .sh2-ric{width:30px;height:30px;border-radius:9px}
  .sh2-role-own .sh2-ric svg{width:16px;height:16px}
  .sh2-role-own .sh2-rl{font-size:.85rem}
  .sh2-msg{margin-top:18px}
  .sh2-msg-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px}
  .sh2-msg-t{font-size:.84rem;color:var(--ink)}
  .sh2-msg-t strong{font-weight:700}
  .sh2-msg textarea{width:100%;box-sizing:border-box;font-family:var(--font);font-size:.9rem;line-height:1.5;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:13px;padding:12px 14px;resize:vertical;min-height:96px}
  .sh2-msg textarea:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px rgba(78,124,63,.16)}
  .sh2-hint{font-size:.77rem;color:var(--ink-soft);margin:8px 0 0}
  .sh2-actions{margin-top:18px;display:flex;justify-content:flex-end}
  .sh2-actions .btn svg{width:16px;height:16px;margin-left:2px}
  .sh2-back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--ink-soft);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;padding:2px 0;margin-bottom:14px}
  .sh2-back:hover{color:var(--ink)}
  .sh2-back svg{width:16px;height:16px}
  .sh2-chans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
  .sh2-chan{display:flex;flex-direction:column;align-items:center;gap:9px;padding:16px 8px;border-radius:15px;border:1px solid var(--field-bd);background:var(--glass-bg-strong);cursor:pointer;font-family:var(--font);font-size:.83rem;font-weight:600;color:var(--ink);transition:border-color .16s,transform .12s,box-shadow .16s}
  .sh2-chan:hover{border-color:var(--deep);transform:translateY(-1px);box-shadow:var(--glass-shadow)}
  .sh2-chan.sel{border-color:var(--deep);box-shadow:0 0 0 2px var(--deep) inset;background:var(--mej-bg);transform:none}
  .sh2-note[hidden]{display:none}
  .sh2-cic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:#fff}
  .sh2-cic svg{width:22px;height:22px}
  .sh2-cic.wa{background:#25D366}.sh2-cic.tg{background:#2AABEE}.sh2-cic.em{background:var(--deep)}
  .sh2-cic.sl{background:#4A154B}.sh2-cic.li{background:#0A66C2}.sh2-cic.cp{background:var(--field);color:var(--deep)}
  .sh2-note{display:flex;align-items:flex-start;gap:8px;font-size:.78rem;color:var(--ink-soft);margin-top:18px;line-height:1.45}
  .sh2-note svg{width:16px;height:16px;flex-shrink:0;margin-top:1px;opacity:.75}
  .sh2-scope{display:flex;gap:6px;margin:2px 0 16px;flex-wrap:wrap}
  .sh2-scope-b{flex:1 1 auto;min-width:150px;text-align:center;font-family:var(--font);font-size:.82rem;font-weight:650;color:var(--ink-soft);background:var(--field);border:1px solid var(--field-bd);border-radius:10px;padding:9px 12px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}
  .sh2-scope-b:hover{border-color:var(--deep)}
  .sh2-scope-b.sel{color:var(--ink);border-color:var(--deep);box-shadow:0 0 0 1px var(--deep) inset;background:var(--mej-bg)}
  .sh2-scope-n{opacity:.72;font-weight:600}
  .sh2-sender{margin-top:14px;display:flex;flex-direction:column;gap:10px}
  .sh2-field{display:flex;flex-direction:column;gap:5px}
  .sh2-field label{font-size:.8rem;font-weight:700;color:var(--ink)}
  .sh2-optt{font-weight:500;color:var(--ink-soft)}
  .sh2-field input{width:100%;box-sizing:border-box;font-family:var(--font);font-size:.9rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:11px;padding:10px 13px}
  .sh2-field input:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px rgba(78,124,63,.16)}
  .sh2-check{display:flex;align-items:center;gap:9px;font-size:.85rem;color:var(--ink);cursor:pointer}
  .sh2-check input{width:17px;height:17px;accent-color:var(--deep);flex-shrink:0}
  .sh2-mail{display:flex;flex-direction:column;gap:12px}
  .sh2-mail-actions{display:flex;justify-content:flex-end;margin-top:2px}
  .sh2-cic.te{background:#6264A7}
  .sh2-sender[hidden],.sh2-chans[hidden],.sh2-mail[hidden],.sh2-actions[hidden]{display:none}
  @media(max-width:520px){.sh2-roles,.sh2-chans{grid-template-columns:repeat(2,minmax(0,1fr))}}
  .tech-cta{text-align:center;margin-top:22px}
  .tech-link{display:inline-flex;align-items:center;gap:11px;font-family:var(--font);font-size:.98rem;font-weight:700;color:var(--ink);background:var(--glass-bg-strong);border:1.5px solid var(--a2);cursor:pointer;padding:13px 22px;border-radius:13px;box-shadow:0 10px 26px -14px rgba(78,124,63,.45);transition:transform .2s,color .2s,background .2s,border-color .2s,box-shadow .2s}
  .tech-link:hover{color:var(--ink);border-color:var(--deep);transform:translateY(-2px);box-shadow:0 15px 34px -12px rgba(78,124,63,.55)}
  html[data-theme="dark"] .tech-link:hover{border-color:var(--ok)}
  .tech-link::after{content:"";display:inline-block;width:8px;height:1.05em;margin-left:1px;background:var(--deep);border-radius:1px;animation:techblink 1.1s steps(1) infinite}
  html[data-theme="dark"] .tech-link::after{background:var(--ok)}
  @keyframes techblink{0%,50%{opacity:1}50.01%,100%{opacity:0}}
  @media (prefers-reduced-motion: reduce){.tech-link::after{animation:none}}
  .tech-link svg{width:20px;height:20px;opacity:1;color:var(--deep)}
  html[data-theme="dark"] .tech-link svg{color:var(--ok)}
  .tech-link-sub{font-family:var(--font);font-size:.82rem;font-weight:500;opacity:.6;letter-spacing:normal}
  #modalTech .modal-tech{max-width:720px}
  .tech-bar{display:flex;justify-content:flex-end;margin:4px 0 8px}
  .tech-bar .btn-sec svg{width:14px;height:14px}
  .tech-log{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;line-height:1.6;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);border-radius:12px;padding:16px 18px;max-height:56vh;overflow:auto;white-space:pre;margin:0;-webkit-overflow-scrolling:touch}
  html[data-theme="dark"] .tech-log{background:rgba(0,0,0,.3)}
  .tech-log .tl-fam{color:var(--deep);font-weight:700}
  #modalFormal .modal-formal{max-width:none;width:92vw;height:90vh;max-height:90vh;display:flex;flex-direction:column;padding:0;overflow:hidden}
  .formal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 26px 14px;border-bottom:1px solid var(--hairline);flex:none}
  .formal-top .modal-t{margin:0}
  .formal-top .modal-sub{margin:4px 0 0;max-width:60ch}
  .formal-top-btns{display:flex;align-items:center;gap:10px;flex:none}
  .formal-x{position:static;top:auto;right:auto}
  .formal-doc{flex:1;overflow-y:auto;padding:26px 34px 34px;background:var(--field);font-family:Georgia,"Times New Roman",serif;color:var(--ink);line-height:1.62;font-size:.92rem}
  html[data-theme="dark"] .formal-doc{background:rgba(0,0,0,.22)}
  .formal-doc .fd-org{font-family:var(--font-head);font-weight:800;font-size:1.05rem;letter-spacing:.03em;margin:0 0 3px;color:var(--ink)}
  .formal-doc .fd-ref{margin:0;font-size:.8rem;color:var(--ink-soft);line-height:1.5}
  .formal-doc .fd-hr{border:none;border-top:1px solid var(--hairline);margin:16px 0}
  .formal-doc .fd-h{font-family:var(--font-head);font-weight:800;font-size:1rem;margin:22px 0 8px;color:var(--ink);border-bottom:1px solid var(--hairline);padding-bottom:5px}
  .formal-doc .fd-sub{font-weight:700;margin:14px 0 5px;font-size:.9rem;color:var(--ink)}
  .formal-doc .fd-p{margin:6px 0}
  .formal-doc .fd-ul,.formal-doc .fd-ol{margin:6px 0;padding-left:24px}
  .formal-doc .fd-ul li,.formal-doc .fd-ol li{margin:4px 0}
  .formal-doc .fd-tab{border-collapse:collapse;width:100%;max-width:540px;margin:10px 0;font-size:.86rem}
  .formal-doc .fd-tab th,.formal-doc .fd-tab td{border:1px solid var(--hairline);padding:6px 12px;text-align:left}
  .formal-doc .fd-tab th{font-weight:700;background:color-mix(in srgb, var(--ink) 6%, transparent)}
  .formal-doc .fd-tab td:not(:first-child),.formal-doc .fd-tab th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}
  .formal-doc .fd-foot{margin:0;font-size:.76rem;color:var(--ink-soft);font-style:italic;line-height:1.5}
  .formal-doc em{color:var(--ink-soft)}
  @media(max-width:560px){#modalFormal .modal-formal{width:96vw;height:94vh;max-height:94vh}.formal-doc{padding:18px 18px 26px}.formal-top{padding:16px 18px 12px}}
  html[data-theme="dark"] .tech-log .tl-fam{color:var(--ok)}
  .tech-log .tl-c{color:var(--ink-soft);opacity:.55}
  .tech-attach{margin-top:6px} .tech-preview-link{margin-top:2px;font-size:.8rem}
  @keyframes mpop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
  @media (max-width:600px){ .modal{padding:22px 18px} }
  .modal-close{position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--hairline);background:var(--glass-bg-strong);color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s,border-color .2s}
  .modal-close:hover{color:var(--ink);border-color:var(--a2)} .modal-close svg{width:18px;height:18px}
  .modal h3.modal-t{font-size:1.3rem;margin-bottom:6px;padding-right:34px}
  .modal .modal-sub{color:var(--ink-soft);font-size:.95rem;margin-bottom:16px} .modal .modal-sub strong{color:var(--ink)}
  .modal-foot{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:22px}
  .modal-foot .btn{min-width:220px}
  /* highlight destacado en la opción Wakaris */
  .opt-hl{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:800;color:var(--deep);background:rgba(142,211,146,.18);border:1px solid rgba(142,211,146,.44);padding:.5em .8em;border-radius:12px;line-height:1.25}
  .opt-hl svg{width:16px;height:16px;flex-shrink:0}
  html[data-theme="dark"] .opt-hl{color:#9FD3A6;background:rgba(142,211,146,.12)}
  /* acceso del bloque de pago */
  .opt .access{font-size:.8rem;font-weight:700;color:var(--imp-t);display:inline-flex;align-items:center;gap:6px}
  .opt .access svg{width:14px;height:14px}
  /* iconos de la tarjeta de valor */
  .vc-item{text-align:center;padding:10px 6px;display:flex;flex-direction:column;align-items:center;gap:8px}
  .vc-ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(78,124,63,.12);color:var(--deep)}
  .vc-ic svg{width:24px;height:24px}
  .vc-item .vc-l{font-size:.82rem;color:var(--ink-soft);line-height:1.35}
  .vc-item .vc-l strong{color:var(--ink)}
  /* ===== V11 ===== */
  /* etiqueta Business reducida (solo candado) para leyendas */
  .tag-biz.mini{padding:.26em .44em;gap:0}
  .tag-biz.mini svg{width:12px;height:12px}
  /* nombre de cada métrica: desplegable para ver su definición (bloqueada tras Business) */
  .tech-body .metric .mk.mk-def{color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--field-bd);text-underline-offset:3px;width:fit-content}
  .tech-body .metric .mk.mk-def:hover{text-decoration-color:var(--a2)}
  .mk-def .mk-chev{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.45;transition:transform .2s;flex-shrink:0}
  .mk-def.open .mk-chev{transform:rotate(180deg)}
  .mdef{position:relative;margin:2px 0 6px;border:1px solid var(--hairline);border-radius:10px;overflow:hidden;background:var(--glass-bg-strong)}
  .mdef-inner{position:relative;padding:14px 14px;min-height:60px}
  .mdef-blur{filter:blur(4.5px);-webkit-user-select:none;user-select:none;color:var(--ink-soft);font-size:.82rem;line-height:1.55;margin:0;pointer-events:none}
  .mdef-lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:6px}
  .mdef-lock .tag-biz{font-size:.72rem}
  .mdef-cap{font-size:.72rem;font-weight:700;color:var(--ink-soft)}
  /* V13: primera evidencia accesible con dos niveles de explicación */
  .mdef.mdef-free{background:var(--field)}
  .mdef-free-inner{padding:14px}
  .def-block+.def-block{margin-top:12px;padding-top:12px;border-top:1px dashed var(--hairline)}
  .def-h{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--deep);margin-bottom:5px}
  html[data-theme="dark"] .def-h{color:var(--ok)}
  .def-h.def-h2{color:var(--ink-soft)}
  .def-hrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
  .def-hrow .def-h{margin-bottom:0}
  .def-p{font-size:.84rem;line-height:1.55;color:var(--ink-soft);margin:0}
  .def-p strong{color:var(--ink)}
  .def-h.def-imp{color:var(--imp-t)}
  .def-spec{color:var(--ink)}
  /* V14: badge de demostración Business (candado abierto) — muestra desbloqueada, no bloqueo */
  .biz-demo{display:inline-flex;align-items:center;gap:5px;font-size:.62rem;font-weight:800;letter-spacing:.02em;color:var(--deep);background:rgba(142,211,146,.16);border:1px solid rgba(142,211,146,.42);padding:.2em .55em;border-radius:999px;white-space:nowrap;vertical-align:middle;text-decoration:none;text-transform:none}
  html[data-theme="dark"] .biz-demo{color:var(--ok);background:rgba(142,211,146,.12)}
  .biz-demo svg{width:15px;height:15px;flex-shrink:0}
  .mk-def .biz-demo{text-decoration:none}
  /* V16: candado cerrado gris (evidencia bloqueada, sin protagonismo) */
  .mk-lock{display:inline-flex;align-items:center;color:var(--locked);opacity:.75;flex-shrink:0;text-decoration:none}
  html[data-theme="dark"] .mk-lock{color:var(--a2);opacity:.6}
  .mk-lock svg{width:14px;height:14px}
  .mk-def .mk-lock{text-decoration:none}
  .biz-locked{display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:700;color:var(--ink-soft);background:var(--track);border:1px solid var(--hairline);padding:.24em .6em;border-radius:999px;white-space:nowrap;text-transform:none}
  .biz-locked svg{width:12px;height:12px;flex-shrink:0}
  .tech-def{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:.64rem;font-weight:800;letter-spacing:.03em;color:var(--deep);background:rgba(188,212,122,.16);border:1px solid rgba(188,212,122,.34);padding:.24em .6em;border-radius:999px;text-transform:none;white-space:nowrap}
  html[data-theme="dark"] .tech-def{color:#DFEDCB;background:rgba(188,212,122,.14)}
  .tech-def svg{width:11px;height:11px;flex-shrink:0}
  details.tech summary .chev{margin-left:9px}
  /* alerta en la cabecera de la sección "no mira" */
  .sec-alert{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--warn-t);background:rgba(224,149,74,.18);border:1px solid rgba(224,149,74,.4);padding:.32em .75em;border-radius:999px;line-height:1.2}
  .sec-alert svg{width:14px;height:14px;flex-shrink:0;opacity:.85}
  .emph-noinc{color:var(--deep);font-weight:800;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--a2)}
  html[data-theme="dark"] .emph-noinc{color:var(--ok)}
  @media (max-width:600px){ .sec-open .sec-alert{font-size:.7rem;padding:.28em .6em} }
  /* preview de correo con aspecto de "vista previa" (gris, legible) */
  .mailui{background:var(--bg-soft)}
  html[data-theme="dark"] .mailui{background:rgba(255,255,255,.045)}
  .mailui .mail-body,.mailui .mail-row .mk{color:var(--ink-soft)}
  .mailui .mail-row .mv,.mailui .mail-body strong{color:var(--ink)}
  .mail-preview-tag{font-size:.6rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);padding:.18em .55em;border-radius:999px;margin-left:8px}
  /* ventajas (perks) de las tarjetas de resolución */
  .opt-perks{display:flex;flex-direction:column;gap:8px}
  .opt-perk{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
  .perk-biz{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:800;letter-spacing:.02em;color:var(--deep);background:rgba(142,211,146,.2);border:1px solid rgba(142,211,146,.5);padding:.4em .7em;border-radius:10px;white-space:nowrap}
  html[data-theme="dark"] .perk-biz{color:#9FD3A6;background:rgba(142,211,146,.14)}
  .perk-biz svg{width:14px;height:14px;flex-shrink:0}
  .perk-txt{font-size:.84rem;font-weight:700;color:var(--ink-soft)}
  .perk-txt .free{color:var(--deep);font-weight:800;font-size:.94rem}
  html[data-theme="dark"] .perk-txt .free{color:#9FD3A6}
  .perk-ic{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:rgba(78,124,63,.12);color:var(--deep);flex-shrink:0}
  .perk-ic svg{width:15px;height:15px}
  .opt.pay .perk-ic{background:rgba(224,149,74,.16);color:var(--imp-t)}
  /* ventaja destacada en el modal de pago */
  /* badges del modal de compartir (antes sin estilar → iconos gigantes) */
  .ws-lead{text-align:center;font-size:.95rem;color:var(--ink-soft);max-width:56ch;margin:0 auto 4px}
  .ws-lead strong{color:var(--ink)}
  .ws-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:10px 0 4px}
  .ws-badge{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;color:var(--deep);background:rgba(188,212,122,.16);border:1px solid rgba(188,212,122,.34);padding:.34em .8em;border-radius:999px}
  .ws-badge svg{width:14px;height:14px;flex-shrink:0}
  /* ===== V12 ===== */
  /* Sección "lo que no incluye" — fondo suave + columnas por categoría */
  .noinc-card{padding:28px 30px;background:linear-gradient(135deg,rgba(142,211,146,.12),rgba(236,222,105,.08));border:1px solid rgba(142,211,146,.4)}
  html[data-theme="dark"] .noinc-card{background:linear-gradient(135deg,rgba(142,211,146,.08),rgba(236,222,105,.045));border-color:rgba(142,211,146,.24)}
  .noinc-head{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 16px;margin-bottom:22px}
  .noinc-h-main{flex:1;min-width:260px}
  .noinc-head h3{font-size:clamp(1.15rem,2.6vw,1.4rem);margin-bottom:6px}
  .noinc-sub{color:var(--ink-soft);font-size:.94rem;max-width:72ch} .noinc-sub strong{color:var(--ink)}
  .nomira-free{display:flex;gap:14px;align-items:flex-start;padding:20px 22px;border-radius:14px;background:var(--mej-bg);border:1px solid var(--mej-bd);margin-top:0}
  .nomira-free .nf-ic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok);flex:none}
  .nomira-free .nf-ic svg{width:20px;height:20px}
  .nomira-free .nf-t{font-size:1.05rem;margin:0 0 5px}
  .nomira-free .nf-p{font-size:.92rem;line-height:1.55;color:var(--ink-soft);margin:0}
  .nomira-free .nf-p strong{color:var(--ink)}
  html[data-plan="free"] #nomira .sec-alert{display:none}
  html[data-plan="free"] #nomira .noinc-card{display:none}
  .noinc-biz{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:800;color:var(--deep);background:rgba(188,212,122,.2);border:1px solid rgba(188,212,122,.44);padding:.45em .85em;border-radius:999px;white-space:nowrap}
  html[data-theme="dark"] .noinc-biz{color:#DFEDCB;background:rgba(188,212,122,.14)}
  .noinc-biz svg{width:14px;height:14px}
  .noinc-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .noinc-col{background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:14px;padding:16px 16px 14px;display:flex;flex-direction:column}
  .noinc-col-h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:11px;padding-bottom:10px;border-bottom:1px solid var(--hairline)}
  .noinc-fam-name{font-family:var(--font-head);font-weight:800;font-size:.95rem}
  .noinc-count{font-family:var(--font-head);font-weight:800;font-size:.78rem;color:var(--deep);background:rgba(142,211,146,.18);border-radius:999px;padding:.15em .6em}
  .noinc-col ul{list-style:none;display:flex;flex-direction:column;gap:9px;flex:1}
  .noinc-col li{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;line-height:1.35;color:var(--ink)}
  .noinc-col li svg{width:15px;height:15px;color:var(--deep);flex-shrink:0;margin-top:2px}
  .noinc-more{margin-top:11px;font-size:.78rem;font-weight:700;color:var(--ink-soft);background:var(--field);border:1px dashed var(--hairline);border-radius:10px;padding:.5em .7em;text-align:center}
  .noinc-alsohead{margin-top:20px;font-size:.92rem;color:var(--ink-soft)} .noinc-alsohead strong{color:var(--ink)}
  .noinc-fams{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
  .noinc-fam{display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:999px;padding:.38em .5em .38em .85em}
  .noinc-fam .nf-n{font-family:var(--font-head);font-weight:800;font-size:.76rem;color:var(--deep);background:rgba(142,211,146,.18);border-radius:999px;padding:.12em .5em}
  @media (max-width:760px){ .noinc-cols{grid-template-columns:1fr} }
  /* V13: familias parcialmente analizadas (primer grupo, tarjetas mayores a todo el ancho) */
  .noinc-intro{font-size:.96rem;color:var(--ink-soft);margin-bottom:14px} .noinc-intro strong{color:var(--ink)}
  .noinc-partial{display:block;width:100%}
  .np-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(188px,1fr));gap:12px}
  .np-group-h{display:flex;flex-direction:column;gap:2px;margin:18px 0 10px}
  .np-group-h:first-child{margin-top:2px}
  .np-group-t{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-head);font-weight:800;font-size:.95rem;color:var(--ink)}
  .np-group-t svg{width:15px;height:15px;color:var(--locked)}
  .np-group-s{font-size:.82rem;color:var(--ink-soft);line-height:1.4}
  .np-group-none .np-group-t{color:var(--crit)}
  .np-group-none .np-group-t svg{color:var(--crit)}
  .np-card.np-none{border-color:rgba(214,69,80,.32);background:linear-gradient(180deg,rgba(214,69,80,.05),transparent)}
  html[data-theme="dark"] .np-card.np-none{border-color:rgba(214,69,80,.3)}
  .sec-alert-fam{color:var(--ink-soft);background:var(--field);border-color:var(--hairline)}
  .np-card{background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:16px;padding:18px 16px;display:flex;flex-direction:column;gap:8px;min-height:118px}
  .np-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
  .np-name{font-family:var(--font-head);font-weight:800;font-size:1rem;line-height:1.15}
  .np-title{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
  .np-biz{font-size:.56rem;padding:.2em .5em;letter-spacing:.03em}
  .np-biz svg{width:9px;height:9px}
  .np-n{font-family:var(--font-head);font-weight:800;font-size:1.2rem;color:var(--deep);background:rgba(142,211,146,.18);border-radius:11px;padding:.08em .5em;flex-shrink:0}
  html[data-theme="dark"] .np-n{color:var(--ok)}
  .np-desc{font-size:.78rem;color:var(--ink-soft);line-height:1.4;margin-top:auto}
  .noinc-transition{margin:24px 0 14px;font-size:.96rem;color:var(--ink-soft)} .noinc-transition strong{color:var(--ink)}
  @media (max-width:900px){ .noinc-partial{grid-template-columns:repeat(3,1fr)} }
  @media (max-width:560px){ .noinc-partial{grid-template-columns:1fr 1fr} }
  @media (max-width:400px){ .noinc-partial{grid-template-columns:1fr} }
  /* Tabla comparativa de las tres opciones (filas transversales alineadas con subgrid) */
  .opts3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(9,auto);column-gap:14px;row-gap:0;margin-bottom:8px;align-items:stretch}
  .opt{display:grid;grid-template-rows:subgrid;grid-row:span 9;row-gap:0;gap:0;padding:0}
  .opt>*{padding-left:20px;padding-right:20px}
  .orow-ic{padding-top:24px}
  .orow-t{padding-top:12px;padding-bottom:2px}
  .orow-ideal{padding-top:6px;padding-bottom:15px}
  .cmp-row{display:flex;align-items:flex-start;gap:9px;padding-top:13px;padding-bottom:13px;border-top:1px solid var(--hairline);font-size:.85rem;line-height:1.35}
  .cmp-ic{flex-shrink:0;width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-top:1px}
  .cmp-ic svg{width:12px;height:12px}
  .cmp-row.yes .cmp-ic{background:rgba(142,211,146,.22);color:var(--deep)}
  .cmp-row.na .cmp-ic{background:var(--track);color:var(--ink-soft)}
  .cmp-row.na .cmp-t{color:var(--ink-soft)}
  .cmp-t strong{color:var(--ink)}
  .cmp-note{color:var(--ink-soft);font-size:.9em;font-weight:600}
  .cmp-row.price-row{align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:center;text-align:center;padding-top:15px;padding-bottom:15px}
  .cmp-price{font-family:var(--font-head);font-weight:800;font-size:1.5rem;color:var(--ink);line-height:1;white-space:nowrap}
  .cmp-price.free{color:var(--deep)}
  .cmp-price.muted{color:var(--ink-soft)}
  .cmp-was{font-size:.85rem;color:var(--ink-soft);text-decoration:line-through;opacity:.7}
  .price-row .cmp-note{flex-basis:100%;text-align:center}
  .cmp-row .off{font-size:.7rem;font-weight:800;color:var(--imp-t);background:var(--imp-bg);border:1px solid var(--imp-bd);padding:.2em .55em;border-radius:999px}
  .opt-cta{padding-top:14px;padding-bottom:20px;border-top:1px solid var(--hairline);display:flex;align-items:flex-end}
  .opt-cta .btn{width:100%}
  .perk-biz.sm{padding:.18em .5em;font-size:.66rem;gap:4px;vertical-align:middle}
  .perk-biz.sm svg{width:11px;height:11px}
  .opt .opt-badge{top:-13px;padding:.4em 1em}
  .opts3-v17{margin-top:14px}
  @media (max-width:680px){
    .opts3{grid-template-columns:1fr;grid-template-rows:none;row-gap:16px}
    .opt{display:flex;flex-direction:column;grid-row:auto}
    .orow-ic{padding-top:22px}
  }
  /* V13: frase "Ideal si…" (misma componente en las tres tarjetas) */
  .opt-ideal{display:inline-flex;align-items:flex-start;gap:8px;font-size:.86rem;font-weight:800;color:var(--ink);background:linear-gradient(135deg,rgba(142,211,146,.22),rgba(236,222,105,.14));border:1px solid var(--a2);border-radius:12px;padding:.58em .8em;line-height:1.35;box-shadow:0 5px 16px -12px rgba(78,124,63,.6)}
  html[data-theme="dark"] .opt-ideal{color:var(--ink);background:linear-gradient(135deg,rgba(142,211,146,.16),rgba(236,222,105,.08));border-color:rgba(142,211,146,.4)}
  .opt-ideal svg{width:11px;height:11px;flex-shrink:0;margin-top:5px;color:var(--deep)}
  html[data-theme="dark"] .opt-ideal svg{color:var(--ok)}
  .cmp-price.inv{font-size:1.05rem;color:var(--deep)}
  html[data-theme="dark"] .cmp-price.inv{color:var(--ok)}
  .price-row .inv-val{flex-basis:100%;text-align:center;font-size:.72rem;color:var(--ink-soft);text-decoration:line-through;opacity:.7;margin-top:2px}
  /* filas de comparación con subtexto */
  .cmp-body{display:flex;flex-direction:column;gap:4px;min-width:0}
  .cmp-sub{font-size:.78rem;color:var(--ink-soft);line-height:1.4}
  /* icono de información accesible (popover) */
  .infowrap{position:relative;display:inline-flex;vertical-align:middle}
  .info-btn{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;background:none;color:var(--ink-soft);cursor:pointer;border-radius:50%;flex-shrink:0;transition:color .2s}
  .info-btn:hover{color:var(--deep)}
  .info-btn svg{width:15px;height:15px;display:block}
  .info-pop{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:min(260px,78vw);background:var(--bg);color:var(--ink-soft);border:1px solid var(--hairline);border-radius:12px;padding:11px 13px;box-shadow:0 18px 44px -18px rgba(0,0,0,.5),0 4px 12px -6px rgba(0,0,0,.25);z-index:40;font-size:.8rem;font-weight:500;line-height:1.5;white-space:normal;text-align:left}
  .info-pop .wk{color:var(--wk)}
  .info-pop[hidden]{display:none}
  @media (max-width:520px){ .info-pop{left:auto;right:0;transform:none;max-width:80vw} }
  /* V14: bloque de ayuda de Suri (menor jerarquía, asistencia) */
  .suri-help{display:flex;align-items:center;gap:18px;padding:20px 24px;margin-top:26px;flex-wrap:wrap}
  html[data-plan="free"] #suriIntro{display:none!important}   
  .suri-help-av{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(120deg,rgba(236,222,105,.35),rgba(142,211,146,.4));border:2px solid rgba(255,255,255,.7)}
  html[data-theme="dark"] .suri-help-av{border-color:rgba(255,255,255,.14)}
  .suri-help-av img{width:100%;height:100%;object-fit:cover;display:block}
  .suri-help-txt{flex:1;min-width:220px}
  .suri-help-txt h3{font-size:1.05rem;margin-bottom:3px}
  .suri-help-txt p{font-size:.9rem;color:var(--ink-soft);line-height:1.5;max-width:60ch}
  .suri-sticky{position:sticky;top:12px;z-index:30;margin-top:20px;box-shadow:0 8px 24px -14px rgba(20,24,15,.4)}
  .suri-help.suri-docked{position:static;top:auto;margin-left:0;width:auto}
  .suri-note{width:100%;font-size:.8rem;color:var(--ink-soft);font-style:italic;line-height:1.45;margin:0 0 12px;padding-left:11px;border-left:2px solid var(--deep)}
  html[data-theme="dark"] .suri-note{border-left-color:var(--ok)}
  .suri-help.chatting .suri-note{display:none}
  .report-versions{margin-top:16px;padding:16px 20px}
  .report-versions.rv-stuck{position:fixed;top:66px;left:16px;z-index:44;width:auto;max-width:min(264px,72vw);margin:0;padding:10px 12px;box-shadow:0 16px 36px -14px rgba(20,24,15,.6);animation:rvin .28s ease}
  @keyframes rvin{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .ra-mini-spin{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-1px;border:2px solid var(--hairline);border-top-color:var(--deep);border-radius:50%;animation:raspin .7s linear infinite}
  @keyframes raspin{to{transform:rotate(360deg)}}
  html[data-theme="dark"] .ra-mini-spin{border-top-color:var(--ok)}
  .report-versions.rv-stuck .rv-sub{display:none}
  .report-versions.rv-stuck .rv-head{margin-bottom:8px}
  .report-versions.rv-stuck .rv-title{font-size:.8rem}
  .report-versions.rv-stuck .rv-title svg{width:15px;height:15px}
  .report-versions.rv-stuck .rv-cards{grid-template-columns:1fr;gap:6px}
  .report-versions.rv-stuck .rv-card{padding:6px 9px;gap:8px}
  .report-versions.rv-stuck .rv-shot{width:34px;height:24px}
  .report-versions.rv-stuck .rv-date{display:none}
  .report-versions.rv-stuck .rv-name{font-size:.78rem}
  .report-versions.rv-stuck .rv-flag{top:-7px;right:8px;font-size:.54rem;padding:1px 6px}
  .report-versions.rv-stuck .rv-check{width:16px;height:16px}
  .rv-head{display:flex;flex-direction:column;gap:3px;margin-bottom:13px}
  .rv-title{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:800;font-size:.95rem;color:var(--ink)}
  .rv-title svg{width:17px;height:17px;color:var(--deep)}
  html[data-theme="dark"] .rv-title svg{color:var(--ok)}
  .rv-sub{font-size:.8rem;color:var(--ink-soft)}
  .rv-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .rv-card{position:relative;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 12px;border-radius:14px;border:1px solid var(--field-bd);background:var(--glass-bg-strong);cursor:pointer;font-family:var(--font);transition:border-color .16s,box-shadow .16s,transform .12s}
  .rv-card:hover{border-color:var(--deep);transform:translateY(-1px)}
  .rv-card.sel{border-color:var(--deep);box-shadow:0 0 0 1px var(--deep) inset;background:var(--mej-bg)}
  .rv-shot{flex-shrink:0;width:54px;height:38px;border-radius:8px;overflow:hidden;border:1px solid var(--hairline);background:#fff;line-height:0}
  .rv-shot svg{width:100%;height:100%;display:block}
  .rv-info{display:flex;flex-direction:column;min-width:0}
  .rv-name{font-size:.86rem;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rv-date{font-size:.74rem;color:var(--ink-soft)}
  .rv-flag{position:absolute;top:-8px;right:11px;font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--deep);padding:2px 8px;border-radius:999px}
  html[data-theme="dark"] .rv-flag{color:#0e120a}
  .rv-card.rv-pending{border-style:dashed;cursor:default}
  .rv-card.rv-pending .rv-shot,.rv-card.rv-pending .rv-info,.rv-card.rv-pending .rv-check{opacity:.24;filter:grayscale(.35)}
  .rv-ghost-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:14px}
  .rv-card:not(.rv-pending) .rv-ghost-over{display:none}
  .rv-ghost-cta{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--navy);background:var(--grad);border:none;cursor:pointer;box-shadow:0 6px 16px -7px rgba(126,178,106,.75);transition:transform .15s,filter .15s}
  .rv-ghost-cta svg{width:16px;height:16px}
  .rv-ghost-cta:hover{filter:brightness(1.07);transform:scale(1.08)}
  .rv-ghost-lbl{display:none}
  .rv-card.rv-pending .rv-info,.rv-card.rv-pending .rv-check{display:none}
  .rv-cards.rv-private{display:flex;flex-wrap:wrap;gap:12px}
  .rv-sec-privlbl{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:var(--ink-soft);margin-left:6px}
  .rv-sec-privlbl svg{width:12px;height:12px}
  .rv-check{margin-left:auto;width:20px;height:20px;flex-shrink:0;color:var(--deep);opacity:0;transition:opacity .16s}
  html[data-theme="dark"] .rv-check{color:var(--ok)}
  .rv-card.sel .rv-check{opacity:1}
  .rv-check svg{width:100%;height:100%}
  @media(max-width:520px){.rv-cards{grid-template-columns:1fr}}
  .suri-help.suri-sticky .suri-help-txt p{max-width:none;font-size:.95rem;color:var(--ink)}
  body{overflow-anchor:none}
  /* v25: "Lo que falta por mirar" oculto salvo cuando se abre desde un enlace (overlay) */
  #nomira{display:none}
  #nomira.shown{display:block;position:fixed;inset:0;margin:auto;width:min(1040px,86vw);height:fit-content;max-height:86vh;overflow-y:auto;background:var(--bg);border:1px solid var(--hairline);border-radius:20px;box-shadow:0 40px 90px -25px rgba(0,0,0,.55);z-index:101;padding:18px clamp(16px,3vw,30px) 30px}   
  .nomira-backdrop{position:fixed;inset:0;background:rgba(20,24,15,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;display:none}
  #nomira.shown>summary{cursor:default}
  #nomira.shown>summary .sec-chev{display:none}
  .nomira-close{position:absolute;top:12px;right:14px;z-index:5;width:38px;height:38px;border-radius:50%;border:1px solid var(--hairline);background:var(--glass-bg-strong);color:var(--ink-soft);cursor:pointer;align-items:center;justify-content:center;transition:color .2s,border-color .2s}
  .nomira-close:hover{color:var(--ink);border-color:var(--a2)}
  .nomira-close svg{width:20px;height:20px}
  .suri-help.suri-sticky.collapsed{width:fit-content;margin-left:auto;padding:8px 10px;gap:4px;cursor:pointer}
  .suri-help.suri-sticky.collapsed .suri-help-txt{display:none}
  .suri-help.suri-sticky.collapsed .suri-help-av{width:42px;height:42px}
  .suri-help.suri-sticky.collapsed .suri-help-cta{padding:.5em 1em}
  /* v25: Suri como panel en línea (no popup) */
  .suri-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;width:100%}
  .suri-inline-chat{display:none;flex-direction:column;gap:10px;width:100%}
  .suri-ic-head{display:flex;align-items:center;gap:10px}
  .suri-ic-head .suri-help-av{width:38px;height:38px;flex-shrink:0}
  .suri-ic-name{font-family:var(--font-head);font-weight:800;font-size:1rem;flex:1;color:var(--ink)}
  .suri-ic-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--hairline);background:var(--glass-bg-strong);color:var(--ink-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s,border-color .2s}
  .suri-ic-close:hover{color:var(--ink);border-color:var(--a2)}
  .suri-ic-close svg{width:17px;height:17px}
  .suri-help.suri-sticky.chatting{flex-direction:column;align-items:stretch;gap:0;width:auto;margin-left:0;padding:14px 16px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:0 28px 70px -20px rgba(20,24,15,.6),0 8px 22px -9px rgba(20,24,15,.4),inset 0 0 0 1px rgba(255,255,255,.4)}
  html[data-theme="dark"] .suri-help.suri-sticky.chatting{box-shadow:0 28px 70px -18px rgba(0,0,0,.7),0 8px 22px -9px rgba(0,0,0,.5)}
  .suri-help.suri-sticky.chatting .suri-row{display:none}
  .suri-help.suri-sticky.chatting .suri-inline-chat{display:flex}
  .suri-inline-chat .suri-chat{max-height:min(48vh,340px)}
  .suri-inline-chat .suri-quick{margin:10px 0 0}
  /* v25: bloque de reanálisis (cambios detectados) + barra de progreso */
  .reanalyze-card{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 22px;margin-top:22px;border-left:3px solid var(--deep);background:linear-gradient(120deg,rgba(142,211,146,.14),rgba(236,222,105,.09))}
  .ra-main{flex:1;min-width:260px}
  .ra-badge{display:inline-flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--deep);margin-bottom:11px}
  html[data-theme="dark"] .ra-badge{color:var(--ok)}
  .ra-badge svg{width:15px;height:15px}
  .ra-items{display:flex;flex-direction:column;gap:7px}
  .ra-item{display:flex;align-items:center;gap:9px;font-size:.9rem;color:var(--ink-soft);line-height:1.4}
  .ra-item strong{color:var(--ink)}
  .ra-ic{display:inline-flex;color:var(--deep);flex-shrink:0}
  html[data-theme="dark"] .ra-ic{color:var(--ok)}
  .ra-ic svg{width:17px;height:17px}
  .ra-cta{flex-shrink:0}
  .ra-cta svg{width:1.05em;height:1.05em;margin-right:2px}
  .ra-confirm{width:100%;display:none;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .reanalyze-card.confirming .ra-confirm{display:flex}
  .ra-confirm p{font-size:.95rem;color:var(--ink-soft)} .ra-confirm p strong{color:var(--ink)}
  .ra-confirm-btns{display:flex;gap:10px;flex-shrink:0}
  .ra-progress{width:100%}
  .ra-prog-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:9px}
  .ra-prog-title{font-weight:700;color:var(--ink)}
  .ra-prog-pct{font-family:var(--font-head);font-weight:800;color:var(--deep)}
  html[data-theme="dark"] .ra-prog-pct{color:var(--ok)}
  .ra-prog-track{height:12px;border-radius:999px;background:var(--track);overflow:hidden}
  .ra-prog-fill{height:100%;width:0;background:var(--grad);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}
  .ra-prog-fam{margin-top:10px;font-size:.86rem;color:var(--ink-soft)}
  .reanalyze-card.confirming .ra-main,.reanalyze-card.confirming .ra-action{display:none}
  .reanalyze-card.analyzing .ra-main,.reanalyze-card.analyzing .ra-action,.reanalyze-card.analyzing .ra-confirm{display:none}
  body.ra-analyzing .wrap > *:not(#reanalyzeCard){opacity:.3;pointer-events:none;transition:opacity .5s ease}
  body.ra-analyzing .toc-side{opacity:.3;pointer-events:none}
  .rv-card.rv-pending{display:flex!important}
  .ra-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(18,22,14,.5);-webkit-backdrop-filter:blur(9px) saturate(.92);backdrop-filter:blur(9px) saturate(.92);animation:raOvIn .3s ease}
  @keyframes raOvIn{from{opacity:0}to{opacity:1}}
  .ra-overlay-panel{width:min(520px,92vw);padding:24px 26px;border-radius:18px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}
  .ra-overlay-panel .ra-progress{width:100%}
  .reanalyze-card.ra-exhausted{display:block;padding:0;border-left:none;background:none;margin-top:22px}
  .ra-needmore{display:flex;align-items:center;gap:13px;width:100%;padding:15px 20px;border:1px dashed var(--deep);background:rgba(142,211,146,.08);border-radius:14px;cursor:pointer;font-family:var(--font);color:var(--ink);text-align:left;transition:background .15s,border-color .15s}
  .ra-needmore:hover{background:rgba(142,211,146,.16);border-color:var(--a2)}
  .ra-nm-ic{display:inline-flex;flex-shrink:0;color:var(--deep)} .ra-nm-ic svg{width:22px;height:22px}
  .ra-nm-t{font-weight:800;font-size:1rem} .ra-nm-go{margin-left:auto;display:inline-flex;color:var(--deep)} .ra-nm-go svg{width:20px;height:20px}
  #btnUnlockPay:disabled{opacity:.5;cursor:progress;filter:saturate(.55)}
  .suri-help-cta{flex-shrink:0}
  .suri-help-cta svg{width:1.05em;height:1.05em}
  @media (max-width:600px){ .suri-help{gap:14px} .suri-help-cta{width:100%} }
  /* V14: modal chat de Suri */
  .suri-modal{max-width:520px}
  .suri-modal-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding-right:34px}
  .suri-modal-av{width:46px;height:46px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(120deg,rgba(236,222,105,.35),rgba(142,211,146,.4));border:2px solid rgba(255,255,255,.7)}
  html[data-theme="dark"] .suri-modal-av{border-color:rgba(255,255,255,.14)}
  .suri-modal-av img{width:100%;height:100%;object-fit:cover;display:block}
  .suri-modal-head .modal-t{margin:0;font-size:1.15rem}
  .suri-modal-head .modal-sub{margin:0;font-size:.85rem}
  .suri-chat{background:var(--field);border:1px solid var(--hairline);border-radius:14px;padding:14px;max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}
  .suri-msg{font-size:.88rem;line-height:1.5;padding:9px 12px;border-radius:12px;max-width:88%}
  .suri-msg.bot{background:var(--glass-bg-strong);border:1px solid var(--hairline);align-self:flex-start;border-bottom-left-radius:4px}
  .suri-msg.user{background:var(--grad);color:var(--navy);align-self:flex-end;border-bottom-right-radius:4px;font-weight:600}
  .suri-msg strong{color:inherit}
  .suri-quick{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 12px}
  .suri-q{font-family:var(--font);font-size:.8rem;font-weight:600;color:var(--deep);background:var(--glass-bg-strong);border:1px solid var(--a2);border-radius:999px;padding:.5em .9em;cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
  .suri-q:hover{background:rgba(142,211,146,.14)}
  html[data-theme="dark"] .suri-q{color:var(--ok)}
  .suri-input{display:flex;gap:8px;align-items:center}
  .suri-input input{flex:1;font-family:var(--font);font-size:.92rem;color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--field-bd);border-radius:11px;padding:.7em .85em;outline:none;transition:border-color .2s}
  .suri-input input:focus{border-color:var(--a2)}
  .suri-input .btn{padding:.7em .9em;flex-shrink:0}
  .suri-input .btn svg{width:1.1em;height:1.1em}
  /* ===== V15 ===== */
  /* familias totalmente bloqueadas: 4 columnas + listas difuminadas */
  .noinc-cols{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
  .noinc-count.locked{display:inline-flex;align-items:center;gap:5px}
  .noinc-count.locked svg{width:12px;height:12px}
  .noinc-blur{filter:none}
  .noinc-col.blocked ul li svg{color:var(--locked)}
  html[data-theme="dark"] .noinc-col.blocked ul li svg{color:var(--a2)}
  @media (max-width:760px){ .noinc-cols{grid-template-columns:1fr 1fr} }
  @media (max-width:460px){ .noinc-cols{grid-template-columns:1fr} }
  /* familias parcialmente analizadas: tarjeta con dos bloques */
  .noinc-partial{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .np-card{min-height:0;padding:16px 16px 14px;gap:12px}
  .np-n.locked{display:inline-flex;align-items:center;gap:5px}
  .np-n.locked svg{width:13px;height:13px}
  .np-block .np-bh{font-size:.64rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
  .np-block .np-bh.locked{display:inline-flex;align-items:center;gap:5px;color:var(--deep)}
  html[data-theme="dark"] .np-block .np-bh.locked{color:var(--ok)}
  .np-block .np-bh.locked svg{width:12px;height:12px}
  .np-list{list-style:none;display:flex;flex-direction:column;gap:5px}
  .np-list li{font-size:.79rem;line-height:1.3;color:var(--ink);display:flex;gap:6px;align-items:flex-start}
  .np-list.inc li svg{width:13px;height:13px;color:var(--deep);flex-shrink:0;margin-top:2px}
  html[data-theme="dark"] .np-list.inc li svg{color:var(--ok)}
  .np-list.blk{filter:none}
  .np-list.blk li svg{width:13px;height:13px;color:var(--locked);flex-shrink:0;margin-top:2px}
  .np-list.blk li .sev-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-top:6px;opacity:.85}
  .sev-dot.s-c{background:var(--crit)} .sev-dot.s-i{background:var(--imp)} .sev-dot.s-m{background:#4E7C3F}
  .np-all{margin-top:auto;align-self:flex-start;font-family:var(--font);font-weight:700;font-size:.8rem;color:var(--deep);background:none;border:none;cursor:pointer;padding:5px 0;display:inline-flex;align-items:center;gap:5px}
  html[data-theme="dark"] .np-all{color:var(--ok)}
  .np-all:hover{text-decoration:underline}
  .np-all svg{width:14px;height:14px}
  .sev-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}
  .sf-lbl{font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);opacity:.75;margin-right:2px}
  .sf-chip{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;color:var(--ink-soft);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:999px;padding:.44em .95em;cursor:pointer;transition:color .2s,border-color .2s,background .2s}
  .sf-chip:hover{color:var(--ink);border-color:var(--a2)}
  .sf-chip.active{color:var(--ink);border-color:var(--deep);background:rgba(142,211,146,.16)}
  html[data-theme="dark"] .sf-chip.active{color:var(--ink);border-color:var(--ok);background:rgba(142,211,146,.12)}
  .sf-chip .sev-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}
  .sf-chip .sf-n{opacity:.6;font-weight:700}
  .sf-chip.active .sf-n{opacity:.75}
  .ev{transition:opacity .2s}
  .noinc-card[data-sev="c"] .np-list .ev:not(.s-c),
  .noinc-card[data-sev="i"] .np-list .ev:not(.s-i),
  .noinc-card[data-sev="m"] .np-list .ev:not(.s-m){opacity:.22}
  .np-grid-paid,.np-group-none,.np-card{transition:opacity .2s}
  .noinc-card[data-flt="free"] .np-group-none,
  .noinc-card[data-flt="free"] .np-grid-paid{opacity:.22}
  .noinc-card[data-flt="free"] .np-grid-free .ev-paid{opacity:.22}
  .noinc-card[data-flt="paid"] .np-grid-free .np-card:not(.np-has-paid){opacity:.22}
  .noinc-card[data-flt="paid"] .np-grid-free .np-card.np-has-paid .ev:not(.ev-paid){opacity:.22}
  .ev-paid .ev-lock{width:12px;height:12px;flex:none;color:var(--ink-soft);margin-left:auto;opacity:.8}
  html[data-theme="dark"] .ev-paid .ev-lock{color:var(--mej-t)}
  .fam-lists .fam-blk li .sev-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-top:6px}
  .fam-more{list-style:none;color:var(--ink-soft);font-style:italic;opacity:.8;padding-top:2px}
  #famBlocked{max-height:min(54vh,430px);overflow-y:auto}
  /* modal "Ver todas" */
  #modalFam .modal{max-width:640px}
  .fam-lists{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:6px}
  .fam-lists.single{grid-template-columns:1fr}
  .fam-list-h{font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:11px;padding-bottom:9px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  .fam-list-h.locked{color:var(--deep)}
  html[data-theme="dark"] .fam-list-h.locked{color:var(--ok)}
  .fam-list-h svg{width:13px;height:13px;flex-shrink:0}
  .fam-list-h .tag-biz{font-size:.6rem}
  .fam-n{margin-left:auto;font-family:var(--font-head);font-weight:800;color:var(--ink-soft)}
  .fam-lists ul{list-style:none;display:flex;flex-direction:column;gap:9px}
  .fam-lists li{font-size:.85rem;line-height:1.35;color:var(--ink);display:flex;gap:8px;align-items:flex-start}
  .fam-lists .fam-inc li svg{width:14px;height:14px;color:var(--deep);flex-shrink:0;margin-top:2px}
  html[data-theme="dark"] .fam-lists .fam-inc li svg{color:var(--ok)}
  .fam-lists .fam-blk li svg{width:14px;height:14px;color:var(--locked);flex-shrink:0;margin-top:2px}
  @media (max-width:560px){ .fam-lists{grid-template-columns:1fr;gap:16px} }
  /* ===== V16 ===== */
  /* recurso visual "ahora elige" entre el rótulo y las tarjetas */
  .choose-cue{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 16px;max-width:220px}
  .choose-cue .cc-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--hairline),transparent)}
  .choose-cue .cc-dot{width:5px;height:5px;border-radius:50%;background:var(--a2)}
  .choose-cue .cc-dot:nth-child(3){width:7px;height:7px;background:var(--deep)}
  /* V20: privacidad común encima de las tres tarjetas */
  .privacy-common{margin:0 auto 6px;text-align:center}
  .pc-badge{display:inline-flex;align-items:center;gap:7px;font-size:.73rem;font-weight:600;color:var(--deep);background:rgba(142,211,146,.14);border:1px solid rgba(142,211,146,.4);border-radius:999px;padding:.5em 1.1em;max-width:540px;line-height:1.35}
  html[data-theme="dark"] .pc-badge{color:var(--ok);background:rgba(142,211,146,.1)}
  .pc-badge svg{width:16px;height:16px;flex-shrink:0}
  .pc-connect{display:block;width:100%;max-width:var(--maxw);margin:14px auto 0;height:56px;color:var(--a2)}
  .pc-connect .pc-track,.pc-connect .pc-lit{fill:none;stroke:currentColor;stroke-width:3.3;stroke-linecap:round;stroke-dasharray:0.01 5;vector-effect:non-scaling-stroke}
  .pc-connect .pc-track{opacity:.5}
  .pc-connect .pc-lit{stroke:url(#pcGrad);opacity:1}
  html[data-theme="dark"] .pc-connect .pc-lit{color:var(--ok)}
  .pc-connect .pc-reveal{fill:none;stroke:#fff;stroke-width:6;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.5s ease}
  .pc-connect .pc-reveal.on{stroke-dashoffset:0}
  .pc-connect .pc-arr{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:.5;vector-effect:non-scaling-stroke;transition:opacity .3s,color .3s,stroke-width .3s}
  .pc-connect .pc-arr.on{stroke:url(#pcGrad);opacity:1;stroke-width:3.6;transition-delay:1.2s}
  html[data-theme="dark"] .pc-connect .pc-arr.on{color:var(--ok)}
  @media (max-width:760px){ .pc-connect{display:none} .privacy-common{margin-bottom:14px} }
  /* fila "opcional" (neutra, ni positiva ni negativa) */
  .cmp-row.opt-later .cmp-ic{background:var(--track);color:var(--ink-soft)}
  .cmp-row.opt-later .cmp-t{color:var(--ink-soft)}
  .cmp-opt{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);padding:.15em .5em;border-radius:999px;vertical-align:middle}
  /* ===== V17: tarjetas "Cómo lo resolvemos" (paneles + colapsables) ===== */
  .opts3-v17{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;column-gap:14px;row-gap:0;align-items:stretch}
  .opts3-v17 .opt{display:flex;flex-direction:column;grid-row:auto;padding:22px 20px 18px;gap:0;position:relative;overflow:visible;min-width:0}
  .opts3-v17 .opt>*{padding-left:0;padding-right:0}
  .opts3-v17 .opt>.opt-badge{padding:.72em 1.9em;opacity:0;transition:opacity .35s ease}
  .opts3-v17 .opt:hover>.opt-badge{opacity:1;transition-delay:1.3s}
  /* V20: iconos sin fondo, homogéneos */
  .opt-icon{height:78px;display:flex;align-items:center;justify-content:center;margin:4px auto 12px;color:var(--deep)}
  html[data-theme="dark"] .opt-icon{color:var(--ok)}
  .opt-icon svg{width:auto;height:76px}
  .opts3-v17 .opt-t{font-family:var(--font-head);font-weight:800;font-size:1.06rem;line-height:1.25;text-align:center;min-height:2.5em;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
  .opt-sub{font-size:.9rem;font-weight:600;color:var(--ink-soft);line-height:1.35;text-align:center;min-height:80px;margin-bottom:13px;display:block}
  .opt-sub u{text-underline-offset:2px}
  .priv-line{display:flex;align-items:center;justify-content:center;margin-bottom:12px;min-height:26px}
  .priv-badge{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:var(--deep);background:rgba(142,211,146,.16);border:1px solid rgba(142,211,146,.4);padding:.3em .7em;border-radius:999px;white-space:nowrap}
  html[data-theme="dark"] .priv-badge{color:var(--ok);background:rgba(142,211,146,.12)}
  .priv-badge svg{width:12px;height:12px;flex-shrink:0}
  .econ-row{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:72px;margin:9px 0 18px}
  .was-mini{display:inline-flex;align-items:center;font-size:.6rem;font-weight:700;color:var(--ink-soft);text-decoration:line-through;border:1px solid var(--hairline);border-radius:5px;padding:.16em .42em;letter-spacing:.02em}
  .save{font-size:.66rem;font-weight:700;color:var(--deep);letter-spacing:.02em}
  html[data-theme="dark"] .save{color:var(--ok)}
  .econ-line{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap;justify-content:center}
  .biz-badge{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;font-weight:800;letter-spacing:.03em;color:var(--deep);background:rgba(142,211,146,.18);border:1px solid rgba(142,211,146,.44);padding:.3em .8em;border-radius:999px}
  html[data-theme="dark"] .biz-badge{color:var(--ok);background:rgba(142,211,146,.12)}
  .biz-badge svg{width:15px;height:15px;flex-shrink:0}
  .cta-biz{color:#fff;background:#3E6330;border-color:#3E6330}
  html[data-theme="dark"] .cta-biz{color:#fff;background:#3E6330;border-color:#3E6330}
  .econ-early{font-family:var(--font-head);font-weight:800;font-size:1.12rem;letter-spacing:.04em;color:var(--deep)}
  html[data-theme="dark"] .econ-early{color:var(--ok)}
  /* V20: características siempre visibles, compactas (~15% menos) */
  .feat-list{list-style:none;display:flex;flex-direction:column;gap:0;margin:0 0 13px;padding:9px 0;border-top:1px dashed var(--hairline);border-bottom:1px dashed var(--hairline)}
  .feat-list li{display:flex;align-items:center;gap:8px;font-size:.78rem;line-height:1.25;color:var(--ink);padding:6px 2px;min-height:34px}
  .fi-ic{width:14px;height:14px;flex-shrink:0;border-radius:50%;background:rgba(142,211,146,.24);position:relative}
  .fi-ic::after{content:"";position:absolute;left:4.5px;top:2.5px;width:3.5px;height:6px;border:solid var(--deep);border-width:0 2px 2px 0;transform:rotate(45deg)}
  html[data-theme="dark"] .fi-ic::after{border-color:var(--ok)}
  .fi-ic.no{background:var(--track)}
  .fi-ic.no::after{content:"";left:3.5px;top:6px;width:7px;height:0;border:none;border-top:2px solid var(--ink-soft);transform:none;border-radius:2px;opacity:.75}
  .fi-t.muted{color:var(--ink-soft)}
  .fi-note{display:block;font-size:.7rem;color:var(--ink-soft);margin-top:2px}
  .feat-list .info-btn{width:15px;height:15px}
  .feat-list .info-btn svg{width:13px;height:13px}
  .opts3-v17 .opt-cta-btn{width:auto;align-self:center;white-space:nowrap;margin-top:auto}
  .opts3-v17 .opt-cta-btn{padding-left:1.2em;padding-right:1.2em;font-size:.86rem}
  .opts3-v17 .opt-cta-btn svg,.opts3-v17 .opt-cta-btn .cta-share{flex-shrink:0}
  /* v27: diferenciación por color en el BORDE del CTA (mismo peso; verde=colaborativa / ámbar=individual) */
  #btnOptWakaris.opt-cta-btn{box-shadow:0 0 0 1.5px rgba(99,181,106,.92),0 8px 22px -8px rgba(99,181,106,.5),inset 0 1px 0 rgba(255,255,255,.35)}
  #btnOptWakaris.opt-cta-btn:hover{box-shadow:0 0 0 1.5px rgba(99,181,106,1),0 14px 30px -10px rgba(99,181,106,.68),inset 0 1px 0 rgba(255,255,255,.35)}
  #btnOptPay.opt-cta-btn{box-shadow:0 0 0 1.5px rgba(224,195,74,.95),0 8px 22px -8px rgba(224,183,70,.5),inset 0 1px 0 rgba(255,255,255,.35)}
  #btnOptPay.opt-cta-btn:hover{box-shadow:0 0 0 1.5px rgba(224,195,74,1),0 14px 30px -10px rgba(224,183,70,.68),inset 0 1px 0 rgba(255,255,255,.35)}
  @media (max-width:760px){ .opts3-v17{grid-template-columns:1fr;row-gap:16px} .opts3-v17 .opt{margin-bottom:0} .opts3-v17 .opt-t,.opt-sub{min-height:0} }
  /* vista previa de mensaje (campos de formulario, sin mockup de cliente de correo) */
  .msg-preview{margin:14px 0;border:1px solid var(--hairline);border-radius:14px;background:var(--field);padding:14px 15px}
  .mp-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:4px;min-height:18px}
  .mp-head-actions{display:inline-flex;gap:14px;align-items:center;flex-shrink:0}
  .mp-title{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
  .mp-adapting{font-size:.75rem;font-weight:700;color:var(--deep);display:inline-flex;align-items:center;gap:6px}
  html[data-theme="dark"] .mp-adapting{color:var(--ok)}
  .mp-adapting::before{content:"";width:12px;height:12px;border:2px solid var(--a2);border-top-color:var(--deep);border-radius:50%;animation:mp-spin .7s linear infinite}
  @keyframes mp-spin{to{transform:rotate(360deg)}}
  .mp-aux{font-size:.8rem;color:var(--ink-soft);line-height:1.4;margin-bottom:10px}
  .mp-body{transition:opacity .2s} .mp-body.dim{opacity:.35}
  .msg-preview textarea{resize:vertical;min-height:120px;line-height:1.5}
  .msg-preview input[readonly],.msg-preview textarea[readonly]{background:var(--bg-soft);cursor:default;color:var(--ink-soft)}
  html[data-theme="dark"] .msg-preview input[readonly],html[data-theme="dark"] .msg-preview textarea[readonly]{background:rgba(255,255,255,.03)}
  .mp-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}
  .mp-empty{font-size:.82rem;color:var(--ink-soft);text-align:center;padding:8px 0}
  #wkPreviewBody{position:relative}
  .mp-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bg);border-radius:10px;font-size:.9rem;font-weight:800;letter-spacing:.02em;color:var(--deep);z-index:3}
  .mp-overlay[hidden]{display:none}
  html[data-theme="dark"] .mp-overlay{color:var(--ok)}
  .mp-ov-spin{width:18px;height:18px;border:2.5px solid var(--a2);border-top-color:var(--deep);border-radius:50%;animation:mp-spin .7s linear infinite}
  .mp-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--deep);margin:2px 0 4px}
  html[data-theme="dark"] .mp-label{color:var(--ok)}
  .mp-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:10px}
  .mp-back svg{width:14px;height:14px}
  .recept-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}
  .recept-opt{font-family:var(--font);font-weight:700;font-size:.9rem;color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:12px;padding:.9em 1em;cursor:pointer;text-align:left;transition:border-color .2s,background .2s}
  .recept-opt:hover{border-color:var(--a2);background:rgba(142,211,146,.1)}
  .recept-opt.own{grid-column:1 / -1;color:var(--ink-soft);font-weight:600}
  @media (max-width:520px){ .recept-grid{grid-template-columns:1fr} }
  .sev-head .sv.ok{background:#4E7C3F;position:relative}
  .sev-head .sv.ok::after{content:"";position:absolute;left:4px;top:1.5px;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
  .finding.ok{border-left-color:#4E7C3F}
  .chip.ok{color:#fff;background:#4E7C3F;border:1px solid #4E7C3F}
  .metric .mv .pass{color:var(--ok);font-weight:800}

  .monitor-panel{margin-top:22px;padding:16px 22px;position:relative;overflow:hidden;background:linear-gradient(120deg,rgba(236,222,105,.18),rgba(188,212,122,.15) 45%,rgba(142,211,146,.18)),var(--glass-bg)}
  .mon-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
  .mon-shot{position:relative}
  .mon-wp{position:absolute;top:-14px;left:-14px;width:30px;height:30px;z-index:3;box-shadow:0 6px 16px -5px rgba(33,117,155,.8)}
  .mon-wp svg{width:18px;height:18px}
  .mon-main{display:flex;flex-direction:column;gap:6px;min-width:0}
  .mon-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:2px}
  .mon-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--deep);background:var(--mej-bg);border:1px solid var(--mej-bd);padding:.32em .72em;border-radius:999px;white-space:nowrap;position:relative;overflow:hidden;animation:monBlink 2.4s ease-in-out infinite}
  .mon-badge::after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(100deg,transparent,rgba(210,255,215,.6),transparent);transform:translateX(-130%);animation:monScan 2.4s ease-in-out infinite;pointer-events:none}
  @keyframes monScan{0%{transform:translateX(-130%)}55%,100%{transform:translateX(260%)}}
  @keyframes monBlink{0%,100%{box-shadow:0 0 0 0 rgba(99,181,106,0);border-color:var(--mej-bd)}50%{box-shadow:0 0 11px 1px rgba(99,181,106,.5);border-color:rgba(99,181,106,.85)}}
  @media (prefers-reduced-motion:reduce){.mon-badge,.mon-badge::after{animation:none}}
  .mon-badge svg{width:14px;height:14px}
  .mon-status-txt{font-size:.85rem;color:var(--ink-soft)}
  .mon-more{margin-top:15px;border-top:1px solid var(--hairline)}
  .mon-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:11px 2px 3px}
  .mon-more>summary::-webkit-details-marker{display:none}
  .mon-more-lbl{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:800;font-size:.9rem;color:var(--ink)}
  .mon-more-lbl svg{width:16px;height:16px;color:var(--deep)}
  .mon-more-meta{font-size:.78rem;color:var(--ink-soft);margin-left:3px}
  .mon-more-n{font-family:var(--font-head);font-weight:800;font-size:1.3rem;color:var(--ink);line-height:1}
  .mon-more-chev{display:inline-flex;color:var(--ink-soft);transition:transform .2s}
  .mon-lock{display:inline-flex;align-items:center;justify-content:center;padding:2px;margin:0 2px;background:none;border:none;cursor:pointer;color:var(--ink-soft);opacity:.55;line-height:0;transition:color .25s,opacity .25s}
  .mon-lock svg{width:19px;height:19px;transition:transform .4s cubic-bezier(.5,-0.25,.3,1.45)}
  .mon-lock:hover{opacity:.85}
  .mon-lock.open{color:var(--deep);opacity:1}
  .mon-more-chev svg{width:18px;height:18px}
  .mon-more[open] .mon-more-chev{transform:rotate(180deg)}
  .mon-more-body{padding:13px 0 4px;display:flex;flex-direction:column;gap:14px}
  .mon-more-body .reanalyze-card{margin-top:0}
  .rv-free-tag{margin-left:auto;font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);padding:2px 7px;border-radius:999px;flex-shrink:0}
  .rv-card.rv-free .rv-name{color:var(--ink-soft)}

  .tc-wrap{border:1px solid var(--hairline);border-radius:14px;padding:13px 15px 10px;background:var(--glass-bg-strong)}
  .tc-head{display:flex;align-items:center;flex-wrap:wrap;gap:5px 14px;margin-bottom:6px}
  .tc-title{font-family:var(--font-head);font-weight:800;font-size:.86rem;color:var(--ink)}
  .tc-legend{display:flex;gap:12px;margin-left:auto;font-size:.72rem;color:var(--ink-soft)}
  .tc-legend span{display:inline-flex;align-items:center;gap:5px}
  .tc-legend i{width:9px;height:9px;border-radius:2px;display:block;flex-shrink:0}
  .tc-svg svg{width:100%;height:auto;display:block;overflow:visible}
  .tc-line{fill:none;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
  .tc-line.tc-crit{stroke:var(--crit)} .tc-line.tc-imp{stroke:var(--imp)} .tc-line.tc-mej{stroke:var(--mej)}
  circle.tc-crit{fill:var(--crit)} circle.tc-imp{fill:var(--imp)} circle.tc-mej{fill:var(--mej)}
  .tc-line.tc-afec{stroke:#E0C34A} circle.tc-afec{fill:#E0C34A}
  .tc-dot{transition:r .12s ease}
  .tc-grid{stroke:var(--hairline);stroke-width:1;opacity:.6}
  .tc-xlab{fill:var(--ink-soft);font-size:11px;font-family:var(--font)}
  .tc-gap{fill:var(--ink-soft);font-size:10px;font-family:var(--font);font-weight:600;opacity:.7}
  .tc-gaparr{fill:none;stroke:var(--ink-soft);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
  .tc-hl{fill:var(--a3);opacity:0;transition:opacity .14s ease}
  .tc-hl.on{opacity:.16}
  .tc-val{fill:var(--ink);font-size:11px;font-weight:800;font-family:var(--font-head);opacity:0;transition:opacity .12s ease;paint-order:stroke;stroke:var(--bg);stroke-width:3px;stroke-linejoin:round}
  .tc-val.on{opacity:1}
  .tc-hit{cursor:pointer}
  .tc-foot{font-size:.74rem;color:var(--ink-soft);opacity:.75;margin:7px 0 0}
  .rv-card.tc-peer{border-color:var(--deep);box-shadow:0 0 0 1px var(--deep) inset}
  html[data-theme="dark"] .rv-card.tc-peer{border-color:var(--ok)}

  .hc-info{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-left:2px;border-radius:50%;border:1px solid var(--hairline);color:var(--ink-soft);font-family:var(--font-head);font-size:.64rem;font-weight:800;font-style:normal;line-height:1;cursor:help;text-transform:none;transition:color .15s,border-color .15s}
  .hc-info:hover,.hc-info:focus-visible{color:var(--deep);border-color:var(--deep);outline:none}
  .hc-tip{position:absolute;bottom:calc(100% + 9px);left:50%;transform:translateX(-50%) translateY(5px);width:224px;max-width:72vw;background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:12px;padding:11px 13px;font-family:var(--font);font-size:.8rem;font-weight:500;line-height:1.45;letter-spacing:normal;text-transform:none;color:var(--ink-soft);text-align:left;box-shadow:0 18px 44px -14px rgba(0,0,0,.6);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:40}
  .hc-info:hover .hc-tip,.hc-info:focus-visible .hc-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  .bd-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}
  .bd-line{fill:none;stroke:var(--deep);stroke-width:1.6;stroke-dasharray:1.5 5;stroke-linecap:round;opacity:0;transition:opacity .26s ease;transition-delay:calc(var(--i,0)*.06s)}
  .bd-line.on{opacity:.8;animation:bdflow 1.1s linear infinite}
  @keyframes bdflow{to{stroke-dashoffset:-13}}
  @media (prefers-reduced-motion:reduce){.bd-line.on{animation:none}}

  .dom-hl{color:#5a86ad}
  .h1-dom{display:block;background-image:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
  .h1-fav{display:inline-flex;align-items:center;justify-content:center;width:.9em;height:.9em;border-radius:50%;background:#fff;border:1px solid var(--hairline);padding:1.5px;box-sizing:border-box;flex:none}
  .h1-fav img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%}
  html[data-theme="light"] .h1-dom{background-image:linear-gradient(120deg,#b8901f,#7a9e3f,#4E7C3F)}
  html[data-theme="dark"] .dom-hl{color:#93bce0}
  .hero-scan{font-size:.82rem;line-height:1.5;color:var(--ink-soft);margin-top:2px;max-width:660px}
  .hero-scan strong{color:var(--ink);font-weight:800}
  .hero-scan strong.dom-hl{color:var(--deep)}
  html[data-theme="dark"] .hero-scan strong.dom-hl{color:var(--deep)}
  .mon-tests{align-self:center;display:flex;flex-direction:column;gap:3px;min-width:150px;font-family:var(--font);position:relative;z-index:1}
  .ht-row{display:grid;grid-template-columns:1fr auto 13px;align-items:center;column-gap:9px}
  .ht-lbl{color:var(--ink-soft);font-size:.72rem;font-weight:600;white-space:nowrap;text-align:left}
  .ht-num{font-weight:800;font-size:.84rem;color:var(--ink);text-align:right;min-width:2.1em;font-variant-numeric:tabular-nums}
  .ht-ic{width:13px;height:13px;justify-self:end;color:var(--ink-soft);display:inline-flex}
  .ht-ic svg{width:100%;height:100%}
  .ht-row.exec .ht-ic{color:var(--deep)}
  .ht-row.ok .ht-num,.ht-row.ok .ht-ic{color:var(--ok)}
  .ht-row.attn .ht-num,.ht-row.attn .ht-ic{color:var(--crit-t)}
  .ht-row.parc .ht-num,.ht-row.parc .ht-ic{color:var(--imp-t)}
  .ht-row.nc .ht-num,.ht-row.nc .ht-ic{color:#6f7a8d}
  html[data-theme="dark"] .ht-row.nc .ht-num,html[data-theme="dark"] .ht-row.nc .ht-ic{color:#9aa6ba}
  @media(max-width:720px){.mon-head{grid-template-columns:auto minmax(0,1fr)}.mon-tests{grid-column:1/-1;min-width:0;margin-top:4px}}
  html[data-plan="free"] .hzb-relwrap,html[data-plan="free"] .hzb-head-r,html[data-plan="free"] .hzb-cell-r,html[data-plan="free"] .hzb-sep{display:none}
  html[data-plan="free"] .hzb-grid .hzb-head-l{grid-column:1/-1}
  html[data-plan="free"] .hzb-grid .hzb-cell-l{grid-column:1/-1}
  html[data-plan="free"] #addDomainCta{display:none}   
  html[data-plan="free"] .hero-scan{display:none}   
  html[data-plan="free"] .h1-dom .h1-ic{display:none}   
  html[data-plan="free"] .h1-dom{margin-left:0;padding-left:0}
  html[data-plan="free"] .hero h1{padding-left:0}   
  .hs-mkt{color:var(--ink-soft);opacity:.9;white-space:nowrap}
  .hs-mkt svg{width:15px;height:15px;vertical-align:-3px;margin:0 4px 0 8px;opacity:.85}
  .tc-delta{font-size:9px;font-weight:800}
  .tc-delta.good{fill:var(--a3);stroke:none}
  .tc-delta.bad{fill:var(--crit);stroke:none}
  .mon-badge.mon-open{animation:none;box-shadow:0 0 11px 1px rgba(99,181,106,.5);border-color:rgba(99,181,106,.85)}
  .mon-badge.mon-open::after{animation:none;opacity:0}
  .mon-badge.mon-seen{animation:none;box-shadow:none;border-color:var(--mej-bd)}
  .mon-badge.mon-seen::after{animation:none;opacity:0}

  .vb-item{position:relative;overflow:hidden}
  .vb-q,.vb-a{position:relative;z-index:1}
  .vb-deco{position:absolute;top:50%;right:6px;transform:translateY(-50%);pointer-events:none;z-index:0}
  .vb-deco-vital{width:150px;height:60px;color:var(--mej)}
  .vv-heart{opacity:.13}
  .vv-pulse{opacity:.32}
  .vb-deco-step{width:58px;height:58px;right:12px;color:var(--imp);opacity:.16}
  .vb-deco-step svg{width:100%;height:100%}
  .rv-priv{display:inline-flex;align-items:center;gap:3px;vertical-align:-1px}
  .rv-priv svg{width:10px;height:10px}

  .mon-net-deco{position:absolute;inset:0;pointer-events:none;z-index:0;color:var(--wk);overflow:hidden}
  .mon-net-deco svg{position:absolute;top:12px;right:-14px;width:min(610px,74%);height:auto}
  .monitor-panel>.mon-head,.monitor-panel>.mon-more{position:relative;z-index:1}

  .hcard{transition:border-color .16s,box-shadow .16s,transform .12s,opacity .22s,filter .22s}
  .hgrid:has(.hcard.fam-active) .hcard:not(.fam-active){opacity:.4;filter:saturate(.6)}

  .hcard-h{flex-wrap:wrap;row-gap:3px}
  .hcard-h .hcard-name{white-space:normal;overflow:visible;text-overflow:clip}
  .hcard-h .hstatus{margin-left:auto}

  .ai-ask{position:relative;display:inline-flex}
  #btnAskAI[aria-expanded="true"]{color:var(--ink);border-color:var(--a2)}
  .ai-menu{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:206px;background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:14px;padding:6px;box-shadow:0 22px 50px -16px rgba(0,0,0,.62);display:flex;flex-direction:column;gap:2px;z-index:60}
  .ai-menu[hidden]{display:none}
  .ai-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:none;border-radius:9px;background:none;cursor:pointer;font-family:var(--font);font-size:.9rem;font-weight:600;color:var(--ink);text-align:left;transition:background .15s,color .15s}
  .ai-opt:hover{background:var(--field)}
  .ai-opt svg{width:18px;height:18px;flex-shrink:0;color:var(--deep)}
  html[data-theme="dark"] .ai-opt svg{color:var(--ok)}
  .ai-opt.done{color:var(--deep)}
  .ai-menu-sep{height:1px;background:var(--hairline);margin:4px 4px}
  .ai-opt-copy{color:var(--ink-soft);font-weight:500}
  .ai-opt-copy svg{color:var(--ink-soft)}

  .sev-roles{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:1px 10px 5px 27px}
  .sev-roles .fam-spec{display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:700;line-height:1;border-radius:999px;padding:.3em .62em;order:0}
  .sev-roles .fam-spec svg{width:12px;height:12px;flex-shrink:0;opacity:.9}
  .sev-roles .fam-spec .sev-role-n{font-weight:800;margin-left:1px}
  .mon-shot-wrap{position:relative;flex-shrink:0}

  .cs-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin-bottom:22px}
  .cs-switch{display:inline-flex;background:var(--field);border:1px solid var(--hairline);border-radius:999px;padding:3px;gap:2px}
  .cs-tab{font-family:var(--font);font-size:.76rem;font-weight:700;color:var(--ink-soft);background:none;border:none;border-radius:999px;padding:.5em 1em;cursor:pointer;transition:background .18s,color .18s}
  .cs-tab:hover{color:var(--ink)}
  .cs-tab.active{background:var(--glass-bg-strong);color:var(--deep);box-shadow:0 1px 3px rgba(0,0,0,.22)}   
  html[data-theme="dark"] .cs-tab.active{color:var(--ok)}
  .cs-cap{position:absolute;top:16px;right:16px;max-width:calc(100% - 120px);justify-content:flex-end;display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;color:var(--deep)}
  .cs-cap[hidden]{display:none}
  html[data-theme="dark"] .cs-cap{color:var(--ok)}
  .cs-cap svg{width:13px;height:13px}
  .cs-cap .cs-cap-n{color:var(--ink)}
  .charts-col{position:relative;display:flex;flex-direction:column}
  .chart-box{flex:0 0 auto;display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:18px;border:1.5px solid var(--hairline);background:rgba(255,255,255,.02);transition:border-color .25s ease,background .25s ease;position:relative}
  .charts-col.bd-framed .chart-box{border-color:rgba(99,181,106,.5);background:rgba(99,181,106,.06)}
  html[data-theme="dark"] .charts-col.bd-framed .chart-box{border-color:rgba(159,211,166,.5)}
  .chart-box .cs-head{margin-bottom:0;flex-direction:column;align-items:center;gap:8px;width:100%}
  .charts-col .donut-widget{display:none;margin-bottom:0}
  .charts-col .donut-widget.cs-on{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;flex:1}
  .charts-col .donut{max-width:100%;height:auto;aspect-ratio:1;margin:0 auto;flex-shrink:0}
  .charts-col .dlegend{width:100%;max-width:320px;margin:0 auto}

  /* v27: selector de versión del informe (gratis / pago) */
  .topbar-actions{display:inline-flex;align-items:center;gap:10px}
  .plan-toggle{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:999px;padding:3px}
  .plan-seg{display:inline-flex;align-items:center;gap:6px;border:none;background:none;color:var(--ink-soft);border-radius:999px;padding:6px 12px;font-family:var(--font);font-size:.8rem;font-weight:600;cursor:pointer;transition:color .18s,background .18s}
  .plan-seg:hover{color:var(--ink)}
  .plan-seg svg{width:14px;height:14px}
  .plan-seg.active{color:var(--deep);background:var(--glass-bg-strong)}   
  html[data-theme="dark"] .plan-seg.active{color:var(--ok)}
  #toc .plan-toggle-toc{align-self:flex-start;margin:0 0 14px;flex:none}
  #toc.toc-side .plan-toggle-toc{margin-left:6px}
  .plan-head-pill{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-size:.92rem;font-weight:700;color:var(--ink);background:var(--glass-bg-strong);border:1px solid rgba(58,110,165,.4);border-radius:999px;padding:.5em 1.05em;white-space:nowrap}
  .plan-head-pill[hidden]{display:none}
  .plan-head-pill .php-dot{width:10px;height:10px;border-radius:50%;background:#3A6EA5;flex:none}
  .plan-head-pill .php-n{font-family:var(--font-head);font-weight:800;font-size:1.18em;color:#3A6EA5;line-height:1}
  .plan-head-pill .php-l{color:var(--ink-soft)}
  html[data-theme="dark"] .plan-head-pill{border-color:rgba(120,162,210,.5)}
  html[data-theme="dark"] .plan-head-pill .php-n{color:#9cc0e2}
  .sr-plan{display:flex;flex-direction:column;gap:7px;font-size:.8rem;font-weight:700;color:var(--ink);padding:8px 11px;border-radius:10px;border:1px solid rgba(58,110,165,.4);background:rgba(58,110,165,.1);margin-bottom:9px;cursor:pointer}
  .srp-head{display:flex;align-items:center;gap:7px}
  .sr-plan .srp-ic{width:16px;height:16px;flex:none;color:#3A6EA5}
  html[data-theme="dark"] .sr-plan .srp-ic{color:#9cc0e2}
  .sr-plan strong{font-weight:800}
  .sr-plan .srp-n{margin-left:auto;font-family:var(--font-head);font-weight:800;color:#3A6EA5}
  .sr-plan:not(.srp-has) .srp-n{font-family:var(--font);font-weight:700;color:var(--ink-soft)}
  html[data-theme="dark"] .sr-plan{border-color:rgba(120,162,210,.5);background:rgba(58,110,165,.16)}
  html[data-theme="dark"] .sr-plan .srp-n{color:#9cc0e2}
  .srp-items{display:flex;flex-direction:column;gap:4px}
  .srp-items[hidden]{display:none}
  .srp-item{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;color:var(--ink);background:rgba(58,110,165,.14);border:1px solid rgba(58,110,165,.28);border-radius:7px;padding:4px 8px}
  html[data-theme="dark"] .srp-item{background:rgba(58,110,165,.2);border-color:rgba(120,162,210,.32)}
  .srp-item .si-ic{width:13px;height:13px;flex:none;display:inline-flex}
  .srp-item .si-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .srp-item.si-crit .si-ic{color:var(--crit)} .srp-item.si-imp .si-ic{color:var(--imp)} .srp-item.si-mej .si-ic{color:#63b56a}
  .srp-item.srp-grp{width:100%;text-align:left;font-family:var(--font);cursor:pointer;color:var(--ink)}
  .srp-grp .si-t{flex:1 1 auto;min-width:0}
  .srp-grp .si-n{margin-left:auto;flex:none;font-family:var(--font-head);font-weight:800;color:var(--deep)}
  html[data-theme="dark"] .srp-grp .si-n{color:#9cc0e2}
  .srp-grp .si-ic{color:var(--deep)} .srp-grp .si-ic svg{width:100%;height:100%}
  html[data-theme="dark"] .srp-grp .si-ic{color:#9cc0e2}
  .srp-grp:hover{filter:brightness(1.07)}
  .plan-wrap{border:1px solid rgba(188,212,122,.42);border-radius:16px;padding:12px 18px 20px;margin-top:8px}
  .plan-wrap[hidden]{display:none}
  html[data-theme="dark"] .plan-wrap{border-color:rgba(188,212,122,.5)}
  .plan-head-pill{cursor:pointer}
  /* CONVENCIÓN de versión: sin marca => visible en ambas; con marca => solo esa versión */
  html[data-plan="free"] [data-plan-only="paid"]{display:none!important}
  html[data-plan="paid"] [data-plan-only="free"]{display:none!important}

  /* v27: historial de versiones = función de pago */
  html[data-plan="free"] .mon-more-sum{pointer-events:none;cursor:default}
  html[data-plan="paid"] .mon-more-sum{pointer-events:none;cursor:default}   
  html[data-plan="paid"] #monMore .mon-more-chev{display:none}
  html[data-plan="free"] #estadisticas,html[data-plan="free"] #monMore{display:none!important}   
  html[data-plan="free"] .mon-lock{cursor:default}


  /* v27: Suri flotante (FAB) abajo-derecha */
  #suriIntro.suri-docked{position:fixed;right:20px;bottom:20px;top:auto;left:auto;margin:0;width:auto;z-index:9999;box-shadow:0 18px 44px -16px rgba(0,0,0,.6)}
  #suriIntro.collapsed{border-radius:999px}
  #suriIntro.collapsed .suri-row{align-items:center;gap:4px}
  .suri-fab-hint{display:block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-family:var(--font);font-size:.82rem;font-weight:700;line-height:1.18;color:var(--ink);transition:max-width .3s ease,opacity .22s ease,margin .3s ease}
  #suriIntro:not(.collapsed) .suri-fab-hint{display:none}
  #suriIntro.collapsed:hover .suri-fab-hint,#suriIntro.collapsed:focus-within .suri-fab-hint{max-width:8em;opacity:1;margin:0 4px 0 2px}
  #suriIntro.chatting{width:min(360px,calc(100vw - 40px));border-radius:20px}
  #suriIntro.chatting .suri-chat{max-height:min(46vh,340px);overflow-y:auto}

  /* ===== v27 (C): gestión "Manos a la obra" — solo versión de pago ===== */
  .fnd-status{position:relative;flex-shrink:0}
  .finding>.fnd-status{margin:0 0 13px}
  .fnd-compact>.fnd-status{margin:0}
  .fnd-moving{position:relative;z-index:40;pointer-events:none;box-shadow:0 20px 46px -14px rgba(0,0,0,.5)}
  html[data-plan="free"] .fnd-status{}   
  .fnd-status-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:.7rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--deep);background:transparent;border:1px solid var(--deep);border-radius:999px;padding:.42em .8em;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
  .fnd-status-btn:hover{background:var(--mej-bg)}
  .fnd-status-btn:hover{color:var(--ink);border-color:var(--a2)}
  .fnd-status-btn svg{width:13px;height:13px}
  .fnd-status-btn .chev{transition:transform .2s}
  .fnd-status-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
  .fnd-status-menu{position:absolute;top:calc(100% + 8px);left:0;right:auto;min-width:210px;background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:14px;padding:6px;box-shadow:0 22px 50px -16px rgba(0,0,0,.62);z-index:40;display:flex;flex-direction:column;gap:2px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
  .fnd-status-menu[hidden]{display:none}
  .fnd-status-opt{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;border-radius:9px;background:none;cursor:pointer;font-family:var(--font);font-size:.86rem;font-weight:600;color:var(--ink);text-align:left;transition:background .14s}
  .fnd-status-opt:hover{background:var(--field)}
  .fnd-status-opt::before{content:"";width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--dot,var(--ink-soft))}
  .fnd-status-opt:disabled{opacity:.36;cursor:default;pointer-events:none}   
  .fnd-status-opt[data-st="archivar"]{--dot:var(--ink-soft)}
  .fnd-status-opt[data-st="posponer"]{--dot:#a7b4c9}
  .fnd-status-opt[data-st="resolver"]{--dot:var(--imp)}
  .fnd-status-opt[data-st="curso"]{--dot:#5a86ad}
  .fnd-status-opt[data-st="parcial"]{--dot:#2f9c8b}
  .fnd-status-opt[data-st="ignorar"]{--dot:var(--ink-soft)}
  .fnd-status-opt[data-st="falso"]{--dot:var(--ink-soft)}
  .fnd-status-opt[data-st="resuelto"]{--dot:#4E7C3F}
  .fnd-decision{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:800;letter-spacing:.02em;padding:.32em .72em;border-radius:999px;border:1px solid var(--hairline);background:var(--field);color:var(--ink-soft);cursor:pointer;white-space:nowrap;font-family:var(--font)}
  .fnd-decision .dec-ic{width:12px;height:12px;flex:none}
  .fnd-decision .dec-chev{width:11px;height:11px;flex:none;opacity:.6;margin-left:1px}   
  .fnd-decision.dec-rev{color:#2c5578;border-color:rgba(58,110,165,.34);background:rgba(58,110,165,.1)}
  .fnd-decision.dec-falso{color:#8a67cf;border-color:rgba(138,103,207,.34);background:rgba(138,103,207,.1)}
  html[data-theme="dark"] .fnd-decision.dec-rev{color:#9cc0e2}
  html[data-theme="dark"] .fnd-decision.dec-falso{color:#b89ce9}
  .fnd-decision.dec-arch{color:var(--ink-soft);border-color:var(--hairline);background:var(--field)}
  html[data-theme="dark"] .fnd-decision.dec-arch{color:var(--ink-soft)}
  .finding.fsev-crit .fnd-decision.dec-rev{color:var(--crit);border-color:rgba(214,69,80,.34);background:rgba(214,69,80,.1)}
  .finding.fsev-imp .fnd-decision.dec-rev{color:var(--imp-t);border-color:rgba(199,143,42,.34);background:rgba(199,143,42,.1)}
  .finding.fsev-mej .fnd-decision.dec-rev{color:#4E7C3F;border-color:rgba(78,124,63,.34);background:rgba(78,124,63,.1)}
  html[data-theme="dark"] .finding.fsev-crit .fnd-decision.dec-rev{color:#e6707a}
  html[data-theme="dark"] .finding.fsev-mej .fnd-decision.dec-rev{color:#8ed392}
  .decide-title{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--ink);background:var(--field);border:1px solid var(--hairline);border-radius:10px;padding:10px 12px;margin:15px 0 16px}
  .decide-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
  .decide-btns .btn{flex:0 0 auto;min-width:0;justify-content:center;font-size:.85rem;font-weight:700;padding:.52em 1.1em;border-radius:8px;box-shadow:none;background:var(--field);border:1px solid var(--hairline);color:var(--ink);transition:background .14s,border-color .14s,color .14s}
  .decide-btns .btn:hover{transform:none;box-shadow:none;border-color:var(--ink-soft);background:var(--glass-bg-strong)}
  .decide-btns .btn-primary{color:var(--deep);border-color:var(--deep);background:var(--mej-bg)}
  html[data-theme="dark"] .decide-btns .btn-primary{color:var(--ok);border-color:var(--ok)}
  .decide-btns .btn-primary:hover{background:rgba(78,124,63,.18);border-color:var(--deep)}
  html[data-theme="dark"] .decide-btns .btn-primary:hover{border-color:var(--ok);background:rgba(142,211,146,.14)}
  #decideStep2 .decide-btns{margin-top:8px;align-items:center}
  #modalDecide .modal{max-width:896px}   
  #modalDecide .decide-btns{flex-wrap:nowrap}   
  #modalDecide .decide-btns .btn svg{width:15px;height:15px;flex:none}   
  .dudas-panel{margin-top:18px;padding-top:16px;border-top:1px solid var(--hairline)}
  .dudas-load{display:flex;align-items:center;gap:10px;padding:6px 2px;color:var(--ink-soft);font-size:.9rem;font-weight:600}
  .dudas-load[hidden]{display:none}   
  .dudas-load svg{width:18px;height:18px;flex:none;color:var(--deep);transform-origin:center;animation:mp-spin .8s linear infinite}
  html[data-theme="dark"] .dudas-load svg{color:var(--ok)}
  .dudas-suri{display:flex;align-items:center;gap:7px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--deep);margin-bottom:10px}
  html[data-theme="dark"] .dudas-suri{color:var(--ok)}
  .dudas-suri svg{width:15px;height:15px;flex:none}
  .dudas-lead{margin:0 0 12px;font-size:.92rem;line-height:1.5;color:var(--ink-soft)}
  .dudas-verdict{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
  .dudas-v{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:10px;background:var(--glass-bg-strong);border:1px solid var(--hairline);font-size:.9rem;line-height:1.45;color:var(--ink)}
  .dudas-v>svg{width:16px;height:16px;flex:none;margin-top:1px}
  .dudas-v.is-yes{border-color:rgba(199,143,42,.42)} .dudas-v.is-yes>svg{color:var(--imp-t)}
  .dudas-v.is-no{border-color:rgba(78,124,63,.42)} .dudas-v.is-no>svg{color:var(--deep)}
  html[data-theme="dark"] .dudas-v.is-no>svg{color:var(--ok)}
  .dudas-v strong{font-weight:800;color:var(--ink)}
  .dudas-disclaimer{margin:0 0 14px;font-size:.72rem;font-style:italic;line-height:1.5;color:var(--ink-soft)}
  .dudas-btns{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
  .dudas-btns .linkbtn{margin-left:auto}
  #decideDudasAnswer .dudas-btns{opacity:0;pointer-events:none;transition:opacity .35s ease}
  #decideDudasAnswer.dudas-done .dudas-btns{opacity:1;pointer-events:auto}
  .dudas-thumbs{flex-direction:row;align-items:center;justify-content:flex-start;gap:10px}
  /* Los pulgares en la fila del modal, tras «Tengo dudas» (ver Doubts.tsx). */
  .decide-btns .dudas-thumbs-hueco{display:inline-flex;align-items:center;flex:0 0 auto}
  .decide-btns .dudas-thumbs-hueco:empty{display:none}
  .decide-btns .dudas-thumbs-hueco .dudas-thumbs{gap:4px;opacity:0;pointer-events:none;transition:opacity .35s ease}
  .decide-btns .dudas-thumbs-hueco .dudas-thumbs.dudas-listo{opacity:1;pointer-events:auto}
  .dudas-thumb{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:transparent;border:none;color:var(--ink-soft);cursor:pointer;transition:color .18s,transform .15s,background .15s}   
  .dudas-thumb svg{width:19px;height:19px}
  .dudas-thumb:hover{transform:translateY(-1px)}
  .dudas-up:hover{color:var(--ok)}
  .dudas-down:hover{color:var(--imp)}
  .fnd-deep{display:none;align-items:center;gap:6px;font-family:var(--font);font-size:.82rem;font-weight:700;color:var(--deep);background:none;border:none;padding:2px 0;margin:4px 0 2px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  .finding.managed .fnd-deep{display:inline-flex}   
  .finding:not(.managed) .fnd-deep{display:inline-flex}   
  html[data-plan="free"] .finding.managed.expanded>.fnd-deep{order:6;flex:0 0 100%;margin-top:2px}
  html[data-theme="dark"] .fnd-deep{color:var(--ok)}
  .fnd-deep svg{width:15px;height:15px;flex:none}
  .fnd-deep:hover{opacity:.82}
  .fnd-deep-ex{font-weight:600;font-size:.92em;opacity:.62;font-style:italic;text-decoration:none}
  html[data-plan="free"] .finding.managed:not(.expanded) .fnd-deep{display:none}   /* free: en el seleccionado solo al expandir */
  .dudas-ai{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:.82rem;font-weight:700;color:var(--deep);background:transparent;border:1px solid var(--deep);border-radius:999px;padding:.42em .95em;cursor:pointer;transition:background .15s,border-color .15s}   
  html[data-theme="dark"] .dudas-ai{color:var(--ok);border-color:var(--ok)}
  .dudas-ai:hover{background:var(--mej-bg)}
  html[data-theme="dark"] .dudas-ai:hover{background:rgba(142,211,146,.14)}
  .dudas-ai svg{width:15px;height:15px;flex:none}
  #decideLater{margin-left:auto;color:rgba(240,243,236,.62);border-color:rgba(255,255,255,.2);background:transparent}
  #decideLater:hover{color:rgba(240,243,236,.9);border-color:rgba(255,255,255,.34);background:rgba(255,255,255,.05)}
  #decideStep2 .modal-t{margin-bottom:3px}
  .decide-done-msg{margin-bottom:15px}
  .decide-refine{display:flex;flex-direction:column;gap:13px;margin-bottom:16px}
  .decide-row{display:flex;flex-direction:column;gap:7px}
  .decide-rlbl{font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft)}
  .decide-opt{font-weight:600;text-transform:none;letter-spacing:0;opacity:.72}
  .decide-chips{display:flex;flex-wrap:wrap;gap:7px}
  .decide-chip{font-family:var(--font);font-size:.82rem;font-weight:700;color:var(--ink);background:var(--field);border:1px solid var(--hairline);border-radius:999px;padding:.42em .9em;cursor:pointer;transition:border-color .12s,background .12s}
  .decide-chip:hover{border-color:var(--a2)}
  .decide-chip.sel{color:var(--deep);border-color:var(--deep);background:var(--mej-bg)}
  html[data-theme="dark"] .decide-chip.sel{color:var(--ok);border-color:var(--ok)}
  .fnd-status-clear{color:var(--ink-soft);font-weight:500;margin-top:2px;border-top:1px solid var(--hairline);border-radius:0 0 9px 9px;padding-top:9px}
  .fnd-status-clear::before{display:none}

  /* fila compacta (problema en la lista) */
  .fnd-compact{display:none;align-items:center;gap:11px;cursor:pointer}
  .finding.managed>.fnd-compact{display:flex}
  .fnd-drag{display:inline-flex;color:var(--ink-soft);opacity:.5;cursor:grab;flex-shrink:0;line-height:0}
  .fnd-drag:active{cursor:grabbing}
  .fnd-drag svg{width:15px;height:15px}
  .fnd-chip{font-size:.64rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;padding:.34em .72em;border-radius:999px;white-space:nowrap;flex-shrink:0;border:1px solid transparent}
  .fnd-compact-title{flex:1;min-width:0;font-family:var(--font-head);font-weight:700;font-size:.88rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}   
  .fnd-resolve-c{display:none;flex:none;align-items:center;gap:5px;margin:0;font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--deep);background:transparent;border:1px solid var(--deep);border-radius:999px;padding:.34em .8em;cursor:pointer;white-space:nowrap;transition:background .15s}   
  html[data-theme="dark"] .fnd-resolve-c{color:var(--ok);border-color:var(--ok)}
  .fnd-resolve-c:hover{background:var(--mej-bg)}
  .fnd-resolve-c svg{width:14px;height:14px;flex:none}
  html[data-plan="paid"] .finding.managed:not(.expanded)>.fnd-compact>.fnd-resolve-c{display:inline-flex}
  html[data-plan="paid"] .finding.managed.expanded>.fnd-compact>.fnd-resolve-c{display:none}   
  .fnd-compact .fnd-resolve-c{margin:0}   
  html[data-plan="paid"] .finding.managed.st-archivar>.fnd-compact>.fnd-resolve-c,
  html[data-plan="paid"] .finding.managed.st-archivar>.fnd-compact>.fnd-sev{display:none}   
  .fnd-compact-chev{color:var(--ink-soft);flex-shrink:0;transition:transform .25s;line-height:0}
  .fnd-compact-chev svg{width:16px;height:16px;display:block}
  .finding.managed.expanded>.fnd-compact>.fnd-compact-chev{transform:rotate(180deg)}
  .finding.managed.expanded>.fnd-compact>.fnd-compact-title{display:none}
  .fnd-sev{position:relative;flex-shrink:0}
  .fnd-sev-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:.7rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-soft);background:var(--field);border:1px solid var(--field-bd);border-radius:999px;padding:.32em .68em;cursor:pointer;transition:color .15s,border-color .15s}
  .fnd-sev-btn:hover{color:var(--ink);border-color:var(--a2)}
  .fnd-sev-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;background:var(--ink-soft)}
  .fnd-sev-btn .chev{transition:transform .2s;display:inline-flex} .fnd-sev-btn .chev svg{width:13px;height:13px}
  .fnd-sev-btn[aria-expanded="true"] .chev{transform:rotate(180deg)}
  .fnd-sev-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:12px;box-shadow:0 16px 40px -14px rgba(0,0,0,.5);padding:6px;z-index:40;display:flex;flex-direction:column;gap:2px}
  .fnd-sev-menu[hidden]{display:none}
  .fnd-sev-opt{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;border-radius:9px;background:none;font-family:var(--font);font-weight:700;font-size:.82rem;color:var(--ink);cursor:pointer;text-align:left}
  .fnd-sev-opt:hover{background:var(--field)}
  .fnd-sev-opt::before{content:"";width:10px;height:10px;border-radius:50%;flex-shrink:0;background:var(--dot,var(--ink-soft))}
  .fnd-sev-opt[data-sev="crit"]{--dot:var(--crit)} .fnd-sev-opt[data-sev="imp"]{--dot:var(--imp)} .fnd-sev-opt[data-sev="mej"]{--dot:#63b56a}
  .fnd-sev-clear{color:var(--ink-soft);font-weight:500;margin-top:2px;border-top:1px solid var(--hairline);border-radius:0} .fnd-sev-clear::before{display:none}
  .finding.fsev-crit .fnd-sev-dot{background:var(--crit)} .finding.fsev-imp .fnd-sev-dot{background:var(--imp)} .finding.fsev-mej .fnd-sev-dot{background:#63b56a}
  .finding.fsev-crit .fnd-compact-title{color:var(--crit-t)} .finding.fsev-imp .fnd-compact-title{color:var(--imp-t)} .finding.fsev-mej .fnd-compact-title{color:#63b56a}
  html[data-theme="dark"] .finding.fsev-crit .fnd-compact-title{color:#e6707a} html[data-theme="dark"] .finding.fsev-imp .fnd-compact-title{color:#e2a24a}
  .fnd-compact>.fnd-sev .fnd-sev-lbl{display:none}
  html[data-plan="free"] .fnd-sev{}   
  .finding>.fnd-ctrls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 13px}
  .finding.managed>.fnd-ctrls{display:none}
  html[data-plan="free"] .finding>.fnd-ctrls{display:none}   

  /* modo compacto: ocultar el contenido completo salvo al expandir */
  /* la fila entera abre y cierra: que lo diga el cursor, como en el listado. Los
     controles de dentro conservan el suyo, que cada uno hace otra cosa. */
  .finding.managed{margin-bottom:8px;padding:12px 16px;cursor:pointer}
  html[data-plan="free"] .finding.managed:not(.expanded){background:transparent;border-radius:0;border-top-color:var(--hairline);border-right-color:transparent;border-bottom-color:var(--hairline);border-left-style:dotted;border-left-width:1.5px;margin-top:-1px;margin-bottom:0;padding-top:8px;padding-bottom:8px;transition:background .15s ease,border-color .15s ease}
  html[data-plan="free"] .finding.managed:not(.expanded):hover{background:var(--field);border-top-color:var(--hairline);border-right-color:var(--hairline);border-left-style:solid;border-left-width:3px}
  .finding.managed>.head,.finding.managed>.fact,.finding.managed>.impact,.finding.managed>details.tech{display:none}
  .finding.managed.expanded{padding:18px 20px}
  .finding.managed.expanded>.head{display:flex;margin-top:12px}
  .finding.managed.expanded>.fact{display:block}
  .finding.managed.expanded>.impact{display:block}
  .finding.managed.expanded>details.tech{display:block}
  .finding.dragging{opacity:.45}
  .finding.managed.drop-before{box-shadow:0 -3px 0 -1px var(--a2)}
  .finding.managed.drop-after{box-shadow:0 3px 0 -1px var(--a2)}

  /* color del borde/estado por chip */
  .st-resolver .fnd-chip{color:var(--imp-t);background:var(--imp-bg);border-color:var(--imp-bd)}
  .finding.managed.st-resolver{border-left-color:var(--imp-bd)}
  .st-curso .fnd-chip{color:#8fb4d6;background:rgba(90,134,173,.16);border-color:rgba(90,134,173,.45)}
  .finding.managed.st-curso{border-left-color:#5a86ad}
  .st-parcial .fnd-chip{color:#5bc7b1;background:rgba(47,156,139,.16);border-color:rgba(47,156,139,.45)}
  .finding.managed.st-parcial{border-left-color:#2f9c8b}
  .st-ignorar .fnd-chip,.st-falso .fnd-chip,.st-archivar .fnd-chip{color:var(--ink-soft);background:var(--glass-bg-strong);border-color:var(--hairline)}   
  .finding.managed.st-ignorar,.finding.managed.st-falso{border-left-color:var(--hairline);opacity:.82}
  .st-resuelto .fnd-chip{color:#fff;background:#4E7C3F;border-color:#4E7C3F}
  .finding.managed.st-resuelto{border-left-color:#4E7C3F}

  /* bloques Manos a la obra / Resueltos */
  .manos-block{margin-top:22px;padding-top:0;border-top:none}
  .gest-divider{display:flex;align-items:center;gap:15px;margin:20px 0 16px}   
  .gest-dock>.gest-divider{margin:2px 0 14px}
  html[data-plan="free"] .gest-divider:not(.gd-list){}   
  .gest-divider[hidden]{display:none}
  .gest-divider::before,.gest-divider::after{content:"";flex:1;border-top:1px dashed var(--hairline)}
  .gest-divider h3{margin:0;font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--ink);white-space:nowrap}
  html[data-plan="free"] .manos-block{}   
  html[data-plan="free"] #aresolverBlock>.manos-head{display:flex}   
  .manos-block[hidden]{display:none}
  .manos-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;margin-bottom:14px}
  .manos-head h3{font-family:var(--font-head);font-weight:800;font-size:1.02rem;display:flex;align-items:center;gap:9px}
  .manos-head h3 svg{width:16px;height:16px;color:var(--deep)}
  html[data-theme="dark"] .manos-head h3 svg{color:var(--ok)}
  .manos-count{font-size:.76rem;font-weight:700;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);padding:.28em .7em;border-radius:999px;margin-left:auto}
  .manos-sub{font-size:.86rem;color:var(--ink-soft);flex-basis:100%}
  .manos-list{display:flex;flex-direction:column;gap:0;min-height:8px}
  .manos-empty{font-size:.86rem;color:var(--ink-soft);opacity:.7;padding:6px 2px}

  /* v27: leyenda del gráfico un poco más compacta */
  .charts-col .dlegend{font-size:.78rem;gap:6px;flex:none}
  .charts-col .dlrow{gap:8px}
  .charts-col .dlegend .dlrow-all{margin-top:4px;padding-top:5px}
  .charts-col .dlegend .dlrow-all.clickable{margin:4px -6px 0;padding:5px 6px 3px}

  /* ===== v27: historial de análisis por mes/año (gratuitos) + privados ===== */
  .rv-history{display:flex;flex-direction:column;gap:16px}
  .rv-sec-lbl{font-size:.7rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);opacity:.8;margin-bottom:9px;display:flex;align-items:center;gap:8px}
  .rv-sec-count{font-weight:700;letter-spacing:0;text-transform:none;opacity:.9}
  .rv-months{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}
  .rv-months[hidden]{display:none}
  .rv-month{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:12px 13px;border-radius:13px;border:1px solid var(--field-bd);background:var(--glass-bg-strong);cursor:pointer;transition:border-color .16s,transform .12s,background .16s;font-family:var(--font)}
  .rv-month:hover{border-color:var(--deep);transform:translateY(-1px)}
  .rv-month-top{display:flex;align-items:center;gap:7px;color:var(--ink-soft)}
  .rv-month-top svg{width:15px;height:15px;opacity:.8}
  .rv-month-my{font-size:.9rem;font-weight:700;color:var(--ink)}
  .rv-month-n{font-size:.74rem;color:var(--ink-soft)}
  .rv-monthview{display:flex;align-items:center;gap:12px}
  .rv-monthview[hidden]{display:none}
  .rv-back{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:.8rem;font-weight:700;color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:999px;padding:.5em .9em;cursor:pointer;transition:border-color .16s,color .16s}
  .rv-back:hover{border-color:var(--deep);color:var(--deep)}
  .rv-back svg{width:14px;height:14px}
  .rv-mv-lbl{flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-head);font-weight:800;font-size:.98rem;color:var(--ink);white-space:nowrap}
  .rv-mv-lbl .rv-mv-n{font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);padding:.24em .6em;border-radius:999px}
  .rv-carousel{flex:1;min-width:0;display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .rv-scan{flex-shrink:0;display:flex;flex-direction:column;gap:2px;text-align:left;padding:8px 12px;border-radius:11px;border:1px solid var(--field-bd);background:var(--glass-bg-strong);cursor:pointer;transition:border-color .16s,transform .12s;font-family:var(--font)}
  .rv-scan:hover{border-color:var(--deep);transform:translateY(-1px)}
  .rv-scan-d{font-size:.82rem;font-weight:700;color:var(--ink);white-space:nowrap}
  .rv-scan-t{font-size:.72rem;color:var(--ink-soft)}
  .rv-scan-anon{font-size:.66rem;color:var(--ink-soft);opacity:.75}
  .rv-cards.rv-private{margin-top:0}
  /* representación del mes/escaneo en la gráfica */
  .tc-wrap{position:relative}
  .tc-monthband{position:absolute;left:13px;right:13px;top:44px;bottom:38px;border-radius:10px;background:rgba(99,181,106,.09);border:1px dashed rgba(99,181,106,.5);display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-size:.86rem;font-weight:700;color:var(--deep);opacity:0;transition:opacity .2s ease;pointer-events:none;z-index:3;text-align:center;padding:0 12px}
  html[data-theme="dark"] .tc-monthband{color:var(--ok);background:rgba(159,211,166,.1);border-color:rgba(159,211,166,.45)}
  .tc-wrap.month-hover .tc-monthband{opacity:1}

  /* v27: respiro inferior de la sección 2 (igual que el resto: 26px) */
  #listSev{padding-bottom:12px}

  /* v27: opción "Correo · Wakaris" como canal destacado */
  .sh2-chan-wk{position:relative;border-color:var(--deep);background:var(--mej-bg);box-shadow:0 0 0 1px var(--deep) inset}
  .sh2-chan-wk:hover{border-color:var(--deep)}
  .sh2-cic.wk{background:var(--grad);color:#243018}
  html[data-theme="dark"] .sh2-cic.wk{color:#1a2411}
  .sh2-chan-tag{position:absolute;top:7px;right:7px;font-size:.54rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--deep);background:var(--bg);border:1px solid rgba(99,181,106,.55);padding:.24em .55em;border-radius:999px;line-height:1}
  html[data-theme="dark"] .sh2-chan-tag{color:var(--ok)}
  .sh2-name-field{margin-bottom:14px}
  .sh2-names{margin-bottom:16px}
  .sh2-names[hidden]{display:none}

  #sh2CopyWrap{margin-top:2px}
  #sh2CopyWrap input{width:100%;box-sizing:border-box;font-family:var(--font);font-size:.9rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:11px;padding:10px 13px}
  #sh2CopyWrap input:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px rgba(78,124,63,.16)}

  .st-posponer .fnd-chip{color:#a7b4c9;background:rgba(124,138,165,.18);border-color:rgba(124,138,165,.45)}
  .finding.managed.st-posponer{border-left-color:#7c8aa5}
  .fnd-status-opt[data-st="posponer"]{--dot:#7c8aa5}

  .rv-scan.sel{border-color:var(--deep);box-shadow:0 0 0 1px var(--deep) inset;background:var(--mej-bg)}

  .h1-paid svg{width:.8em;height:.8em;color:var(--wk)}

  .gest-bar{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;margin:9px 0 30px;padding:9px 12px;border-radius:15px;background:var(--glass-bg-strong);border:1px solid var(--hairline);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .gest-bar #btnExpExcel{margin-left:auto}
  html[data-plan="free"] #btnSharePlan{display:none}   
  .gest-bar .tech-link{margin:0}
  .gest-exp{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-weight:700;font-size:.9rem;color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:13px;padding:12px 17px;cursor:pointer;transition:border-color .18s,color .18s,transform .12s,box-shadow .18s}
  .gest-exp:hover{border-color:var(--deep);transform:translateY(-1px);box-shadow:var(--glass-shadow)}
  html[data-theme="dark"] .gest-exp:hover{border-color:var(--ok)}
  .gest-exp svg{width:17px;height:17px;flex-shrink:0;color:var(--deep)}
  html[data-theme="dark"] .gest-exp svg{color:var(--ok)}
  .gest-report{cursor:default;gap:9px}
  .gest-report:hover,html[data-theme="dark"] .gest-report:hover{border-color:var(--hairline);transform:none;box-shadow:none}
  .gest-report .grep-ic{width:17px;height:17px;flex-shrink:0;color:var(--deep)}
  html[data-theme="dark"] .gest-report .grep-ic{color:var(--ok)}
  .grep-links{display:inline-flex;align-items:center;gap:8px}
  .grep-link{font-family:var(--font);font-weight:700;font-size:.9rem;color:var(--ink-soft);background:none;border:none;padding:2px 3px;cursor:pointer;border-radius:6px;transition:color .15s}
  .grep-link:hover{color:var(--deep);text-decoration:underline;text-underline-offset:3px}
  html[data-theme="dark"] .grep-link:hover{color:var(--ok)}
  .grep-link:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
  .grep-sep{color:var(--ink-soft);opacity:.45}
  html[data-plan="free"] .gest-report{cursor:pointer}
  html[data-plan="free"] .gest-report:hover{border-color:var(--deep);transform:translateY(-1px);box-shadow:var(--glass-shadow)}
  html[data-theme="dark"][data-plan="free"] .gest-report:hover{border-color:var(--ok)}
  html[data-plan="free"] .gest-report .grep-link{color:var(--ink);padding:0}
  html[data-plan="free"] .gest-report .grep-link:hover{color:var(--ink);text-decoration:none}
  @media(max-width:560px){.gest-bar{gap:8px}.gest-exp,.gest-bar .tech-link{flex:1 1 auto;justify-content:center}}
  html[data-plan="free"] #resolve{display:none}
  .close-free{margin:60px 0 0;display:flex;flex-direction:column;gap:0}   
  .cf-analyze{text-align:center;padding:0}      
  .cf-title{font-size:1.34rem;font-weight:800;letter-spacing:-.02em;margin:0 0 52px}   
  .cf-sub{font-size:.9rem;color:var(--ink-soft);line-height:1.55;max-width:640px;margin:0 auto 22px}
  .cf-opts{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
  .cf-opt{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:11px;text-align:center;font-family:var(--font);font-weight:750;font-size:.98rem;color:var(--ink);background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:16px 14px;cursor:pointer;transition:color .18s,border-color .18s}
  .cf-opt+.cf-opt{border-left:1px solid color-mix(in srgb,var(--hairline) 55%,transparent)}
  .cf-opt:hover{border-bottom-color:transparent;color:var(--ok)}   
  html[data-theme="dark"] .cf-opt:hover{border-bottom-color:transparent}
  .cf-opt svg{width:33px;height:33px;color:var(--deep);transition:stroke .18s}
  html[data-theme="dark"] .cf-opt svg{color:var(--ok)}
  .cf-opt:hover svg{stroke:url(#wkAmberGreen)}   
  .cf-opt-hero{border-color:color-mix(in srgb,var(--deep) 45%,var(--hairline));background:var(--mej-bg);box-shadow:0 0 0 1px color-mix(in srgb,var(--deep) 26%,transparent) inset}
  .cf-opt-tag{position:absolute;top:10px;right:10px;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--deep);background:color-mix(in srgb,var(--deep) 14%,var(--bg));border-radius:20px;padding:3px 9px}
  @media(max-width:640px){.cf-opts{grid-template-columns:1fr}}
  .cf-opt.cf-opt-active{border-bottom-color:var(--deep)}
  .cf-opt-sub{font-size:.76rem;font-weight:600;color:var(--ink-soft);margin-top:-5px;line-height:1.2}
  .cf-newscan{margin:16px auto 0;max-width:640px;text-align:center}
  .cf-newscan[hidden]{display:none}
  .cf-ns-label{font-size:.98rem;font-weight:700;color:var(--ink);margin:0 0 13px}
  .cf-ns-row{display:flex;align-items:center;gap:8px;background:#f4f6f2;border:1px solid rgba(0,0,0,.06);border-radius:999px;padding:7px 7px 7px 20px;box-shadow:0 16px 36px -16px rgba(0,0,0,.6)}
  .cf-ns-ic{display:inline-flex;flex:none;color:#7c8a7e}
  .cf-ns-ic svg{width:20px;height:20px}
  .cf-ns-input{flex:1 1 auto;min-width:0;font-family:var(--font);font-size:1rem;color:#1c241c;background:transparent;border:none;outline:none}
  .cf-ns-input::placeholder{color:#9aa39a}
  .cf-ns-go{display:inline-flex;align-items:center;gap:8px;flex:none;font-family:var(--font);font-weight:800;font-size:.96rem;color:#1e2a17;background:linear-gradient(100deg,#9ccf57,#d8e56b);border:none;border-radius:999px;padding:13px 24px;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .12s}
  .cf-ns-go svg{width:17px;height:17px}
  .cf-ns-go:hover{filter:brightness(1.05);transform:translateY(-1px)}
  .cf-wk{background:none;border:none;border-top:1px solid var(--hairline);border-radius:0;padding:52px 0;text-align:center}   
  .cf-wk-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}
  .cf-wk-head h3{font-size:1.06rem;font-weight:750;margin:0}
  .cf-wk-ic{display:inline-flex;color:var(--wk)}
  .cf-wk-ic svg{width:20px;height:20px}
  .cf-wk .wk-sub-t{margin:0 0 4px}
  .cf-wk .wk-sub-d{margin:0}
  .cf-wk .wk-rate{margin-top:16px;justify-content:center}
  .cf-wk-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:16px}
  .cf-wk-actions .wk-rate{margin-top:0}
  .cf-wk-sep{width:1px;align-self:stretch;min-height:34px;background:var(--hairline);flex:none}
  .cf-listen{display:inline-flex;align-items:center;gap:7px;font-family:var(--font);font-size:.88rem;font-weight:650;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:10px;padding:9px 15px;cursor:pointer;transition:border-color .15s,background .15s}
  .cf-listen:hover{border-color:var(--deep);background:var(--mej-bg)}
  .cf-listen svg{width:16px;height:16px;flex:none;color:var(--deep)}
  html[data-theme="dark"] .cf-listen svg{color:var(--ok)}
  @media(max-width:520px){.cf-wk-sep{display:none}}
  .cf-wk .wk-rate-resp{margin:14px auto 0;max-width:520px;text-align:center;border-left:none;border-radius:12px}

  .rv-upd{position:absolute;top:-10px;left:12px;z-index:4;display:inline-flex;align-items:center;gap:5px;font-size:.58rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:#0e120a;background:var(--imp);border-radius:999px;padding:3px 9px;box-shadow:0 5px 14px -5px rgba(0,0,0,.5);cursor:help;white-space:nowrap}
  .rv-upd svg{width:12px;height:12px}
  .rv-upd-tip{position:absolute;top:calc(100% + 9px);left:0;width:250px;text-transform:none;letter-spacing:normal;font-weight:500;font-size:.78rem;line-height:1.45;color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:12px;padding:11px 13px;box-shadow:0 18px 44px -16px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:6}
  .rv-upd-tip strong{color:var(--imp-t);font-weight:800}
  html[data-theme="dark"] .rv-upd-tip strong{color:var(--imp)}
  .rv-upd:hover .rv-upd-tip,.rv-upd:focus-within .rv-upd-tip{opacity:1;transform:none}

  /* v27: switcher sticky de informes privados (pago) */
  .sticky-reports{position:fixed;top:66px;left:16px;z-index:44;width:auto;max-width:min(262px,72vw);padding:10px 12px;border-radius:14px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 16px 36px -14px rgba(20,24,15,.6);opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}
  .sticky-reports.show{opacity:1;transform:none;pointer-events:auto}
  html[data-plan="free"] .sticky-reports{display:none!important}
  .sticky-reports .sr-title{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-head);font-weight:800;font-size:.76rem;color:var(--ink);margin-bottom:8px}
  .sticky-reports .sr-title svg{width:15px;height:15px;color:var(--deep)}
  html[data-theme="dark"] .sticky-reports .sr-title svg{color:var(--ok)}
  .sticky-reports .rv-cards{grid-template-columns:1fr;gap:6px}
  .sticky-reports .rv-card{padding:6px 9px;gap:8px}
  .sticky-reports .rv-shot{width:34px;height:24px;flex-shrink:0}
  .sticky-reports .rv-date{display:none}
  .sticky-reports .rv-name{font-size:.77rem}
  .sticky-reports .rv-check{width:16px;height:16px}
  .sticky-reports .rv-flag{top:-7px;right:8px;font-size:.54rem;padding:1px 6px}
  .sticky-reports .rv-upd{display:none}
  @media(max-width:640px){.sticky-reports{display:none!important}}

  html[data-plan="paid"] #btnOptPay-sg,html[data-plan="paid"] #btnUnlockPay{display:none!important}

  @keyframes fndStatusAttn{0%,100%{transform:none;box-shadow:0 0 0 0 rgba(126,178,106,0)}18%{transform:translateY(-2px) scale(1.03);box-shadow:0 5px 15px -4px rgba(126,178,106,.55)}40%{transform:none;box-shadow:0 0 0 0 rgba(126,178,106,0)}}
  html[data-plan="paid"] .finding:not(.managed) .fnd-status-btn{animation:fndStatusAttn 2.2s ease-out .35s 2 both}
  html[data-plan="paid"] .finding:not(.managed) .fnd-status-btn:hover{animation:none}
  @media(prefers-reduced-motion:reduce){html[data-plan="paid"] .finding:not(.managed) .fnd-status-btn{animation:none}}

  .fnd-compact>.fnd-status{margin:0}
  .fnd-compact>.fnd-status .fnd-status-lbl{display:none}
  .fnd-compact>.fnd-status .fnd-status-btn>svg{display:none}
  .fnd-compact>.fnd-status .fnd-status-btn{border:none;background:transparent;padding:2px 4px;gap:0;color:var(--deep)}
  html[data-theme="dark"] .fnd-compact>.fnd-status .fnd-status-btn{color:var(--ok)}
  .fnd-compact>.fnd-status .fnd-status-btn:hover{background:var(--mej-bg)}
  .fnd-compact>.fnd-status .chev{display:inline-flex}
  .fnd-compact>.fnd-status .chev svg{width:15px;height:15px}
  .fnd-sevbar{width:4px;height:19px;border-radius:2px;flex-shrink:0}
  .fnd-sevbar.sev-crit{background:var(--crit)}
  .fnd-sevbar.sev-imp{background:var(--imp)}
  .fnd-sevbar.sev-mej{background:var(--mej)}

  .exp-pop{position:fixed;z-index:90;min-width:220px;max-width:min(280px,92vw);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:14px;padding:10px;box-shadow:0 22px 50px -16px rgba(0,0,0,.62);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:rvin .18s ease}
  .exp-pop-lbl{font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin:2px 2px 6px}
  .exp-scope{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
  .exp-scope button{text-align:left;font-family:var(--font);font-size:.82rem;font-weight:600;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:9px;padding:7px 11px;cursor:pointer;transition:border-color .15s,background .15s}
  .exp-scope button:hover{border-color:var(--deep)}
  .exp-scope button.sel{border-color:var(--deep);box-shadow:0 0 0 1px var(--deep) inset;background:var(--mej-bg)}
  .exp-dest{display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .ai-destlist{display:flex;flex-direction:column;gap:2px}
  .ai-destlist .ai-opt{width:100%}
  .exp-dest button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-size:.82rem;font-weight:700;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:9px;padding:9px 8px;cursor:pointer;transition:border-color .15s,color .15s}
  .exp-dest button:hover{border-color:var(--deep);color:var(--deep)}
  html[data-theme="dark"] .exp-dest button:hover{color:var(--ok);border-color:var(--ok)}

  html[data-plan="paid"] .breakdown{grid-template-columns:1fr;direction:ltr;gap:26px}
  html[data-plan="paid"] .breakdown>*{min-width:0}   
  html[data-plan="paid"] .charts-col{align-items:center}
  html[data-plan="paid"] .chart-box{height:auto!important;width:min(560px,100%)}
  html[data-plan="paid"] .charts-col .donut{width:auto!important;height:auto!important;max-width:230px;margin:0 auto}
  html[data-plan="paid"] .hgrid{display:flex;grid-template-columns:none;grid-auto-rows:auto;overflow-x:auto;gap:12px;scroll-snap-type:x proximity;padding:2px 2px 12px;scrollbar-width:thin}   

  @keyframes suriShake{0%,100%{transform:translateX(0) rotate(0)}18%{transform:translateX(-3px) rotate(-2.2deg)}38%{transform:translateX(3px) rotate(2.2deg)}58%{transform:translateX(-2px) rotate(-1.2deg)}78%{transform:translateX(2px) rotate(1.2deg)}}
  #suriIntro.suri-shake{animation:suriShake .55s ease}
  #suriIntro.collapsed .suri-help-av,#suriIntro.collapsed .suri-fab-hint{pointer-events:none}
  @media(prefers-reduced-motion:reduce){#suriIntro.suri-shake{animation:none}}

  .fnd-resolve{display:flex;width:fit-content;align-items:center;gap:7px;margin:14px 0 0 auto;font-family:var(--font);font-size:.82rem;font-weight:700;color:var(--deep);background:transparent;border:1px solid var(--deep);border-radius:999px;padding:.5em 1.05em;cursor:pointer;transition:background .15s,color .15s}
  html[data-theme="dark"] .fnd-resolve{color:var(--ok);border-color:var(--ok)}
  .fnd-resolve:hover{background:var(--mej-bg)}
  .tech summary .fnd-resolve{margin:0 0 0 auto;padding:.3em .82em;font-size:.74rem;text-transform:none;letter-spacing:0;white-space:nowrap;flex:none}
  .tech summary .fnd-resolve svg{width:14px;height:14px}
  .fnd-resolve svg{width:16px;height:16px}
  .finding.managed:not(.expanded) .fnd-resolve{display:none}
  html[data-plan="paid"] .finding.managed:not(.expanded) .fnd-resolve:not(.fnd-resolve-c){display:none}   

  /* contadores: número arriba, etiqueta abajo */
  .hcounts{align-items:flex-start}
  .hcounts .g,.hcounts .o{display:inline-flex;flex-direction:column;gap:1px;line-height:1.05;text-decoration:none}
  .hcounts .hc-num{font-size:.95rem;font-weight:800}
  .hcounts .hc-lbl{font-size:.62rem;font-weight:600;color:var(--ink-soft)}
  .hcounts .o .hc-lbl{text-decoration:underline;text-underline-offset:2px}
  /* tarjetas de familia en pago (rejilla de 6): compactas + alineadas elemento a elemento */
  html[data-plan="paid"] .hcard{padding:16px 15px;gap:11px;flex:0 0 185px;scroll-snap-align:start}   
  html[data-plan="paid"] .hcard-h{align-items:flex-start;align-content:flex-start}
  html[data-plan="paid"] .hcard-mid{margin-top:auto}
  html[data-plan="paid"] .hgrid{align-items:stretch}   
  html[data-plan="paid"] .hcard-name{font-size:.8rem;white-space:normal;line-height:1.2}
  html[data-plan="paid"] .hstatus{font-size:.52rem;padding:.18em .5em;margin-left:0}
  html[data-plan="paid"] .hcard-mid{min-height:1.7rem}
  html[data-plan="paid"] .hpct{font-size:1.5rem}
  html[data-plan="paid"] .hpu{font-size:.85rem}
  html[data-plan="paid"] .hpl{font-size:.66rem}
  html[data-plan="paid"] .hcounts{gap:4px}
  html[data-plan="paid"] .hcounts .hc-num{font-size:.86rem}
  html[data-plan="paid"] .hcounts .hc-lbl{font-size:.58rem}

  .adv-areas li{position:relative;cursor:help;transition:border-color .15s,color .15s}
  .adv-areas li:hover,.adv-areas li:focus-visible{border-color:var(--deep);color:var(--deep);outline:none}
  html[data-theme="dark"] .adv-areas li:hover,html[data-theme="dark"] .adv-areas li:focus-visible{border-color:var(--ok);color:var(--ok)}
  .adv-areas li .hc-tip{left:0;right:auto;transform:translateX(0) translateY(5px)}
  .adv-areas li:hover .hc-tip,.adv-areas li:focus-visible .hc-tip,.adv-areas li:focus-within .hc-tip{opacity:1;visibility:visible;transform:translateX(0) translateY(0)}
  .hzb-head-l .hc-tip{left:0;right:auto;transform:translateX(0) translateY(5px);white-space:normal}
  .hzb-head-l .hc-info:hover .hc-tip,.hzb-head-l .hc-info:focus-visible .hc-tip{transform:translateX(0) translateY(0)}
  .hzb-head-r .hc-tip{left:auto;right:0;transform:translateX(0) translateY(5px);white-space:normal}
  .hzb-head-r .hc-info:hover .hc-tip,.hzb-head-r .hc-info:focus-visible .hc-tip{transform:translateX(0) translateY(0)}

  .gest-dock{z-index:24}
  .gest-dock.is-stuck{z-index:31}   
  html[data-plan="paid"] .gest-dock.is-stuck{position:fixed;bottom:0;left:calc(50% + var(--wsb-w)/2);transform:translateX(-50%);width:min(calc(100% - var(--wsb-w) - 56px),calc(var(--maxw) - 110px));max-height:168px;overflow:hidden;cursor:pointer;background:rgba(13,19,40,.88);border:1px dashed rgba(120,162,210,.5);border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 -20px 44px -22px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 14px 0;transition:left .2s,width .2s;-webkit-mask-image:linear-gradient(to bottom,#000 56%,transparent);mask-image:linear-gradient(to bottom,#000 56%,transparent)}   
  html.wsb-collapsed[data-plan="paid"] .gest-dock.is-stuck{left:calc(50% + var(--wsb-wc)/2);width:min(calc(100% - var(--wsb-wc) - 56px),calc(var(--maxw) - 110px))}   
  @media(max-width:820px){ html[data-plan="paid"] .gest-dock.is-stuck{left:calc(50% + var(--wsb-wc)/2);width:min(calc(100% - var(--wsb-wc) - 56px),calc(var(--maxw) - 110px))} }   
  html[data-plan="paid"] .gest-dock.is-stuck::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:42px;height:4px;border-radius:999px;background:var(--hairline);z-index:3}
  html[data-plan="paid"] .gest-dock.is-stuck>*:first-child{margin-top:0}
  html[data-plan="paid"] .gest-dock.is-stuck.flip-open{max-height:none;overflow:visible;-webkit-mask-image:none;mask-image:none}
  html[data-plan="free"] .gest-dock.is-stuck{position:fixed;bottom:0;left:calc(50% + var(--wsb-w)/2);transform:translateX(-50%);width:min(calc(100% - var(--wsb-w) - 56px),calc(var(--maxw) - 110px));max-height:44px;overflow:hidden;cursor:pointer;background:#12160e;border:1px solid rgba(142,211,146,.4);border-bottom:none;border-radius:16px 16px 0 0;box-shadow:0 -20px 44px -22px rgba(0,0,0,.6);padding:14px 16px 0}   
  html.wsb-collapsed[data-plan="free"] .gest-dock.is-stuck{left:calc(50% + var(--wsb-wc)/2);width:min(calc(100% - var(--wsb-wc) - 56px),calc(var(--maxw) - 110px))}
  @media(max-width:820px){ html[data-plan="free"] .gest-dock.is-stuck{left:calc(50% + var(--wsb-wc)/2);width:min(calc(100% - var(--wsb-wc) - 56px),calc(var(--maxw) - 110px))} }
  html[data-plan="free"] .gest-dock.is-stuck::before{content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);width:42px;height:4px;border-radius:999px;background:var(--hairline);z-index:3}
  html[data-plan="free"] .gest-dock.is-stuck{background:linear-gradient(120deg,rgba(236,222,105,.8) 0%,rgba(188,212,122,.8) 45%,rgba(142,211,146,.8) 100%);-webkit-backdrop-filter:blur(20px) saturate(1.15);backdrop-filter:blur(20px) saturate(1.15);border-color:rgba(20,24,16,.3);color:#141810}
  @keyframes gestDockSlideIn{from{transform:translateY(calc(100% + 24px));opacity:.35}60%{opacity:1}to{transform:translateY(0);opacity:1}}   
  @media(prefers-reduced-motion:no-preference){html[data-plan="free"] .gest-dock.is-stuck{animation:gestDockSlideIn .34s cubic-bezier(.22,.61,.36,1)}}
  html[data-plan="free"] .gest-dock.is-stuck *{color:#141810!important}
  html[data-plan="free"] .gest-dock.is-stuck button,html[data-plan="free"] .gest-dock.is-stuck .gest-exp{border-color:rgba(20,24,16,.34)!important}
  html[data-plan="free"] .gest-dock.is-stuck::before{background:rgba(20,24,16,.4)}
  html[data-plan="free"] .gest-dock.is-stuck>*:first-child{margin-top:0}
  html[data-plan="free"] .gest-dock.is-stuck.flip-open{overflow:visible;-webkit-mask-image:none;mask-image:none}

  .exp-pop,.ai-menu,.hc-tip,.rv-upd-tip{background:rgba(251,246,239,.97);border-color:var(--field-bd)}
  html[data-theme="dark"] .exp-pop,html[data-theme="dark"] .ai-menu,html[data-theme="dark"] .hc-tip,html[data-theme="dark"] .rv-upd-tip{background:rgba(26,31,20,.975);border-color:rgba(255,255,255,.14)}

  .bd-arrow{fill:var(--deep)}
  html[data-theme="dark"] .bd-arrow{fill:var(--ok)}
  .chart-box .cs-cap{position:static;top:auto;right:auto;max-width:100%;justify-content:center}
  .chart-box .cs-cap[hidden]{display:inline-flex;visibility:hidden}

  .resolve-card.only-b2c .opt-hero,
  .resolve-card.only-b2c .privacy-common,
  .resolve-card.only-b2c .choose-cue{display:none}
  .resolve-card.only-b2c .opts3-v17{grid-template-columns:minmax(0,470px);justify-content:center}
  .resolve-card.only-b2c .resolve-intro .rbig .r-both{display:none}
  .resolve-intro .rbig .r-b2c{display:none}
  .resolve-card.only-b2c .resolve-intro .rbig .r-b2c{display:inline}
  .resolve-card .r-b2c{display:none}
  .resolve-card.only-b2c .r-both{display:none}
  .resolve-card.only-b2c .r-b2c{display:inline}
  #resolve .rslv-hint-b2c{display:none}
  #resolve.only-b2c .rslv-hint-both{display:none}
  #resolve.only-b2c .rslv-hint-b2c{display:inline}
  .opt-ea-note{display:none;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;text-align:center;font-size:.75rem;color:var(--ink-soft);margin:2px 0 12px;line-height:1.4}
  .resolve-card.only-b2c .opt-ea-note{display:flex}
  .opt-ea-badge{font-weight:800;font-size:.72rem;color:var(--navy);background:#8ed392;border-radius:999px;padding:.28em .7em;white-space:nowrap}

  .mp2{padding:34px 34px 30px}
  .mp2-eyebrow{display:block;text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--deep);margin-bottom:9px}
  html[data-theme="dark"] .mp2-eyebrow{color:var(--ok)}
  .mp2 .modal-t{text-align:center;font-size:1.5rem;line-height:1.22;padding-right:0;margin:0 auto 10px;max-width:22ch}
  .mp2-lead{text-align:center;color:var(--ink-soft);font-size:.98rem;line-height:1.55;max-width:48ch;margin:0 auto 22px}
  .mp2-lead strong{color:var(--ink)}
  .mp2-pay{border:1px solid var(--hairline);border-radius:18px;background:rgba(142,211,146,.06);padding:20px;margin-bottom:22px}
  html[data-theme="dark"] .mp2-pay{background:rgba(142,211,146,.05)}
  .mp2-price{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
  .mp2-amount{display:inline-flex;align-items:center;gap:11px}
  .mp2-now{font-family:var(--font-head);font-weight:800;font-size:2.8rem;line-height:1;color:var(--deep)}
  html[data-theme="dark"] .mp2-now{color:var(--ok)}
  .mp2-cur{font-size:1.4rem;font-weight:800}
  .mp2-old{font-size:1.15rem;font-weight:700;color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--imp)}
  .mp2-badge{font-family:var(--font-head);font-weight:800;font-size:.82rem;color:#182013;background:var(--grad);border-radius:999px;padding:.34em .72em;box-shadow:0 6px 16px -6px rgba(126,178,106,.6);animation:mpPop .5s cubic-bezier(.2,.8,.2,1.4) both}
  .mp2-ea-info{position:relative;width:19px;height:19px;border-radius:50%;border:1px solid var(--field-bd);color:var(--ink-soft);font-family:var(--font-head);font-style:italic;font-weight:800;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;cursor:help;flex:none;vertical-align:middle}
  .mp2-ea-info[hidden]{display:none}
  .mp2-ea-cond{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:290px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 12px 32px -12px rgba(0,0,0,.5);padding:10px 13px;font-family:var(--font);font-style:normal;font-weight:500;font-size:.78rem;color:var(--ink);text-align:left;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .15s;z-index:30}
  .mp2-ea-info:hover .mp2-ea-cond,.mp2-ea-info:focus .mp2-ea-cond{opacity:1}
  .mp2-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
  .mp2-tag{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:700;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);border-radius:999px;padding:.42em .9em}
  .mp2-tag svg{width:13px;height:13px;color:var(--deep);flex-shrink:0}
  html[data-theme="dark"] .mp2-tag svg{color:var(--ok)}
  .mp2-ea{margin-top:16px;border:1.5px dashed var(--field-bd);border-radius:14px;background:var(--field);padding:13px 14px;transition:border-color .25s,background .25s}
  .mp2-ea[data-state="idle"]{border-color:rgba(224,183,70,.6)}
  .mp2-ea[data-state="done"]{border-style:solid;border-color:var(--deep);background:rgba(142,211,146,.12)}
  html[data-theme="dark"] .mp2-ea[data-state="done"]{border-color:var(--ok)}
  .mp2-ea-idle{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}
  .mp2-ea-done{display:flex;align-items:center;gap:12px}
  .mp2-ea-note{flex-basis:100%;font-size:.82rem;color:var(--ink-soft);line-height:1.45;margin:0}
  .mp2-ea-link{background:none;border:none;padding:0;font:inherit;font-weight:700;color:var(--deep);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
  html[data-theme="dark"] .mp2-ea-link{color:var(--ok)}
  .mp2-ea-idle[hidden],.mp2-ea-run[hidden],.mp2-ea-done[hidden]{display:none}
  .mp2-ea-ic{flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(224,183,70,.16);color:#b8901f}
  html[data-theme="dark"] .mp2-ea-ic{color:#e0c34a}
  .mp2-ea-ic svg,.mp2-ea-check svg{width:19px;height:19px}
  .mp2-ea-check{flex-shrink:0;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--grad);color:#182013}
  .mp2-ea-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;line-height:1.3}
  .mp2-ea-t strong{font-size:.92rem;color:var(--ink)}
  .mp2-ea-t span{font-size:.8rem;color:var(--ink-soft)}
  .mp2-ea-t b{color:var(--deep);font-variant-numeric:tabular-nums}
  html[data-theme="dark"] .mp2-ea-t b{color:var(--ok)}
  .mp2-ea-btn{flex-shrink:0;font-family:var(--font);font-weight:700;font-size:.82rem;color:#182013;background:linear-gradient(120deg,#f2e485,#ecde69 45%,#e0c34a);border:none;border-radius:999px;padding:.62em 1.1em;cursor:pointer;box-shadow:0 6px 16px -7px rgba(224,183,70,.7)}
  .mp2-ea-btn:hover{filter:brightness(1.06)}
  .mp2-ea-btn:disabled{opacity:.55;cursor:default;animation:none;box-shadow:none}
  @media(prefers-reduced-motion:reduce){.mp2-ea-btn{animation:none}}
  .mp2-log{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:3px;min-height:22px}
  .mp2-log-line{opacity:0;transform:translateY(3px);transition:opacity .2s ease,transform .2s ease}
  .mp2-log-line.in{opacity:1;transform:none}
  .mp2-log-line::before{content:"\203A  ";color:var(--deep)}
  html[data-theme="dark"] .mp2-log-line::before{color:var(--ok)}
  .mp2-benes{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:15px}
  .mp2-benes li{display:flex;flex-direction:column;gap:3px}
  .mp2-b-main{font-size:.98rem;font-weight:700;color:var(--ink);line-height:1.35}
  .mp2-b-main em{font-style:normal;color:var(--deep);font-weight:800}
  html[data-theme="dark"] .mp2-b-main em{color:var(--ok)}
  .mp2-b-sub{display:flex;align-items:flex-start;gap:7px;padding-left:14px;font-size:.87rem;color:var(--ink-soft);line-height:1.42}
  .mp2-b-sub svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:var(--deep);opacity:.85}
  html[data-theme="dark"] .mp2-b-sub svg{color:var(--ok)}
  .mp2-seeall{display:block;margin:15px auto 0}
  .mp2-foot{margin-top:22px}
  .mp2-cta{width:100%;justify-content:center;font-size:1rem;padding:15px 20px}
  .mp2-cta svg{width:18px;height:18px}
  .mp2-alt{display:flex;align-items:stretch;gap:10px;margin-top:12px}
  .mp2-alt-suri{flex:5;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font);font-weight:700;font-size:.9rem;color:var(--ink);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:12px;padding:12px 14px;cursor:pointer;transition:border-color .18s,color .18s}
  .mp2-alt-suri:hover{border-color:var(--deep);color:var(--deep)}
  html[data-theme="dark"] .mp2-alt-suri:hover{border-color:var(--ok);color:var(--ok)}
  .mp2-alt-suri svg{width:17px;height:17px;color:var(--deep)}
  html[data-theme="dark"] .mp2-alt-suri svg{color:var(--ok)}
  .mp2-alt-free{flex:4;font-family:var(--font);font-weight:600;font-size:.86rem;color:var(--ink-soft);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  .mp2-alt-free:hover{color:var(--ink)}
  @keyframes mpPop{0%{opacity:0;transform:scale(.4)}100%{opacity:1;transform:scale(1)}}
  @keyframes mpGlow{0%,100%{box-shadow:0 6px 16px -7px rgba(224,183,70,.7)}50%{box-shadow:0 7px 22px -5px rgba(224,183,70,1)}}
  @media(max-width:520px){.mp2-ea-idle{flex-wrap:wrap}.mp2-ea-btn{width:100%}.mp2-alt{flex-direction:column}}

  .fnd-compact .fnd-chip{display:inline-flex;align-items:center;gap:5px;padding-right:.5em;transition:border-color .15s,box-shadow .15s}
  .fnd-compact .fnd-chip:hover{border-color:currentColor;box-shadow:0 0 5px -1px currentColor}   
  .fnd-chip>.fnd-status{position:relative;flex-shrink:0;margin:0;line-height:0}
  .fnd-chip>.fnd-status .fnd-status-btn{border:none;background:transparent;padding:0;gap:0;color:inherit;cursor:pointer}
  .fnd-chip>.fnd-status .fnd-status-btn:hover{background:transparent;color:inherit}
  .fnd-chip>.fnd-status .fnd-status-btn>svg{display:none}
  .fnd-chip>.fnd-status .fnd-status-lbl{display:none}
  .fnd-chip>.fnd-status .chev{display:inline-flex;opacity:.85}
  .fnd-chip>.fnd-status .chev svg{width:12px;height:12px}

  .mp2-ea-avail{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px}
  .mp2-ea-avail[hidden]{display:none}
  .mp2-ea[data-state="avail"]{border-style:solid;border-color:rgba(224,183,70,.75);background:rgba(224,183,70,.08)}
  html[data-theme="dark"] .mp2-ea[data-state="avail"]{border-color:rgba(224,183,70,.6)}

  .mp2-b-link{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:var(--a2);transition:text-decoration-color .15s,color .15s}
  .mp2-b-link:hover{text-decoration-color:var(--deep);color:var(--deep)}
  html[data-theme="dark"] .mp2-b-link:hover{text-decoration-color:var(--ok);color:var(--ok)}

  .sg-surface{padding:20px 24px}
  @media(max-width:560px){.sg-surface{padding:18px 16px}}
  .sg-block{display:flex;flex-direction:column;gap:9px}
  .sg-bh{display:flex;align-items:center;gap:11px}
  .sg-ic{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--field);color:var(--deep)}
  html[data-theme="dark"] .sg-ic{color:var(--ok)}
  .sg-ic svg{width:18px;height:18px}
  .sg-t{font-family:var(--font-head);font-weight:800;font-size:1.06rem;margin:0}
  .sg-p{color:var(--ink-soft);font-size:.94rem;line-height:1.55;margin:0}
  .sg-note{font-size:.83rem;color:var(--ink-soft);opacity:.9;margin:2px 0 0}
  .sg-sep{border:none;border-top:1px solid var(--hairline);margin:10px 0}
  .sg-analyses{background:var(--field);border:1px solid var(--field-bd);border-radius:14px;padding:14px 16px;margin-top:6px}
  .sg-analyses-h{font-family:var(--font-head);font-weight:800;font-size:.82rem;color:var(--ink);margin-bottom:11px;text-align:center}
  .sg-analyses-row{display:flex;flex-direction:column;align-items:center;gap:16px}
  .sg-stat{display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center}
  .sg-stat-n{font-family:var(--font-head);font-weight:800;font-size:2.4rem;line-height:1;color:var(--ink)}
  .sg-stat-l{font-size:.8rem;color:var(--ink-soft);max-width:18ch;line-height:1.3;text-align:center}
  .sg-way-invite{border:1px solid rgba(142,211,146,.42);background:rgba(142,211,146,.07);border-radius:14px;padding:16px 18px;margin-top:16px}
  html[data-theme="dark"] .sg-way-invite{background:rgba(142,211,146,.06)}
  .sg-way-t{font-family:var(--font-head);font-weight:800;font-size:.98rem;margin:0 0 6px}
  .sg-way-p{color:var(--ink-soft);font-size:.9rem;line-height:1.5;margin:0}
  .sg-way-note{font-size:.8rem;color:var(--ink-soft);opacity:.85;margin:7px 0 0}
  .inv-list{margin-top:16px}
  .inv-list-h{font-family:var(--font-head);font-weight:800;font-size:.8rem;color:var(--ink);margin-bottom:8px}
  .inv-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
  .inv-item{display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--field-bd);border-radius:10px;padding:8px 12px}
  .inv-who{flex:1;min-width:0;font-size:.86rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .inv-item[data-state="cancelada"] .inv-who{color:var(--ink-soft);text-decoration:line-through}
  .inv-badge{flex-shrink:0;font-size:.66rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:.3em .72em}
  .inv-enviada{color:#6ea0dd;background:rgba(110,160,221,.16)}
  .inv-abierta{color:#e0c34a;background:rgba(224,183,70,.18)}
  .inv-aceptada{color:#8ed392;background:rgba(142,211,146,.18)}
  .inv-cancelada{color:var(--ink-soft);background:var(--field-bd)}
  .inv-revoke{flex-shrink:0;border:none;background:none;color:var(--ink-soft);font-family:var(--font);font-weight:700;font-size:.78rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
  .inv-revoke:hover{color:#e6707a}
  .sg-cta{margin-top:14px;width:fit-content;max-width:100%}
  .sg-cta svg{width:17px;height:17px;flex-shrink:0}
  .sg-buy-link{display:inline-block;margin-top:12px;color:var(--ink-soft);font-weight:600;font-size:.85rem;text-decoration:underline;text-underline-offset:3px}
  .sg-buy-link:hover{color:var(--ink)}
  .sg-run{margin-top:16px}
  .sg-runprog{display:flex;align-items:center;gap:11px;margin-top:14px}
  .sg-avail-group{display:flex;align-items:center;justify-content:center;position:relative}
  .sg-stat-pend .sg-stat-n{color:var(--imp-t)}
  html[data-theme="dark"] .sg-stat-pend .sg-stat-n{color:var(--imp)}
  .sg-stat-pend .sg-stat-l{color:var(--imp-t);opacity:.92}
  html[data-theme="dark"] .sg-stat-pend .sg-stat-l{color:var(--imp)}
  .sg-run-slot{position:absolute;left:calc(100% + 8px);top:0;transform:none;height:2.4rem;display:flex;align-items:center;justify-content:center}   
  .sg-run-round{width:40px;height:40px;min-width:0;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
  .sg-run-round svg{width:17px;height:17px}
  .sg-run-slot .sg-runprog{max-width:190px}
  .sg-run-slot .sg-run{margin-top:0}
  .sg-run-slot .sg-runprog{margin-top:0}
  .sg-run-mini{font-size:.85rem;padding:.5em 1.05em;gap:7px}
  .sg-run-mini svg{width:16px;height:16px}
  .sg-runprog-bar{flex:1;min-width:0;height:7px;border-radius:999px;background:var(--field);overflow:hidden}
  .sg-runprog-bar span{display:block;height:100%;width:0;background:var(--grad);transition:width .5s ease}
  .sg-runprog-txt{font-size:.82rem;font-weight:700;color:var(--ink-soft);white-space:nowrap}
  .nrm-prog{display:flex;flex-direction:column;align-items:center;gap:15px;padding:20px 0 8px}
  .nrm-prog[hidden]{display:none!important}
  .nrm-spin{width:38px;height:38px;border:3px solid var(--field);border-top-color:var(--deep);border-radius:50%;animation:raspin .7s linear infinite;flex:none}
  html[data-theme="dark"] .nrm-spin{border-top-color:var(--ok)}
  .nrm-title{font-family:var(--font-head);font-weight:800;font-size:1.05rem;color:var(--ink);margin:0;text-align:center}
  .nrm-prog .sg-runprog-bar{flex:none;width:100%;max-width:280px;height:8px}
  .nrm-plan-opts{display:flex;flex-direction:column;gap:10px;margin-top:16px}
  .nrm-plan-opt{display:flex;flex-direction:column;gap:3px;text-align:left;padding:12px 15px;border-radius:12px;border:1px solid var(--field-bd);background:var(--field);cursor:pointer;font-family:var(--font);transition:border-color .15s,background .15s}
  .nrm-plan-opt:hover{border-color:var(--deep)}
  .nrm-plan-opt .nrm-plan-t{font-weight:800;font-size:.95rem;color:var(--ink)}
  .nrm-plan-opt .nrm-plan-sub{font-size:.82rem;color:var(--ink-soft);line-height:1.4}
  .nrm-plan-primary{border-color:rgba(78,124,63,.5);background:var(--mej-bg)}
  .nrm-plan-primary .nrm-plan-t{color:var(--deep)} html[data-theme="dark"] .nrm-plan-primary .nrm-plan-t{color:var(--ok)}
  .myplan-hist-sel{margin-left:10px;font-family:var(--font);font-size:.78rem;font-weight:700;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:8px;padding:3px 8px;cursor:pointer}
  .sg-seg{display:inline-flex;gap:4px;background:var(--field);border:1px solid var(--field-bd);border-radius:999px;padding:4px;margin:8px 0 4px}
  .sg-seg-btn{border:none;background:none;font-family:var(--font);font-weight:700;font-size:.85rem;color:var(--ink-soft);padding:.55em 1.05em;border-radius:999px;cursor:pointer;transition:color .15s,background .15s}
  .sg-seg-btn.active{background:var(--bg);color:var(--deep);box-shadow:0 2px 6px -2px rgba(0,0,0,.28)}
  html[data-theme="dark"] .sg-seg-btn.active{color:var(--ok)}
  @media(max-width:520px){.sg-seg{display:flex}.sg-seg-btn{flex:1}}
  details.sg-coll>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:11px;padding:11px 0}
  .sg-block.sg-coll + .sg-block.sg-coll{border-top:1px solid var(--hairline);margin-top:12px;padding-top:6px}
  details.sg-coll>summary::-webkit-details-marker{display:none}
  .sg-coll-t{font-family:var(--font-head);font-weight:800;font-size:1.05rem;color:var(--ink)}
  .arch-sub{margin-top:16px}
  .arch-h{font-family:var(--font-head);font-weight:800;font-size:.95rem;color:var(--ink);margin:0 0 8px;display:flex;align-items:center;gap:8px}
  .arch-count{font-size:.72rem;font-weight:800;color:var(--ink-soft);background:var(--field);border:1px solid var(--hairline);border-radius:999px;padding:.1em .6em}
  .arch-list{display:flex;flex-direction:column;gap:6px}
  .arch-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--hairline);border-radius:10px;background:var(--field);font-size:.86rem;color:var(--ink)}
  .arch-item-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .arch-item-ic{width:15px;height:15px;flex:none;display:inline-flex;color:var(--ink-soft)}   
  .arch-item-ic svg{width:100%;height:100%}
  .arch-unarch{flex-shrink:0;font-family:var(--font);font-weight:700;font-size:.78rem;color:var(--deep);background:var(--mej-bg);border:1px solid rgba(78,124,63,.4);border-radius:8px;padding:.4em .9em;cursor:pointer;transition:filter .15s}
  .arch-unarch:hover{filter:brightness(1.05)} html[data-theme="dark"] .arch-unarch{color:var(--ok)}
  .arch-ign-lock{flex-shrink:0;color:var(--ink-soft);opacity:.7} .arch-ign-lock svg{width:15px;height:15px;display:block}
  .arch-empty{font-size:.82rem;color:var(--ink-soft);padding:8px 2px;line-height:1.45}
  .arch-ign-add{display:flex;gap:8px;margin:8px 0 10px;flex-wrap:wrap}
  .arch-ign-pick{display:inline-flex;align-items:center;gap:7px}   
  .arch-ign-pick svg{width:15px;height:15px;flex:none}
  .arch-ign-add .co-inp{flex:1;min-width:180px}
  .arch-ign-add .btn{flex-shrink:0}
  .myplan{margin:6px 0 4px}
  .myplan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
  .myplan-id{display:flex;flex-direction:column;gap:3px}
  .myplan-badge{align-self:flex-start;font-family:var(--font-head);font-weight:800;font-size:.9rem;color:var(--navy);background:var(--grad);border-radius:999px;padding:.2em .8em}
  .myplan-meta{font-size:.8rem;color:var(--ink-soft)}
  .myplan-invoice{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-weight:700;font-size:.8rem;color:var(--deep);background:none;border:1px solid var(--field-bd);border-radius:9px;padding:.42em .9em;cursor:pointer;transition:border-color .15s}
  .myplan-invoice:hover{border-color:var(--deep)} .myplan-invoice svg{width:15px;height:15px} html[data-theme="dark"] .myplan-invoice{color:var(--ok)}
  .myplan-usage{margin-top:14px}
  .myplan-usage-h{display:flex;justify-content:space-between;font-size:.84rem;color:var(--ink-soft);margin-bottom:5px} .myplan-usage-h strong{color:var(--ink);font-family:var(--font-head)}
  .myplan-usage-h strong .myplan-growth{color:var(--mej-t);font-weight:800;margin-left:1px}   
  html[data-theme="dark"] .myplan-usage-h strong .myplan-growth{color:var(--ok)}
  .myplan-bar{height:9px;border-radius:999px;background:var(--field);border:1px solid var(--hairline);overflow:hidden}
  .myplan-bar>span{display:block;height:100%;background:var(--grad);border-radius:999px}
  .myplan-usage-note{font-size:.76rem;color:var(--ink-soft);margin:6px 0 0;line-height:1.45}
  .myplan-amp{margin-top:14px}
  .myplan-amp-h{font-size:.72rem;font-weight:800;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
  .myplan-amp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
  .myplan-amp-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.84rem;color:var(--ink);padding:8px 11px;border:1px solid var(--hairline);border-radius:8px;background:var(--field)}
  .myplan-amp-t{flex:1;min-width:130px}
  .myplan-amp-date{font-size:.78rem;color:var(--ink-soft)}
  .myplan-amp-inv{flex-shrink:0;font-family:var(--font);font-weight:700;font-size:.74rem;color:var(--deep);background:none;border:1px solid var(--field-bd);border-radius:7px;padding:.3em .7em;cursor:pointer;transition:border-color .15s}
  .myplan-amp-inv:hover{border-color:var(--deep)} html[data-theme="dark"] .myplan-amp-inv{color:var(--ok)}
  .myplan-cta{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-size:.74rem;padding:.5em 1.1em} .myplan-cta svg{width:14px;height:14px}
  .sg-subsep{border:none;border-top:1px solid var(--hairline);margin:18px 0 14px}
  .myplan-reana-h{font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--ink);margin:0 0 8px}
  .sg-coll-chev{flex-shrink:0;margin-left:auto;color:var(--ink-soft);transition:transform .2s;display:inline-flex}
  .sg-coll-chev svg{width:18px;height:18px}
  details.sg-coll[open]>summary .sg-coll-chev{transform:rotate(180deg)}
  .sg-next-row{display:grid;grid-template-columns:1fr 1.7fr;gap:14px;align-items:stretch;margin-top:8px}
  .sg-next-c1{display:flex;flex-direction:column;gap:14px}
  .sg-next-c1>.sg-analyses{margin-top:0;flex:1}
  .sg-next-row>.sg-way-invite{margin-top:0;display:flex;flex-direction:column}
  .sg-way-invite #next-invite-open{align-self:center;margin-top:14px}
  .sg-buy-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;border:1px solid var(--field-bd);background:var(--field);border-radius:14px;padding:14px 12px;cursor:pointer;font-family:var(--font);transition:border-color .15s,background .15s}
  .sg-buy-card:hover{border-color:var(--deep);background:var(--glass-bg-strong)}
  html[data-theme="dark"] .sg-buy-card:hover{border-color:var(--ok)}
  .sg-buy-ic{width:38px;height:38px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg);color:var(--deep)}
  html[data-theme="dark"] .sg-buy-ic{color:var(--ok)}
  .sg-buy-ic svg{width:20px;height:20px}
  .sg-buy-t{font-weight:700;font-size:.86rem;color:var(--ink);line-height:1.2}
  .sg-buy-p{font-family:var(--font-head);font-weight:800;font-size:1.1rem;color:var(--deep)}
  html[data-theme="dark"] .sg-buy-p{color:var(--ok)}
  .sg-auto-cols{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}
  .sg-auto-log{border-left:1px solid var(--hairline);padding-left:16px}
  .sg-auto-log-h{font-family:var(--font-head);font-weight:800;font-size:.78rem;color:var(--ink);margin-bottom:9px}
  .sg-log-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
  .sg-log-list li{display:flex;flex-direction:column;gap:1px;border-left:2px solid var(--field-bd);padding-left:9px}
  .sg-log-d{font-size:.72rem;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}
  .sg-log-t{font-size:.8rem;color:var(--ink)}
  .sg-log-note{font-size:.72rem;color:var(--ink-soft);opacity:.85;line-height:1.4;margin:12px 0 0}
  .sg-share-subs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:8px}
  .sg-share-sub{border:1px solid var(--field-bd);background:var(--field);border-radius:14px;padding:16px 16px;display:flex;flex-direction:column}
  .sg-share-sub .sg-way-t{margin:0 0 5px}
  .sg-share-sub .sg-way-p{margin:0 0 12px}
  .sg-share-sub .sg-cta{margin-top:auto;align-self:center}
  .sg-rem-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px;align-items:start;margin-bottom:14px}
  .sg-rem-row .sg-days{flex-wrap:wrap}
  .sg-anon-emailnote{font-size:.82rem;color:var(--ink-soft);margin:0 0 10px}
  @media(max-width:560px){.sg-rem-row{grid-template-columns:1fr}}
  @media(max-width:640px){.sg-next-row{grid-template-columns:1fr;gap:12px}.sg-auto-cols{grid-template-columns:1fr}.sg-auto-log{border-left:none;border-top:1px solid var(--hairline);padding-left:0;padding-top:14px}.sg-share-subs{grid-template-columns:1fr}}

  .sg-pane{margin-top:8px}
  .sg-freqs{display:flex;flex-direction:column;gap:8px;margin:10px 0 2px}
  .sg-freq{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--field-bd);border-radius:12px;cursor:pointer;font-size:.9rem;color:var(--ink);transition:border-color .15s,background .15s}
  .sg-freq input{accent-color:var(--deep);flex-shrink:0}
  .sg-freq:has(input:checked){border-color:var(--deep);background:var(--mej-bg)}
  .sg-anon-freq .sg-freqs{flex-direction:row;gap:8px}
  .sg-anon-freq .sg-freq{flex:1;justify-content:center;gap:0;padding:10px 6px;text-align:center}
  .sg-anon-freq .sg-freq input{display:none}   
  .sg-free{font-size:.68rem;font-weight:800;color:var(--deep);background:var(--mej-bg);border-radius:999px;padding:.22em .62em;margin-left:8px;vertical-align:middle}
  html[data-theme="dark"] .sg-free{color:var(--ok)}
  .sg-field{margin:12px 0 0}
  .sg-field label,.sg-field-l{display:block;font-size:.8rem;font-weight:700;color:var(--ink-soft);margin-bottom:6px}
  .sg-form select,.sg-form input[type=email]{font-family:var(--font);font-size:.9rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:10px;padding:9px 12px}
  .sg-form input[type=email]{width:100%;max-width:280px;box-sizing:border-box}
  .sg-form select:focus,.sg-form input:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px rgba(78,124,63,.16)}
  .sg-time{display:inline-flex;align-items:center;gap:7px}
  .sg-days{display:flex;gap:6px;flex-wrap:wrap;justify-content:space-between}
  .sg-day{position:relative;cursor:pointer;line-height:0}
  .sg-day input{position:absolute;inset:0;opacity:0;cursor:pointer}
  .sg-day span{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--field-bd);font-family:var(--font);font-weight:700;font-size:.82rem;color:var(--ink-soft);transition:.15s}
  .sg-day input:checked+span{background:var(--deep);color:#fff;border-color:var(--deep)}
  #follow-auto-activate,#anon-save,#follow-rem-save,.op-soft-btn{background:var(--field);color:var(--ink);border:1px solid var(--hairline);box-shadow:none;font-size:.88rem;font-weight:700;padding:.58em 1.15em;border-radius:9px}
  #follow-auto-activate:hover,#anon-save:hover,#follow-rem-save:hover,.op-soft-btn:hover{transform:none;box-shadow:none;border-color:var(--ink-soft);background:var(--glass-bg-strong)}
  .sg-day input:focus-visible+span{box-shadow:0 0 0 3px rgba(78,124,63,.28)}
  .sg-invalid{border-color:var(--crit-bd)!important}
  .sg-done{background:rgba(142,211,146,.08);border:1px solid rgba(142,211,146,.36);border-radius:12px;padding:14px 16px;margin-top:10px}
  html[data-theme="dark"] .sg-done{background:rgba(142,211,146,.06)}
  .sg-done-badge{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-head);font-weight:800;font-size:.9rem;color:var(--deep)}
  html[data-theme="dark"] .sg-done-badge{color:var(--ok)}
  .sg-done-badge .sg-done-ic{width:18px;height:18px;flex:none}   
  .sg-done-sum{font-size:.92rem;color:var(--ink);margin:8px 0 12px}
  .sg-done-acts{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
  /* modales #seguimos */
  .sg-invite-link{display:flex;gap:8px;margin:16px 0}
  .sg-invite-link input{flex:1;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:10px;padding:10px 12px}
  .sg-invite-mail label{display:block;font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:7px}
  .sg-invite-mailrow{display:flex;gap:8px}
  .sg-invite-mailrow input{flex:1;min-width:0;font-family:var(--font);font-size:.9rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:10px;padding:10px 12px}
  .sg-err{display:block;color:var(--crit-t);font-size:.8rem;margin-top:7px}
  .sg-how{margin-top:18px;border-top:1px solid var(--hairline);padding-top:12px}
  .sg-how>summary{font-family:var(--font-head);font-weight:800;font-size:.85rem;color:var(--ink-soft);cursor:pointer;list-style:none}
  .sg-how>summary::-webkit-details-marker{display:none}
  .sg-how-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}
  .sg-how-list li{position:relative;padding-left:20px;font-size:.86rem;color:var(--ink);line-height:1.4}
  .sg-how-list li::before{content:"";position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%;background:var(--deep)}
  html[data-theme="dark"] .sg-how-list li::before{background:var(--ok)}
  .sg-how-note{font-size:.82rem;color:var(--ink-soft);margin:10px 0 0}
  .sg-ready-ic{width:46px;height:46px;border-radius:13px;background:var(--grad);color:#182013;display:flex;align-items:center;justify-content:center;margin-bottom:12px}
  .sg-ready-ic svg{width:24px;height:24px}
  .sg-ready-p{color:var(--ink-soft);font-size:.94rem;line-height:1.5;margin:0 0 18px}
  .sg-modal-p{color:var(--ink-soft);font-size:.96rem;line-height:1.55;margin:0}
  .sg-modal-acts{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:20px}
  /* overrides [hidden] (author display no debe ganar al atributo) */
  .sg-pane[hidden],.sg-form[hidden],.sg-done[hidden],.sg-run[hidden],.sg-runprog[hidden],.sg-err[hidden],#next-invite-body[hidden],#next-invite-ready[hidden]{display:none!important}
  .sg-coll-t .wk{color:var(--wk)}
  .wk-fb{display:flex;flex-direction:column;gap:18px;margin-top:6px}
  .wk-sub{padding:16px 18px;border:1px solid var(--hairline);border-radius:14px;background:var(--glass-bg)}
  .wk-sub-t{font-family:var(--font-head);font-weight:800;font-size:.98rem;color:var(--ink);margin:0 0 4px}
  .wk-sub-d{font-size:.85rem;color:var(--ink-soft);margin:0 0 12px;line-height:1.45}
  .wk-ta{width:100%;box-sizing:border-box;border:1px solid var(--field-bd);background:var(--field);border-radius:10px;padding:10px 12px;font-family:var(--font);font-size:.9rem;color:var(--ink);resize:vertical}
  .wk-actions{margin-top:7px}   
  .wk-rate{display:flex;gap:10px;flex-wrap:wrap}
  .wk-face{width:46px;height:46px;border:1px solid var(--field-bd);background:var(--field);border-radius:50%;cursor:pointer;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;transition:transform .15s,color .15s,border-color .15s,background .15s}
  .wk-face svg{width:34px;height:34px} .wk-face .wk-face-bg{fill:transparent}
  .wk-face:hover{color:var(--deep);border-color:var(--a2);transform:translateY(-2px)}
  .wk-face.sel{color:#fff;background:var(--deep);border-color:var(--deep);transform:scale(1.12)}
  .wk-face>svg{transform-origin:50% 55%}
  @media(prefers-reduced-motion:no-preference){
    .wk-face[data-score="1"]:hover>svg{animation:wkFace1 .55s ease both}
    .wk-face[data-score="2"]:hover>svg{animation:wkFace2 .55s ease both}
    .wk-face[data-score="3"]:hover>svg{animation:wkFace3 .6s ease both}
    .wk-face[data-score="4"]:hover>svg{animation:wkFace4 .55s ease both}
    .wk-face[data-score="5"]:hover>svg{animation:wkFace5 .65s ease both}
  }
  @keyframes wkFace1{0%,100%{transform:translateX(0) rotate(0)}15%{transform:translateX(-2px) rotate(-5deg)}35%{transform:translateX(2px) rotate(5deg)}55%{transform:translateX(-1.6px) rotate(-4deg)}75%{transform:translateX(1.6px) rotate(4deg)}}
  @keyframes wkFace2{0%,100%{transform:translateY(0) rotate(0)}45%{transform:translateY(2px) rotate(-7deg)}72%{transform:translateY(1px) rotate(-3deg)}}
  @keyframes wkFace3{0%,100%{transform:rotate(0)}28%{transform:rotate(-8deg)}58%{transform:rotate(8deg)}82%{transform:rotate(-3deg)}}
  @keyframes wkFace4{0%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-2.5px) scale(1.08)}72%{transform:translateY(-1px) scale(1.03)}}
  @keyframes wkFace5{0%{transform:translateY(0) scale(1) rotate(0)}22%{transform:translateY(-3.5px) scale(1.12) rotate(-7deg)}48%{transform:translateY(0) scale(1.06) rotate(6deg)}72%{transform:translateY(-2px) scale(1.09) rotate(-4deg)}100%{transform:translateY(0) scale(1) rotate(0)}}
  .wk-rate-resp{margin:14px 0 0;font-size:.9rem;color:var(--ink);background:rgba(142,211,146,.12);border-left:3px solid var(--deep);border-radius:0 10px 10px 0;padding:10px 14px;line-height:1.5}
  .wk-rate-resp[hidden]{display:none}
  .wk-fp{position:relative}
  .wk-fp-toggle{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-weight:700;font-size:.85rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:10px;padding:.6em 1em;cursor:pointer}
  .wk-fp-toggle>svg{width:14px;height:14px;transition:transform .2s} .wk-fp-toggle.open>svg{transform:rotate(180deg)}
  .wk-fp-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--deep);color:#fff;font-size:.72rem;font-weight:800}
  .wk-fp-count[hidden],.wk-fp-i[hidden]{display:none}
  .wk-fp-i{position:relative;width:19px;height:19px;border-radius:50%;border:1px solid var(--field-bd);color:var(--ink-soft);font-family:var(--font-head);font-style:italic;font-weight:800;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center;cursor:help}
  .wk-fp-tip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:260px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 12px 32px -12px rgba(0,0,0,.5);padding:9px 12px;font-family:var(--font);font-style:normal;font-weight:500;font-size:.78rem;color:var(--ink);text-align:left;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .15s;z-index:20}
  .wk-fp-i:hover .wk-fp-tip,.wk-fp-i:focus .wk-fp-tip{opacity:1}
  .wk-fp-list{margin-top:10px;max-height:210px;overflow-y:auto;border:1px solid var(--hairline);border-radius:10px;padding:6px}
  .wk-fp-list[hidden]{display:none}
  .wk-fp-item{display:flex;align-items:flex-start;gap:9px;padding:7px 9px;border-radius:8px;font-size:.84rem;color:var(--ink);cursor:pointer}
  .wk-fp-item:hover{background:var(--field)} .wk-fp-item input{margin-top:2px;flex-shrink:0}
  .wk-fp-empty{padding:10px 9px;font-size:.82rem;line-height:1.45;color:var(--ink-soft)}
  .wk-fp-send{display:inline-flex;align-items:center;gap:7px;font-family:var(--font);font-weight:700;font-size:.85rem;color:var(--deep);background:var(--mej-bg);border:1px solid rgba(78,124,63,.5);border-radius:10px;padding:.6em 1.15em;cursor:pointer;transition:filter .15s,border-color .15s}
  .wk-fp-send:hover:not(:disabled){border-color:var(--deep);filter:brightness(1.03)}
  .wk-fp-send:disabled{opacity:.45;cursor:not-allowed}
  .wk-fp-send.wk-fp-locked{opacity:.55}
  html[data-theme="dark"] .wk-fp-send{color:var(--ok);border-color:rgba(142,211,146,.4)}
  .wk-consent{display:flex;align-items:flex-start;gap:9px;margin-top:14px;font-size:.82rem;color:var(--ink-soft);line-height:1.5;cursor:pointer}
  .wk-consent input{margin-top:2px;flex-shrink:0}
  .wk-fine{margin:12px 0 0;font-size:.76rem;color:var(--ink-soft);line-height:1.5;opacity:.92}
  .wk-badge{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--deep);background:rgba(142,211,146,.18);border-radius:999px;padding:.2em .6em;vertical-align:middle;margin-left:4px}
  .wk-news{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
  .wk-news li{font-size:.85rem;color:var(--ink);line-height:1.45}
  .wk-news-d{display:inline-block;min-width:56px;font-weight:800;color:var(--deep);font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;margin-right:6px}
  .btn.sg-cta:disabled{opacity:.5;cursor:not-allowed}
  .trf-done{text-align:center;padding:8px 4px}
  .trf-done-ic{display:inline-flex;color:var(--deep);margin-bottom:4px} .trf-done-ic svg{width:40px;height:40px}
  html[data-theme="dark"] .trf-done-ic{color:var(--ok)}
  .trf-cheer{font-family:var(--font-head);font-weight:800;font-size:1.2rem;color:var(--deep);margin:12px 0 4px}
  html[data-theme="dark"] .trf-cheer{color:var(--ok)}
  .sg-share-social{margin-top:16px;padding-top:14px;border-top:1px solid var(--hairline)}
  .sg-share-social .sg-way-t{margin:0 0 4px}
  .sg-share-social .sg-way-p{margin:0 0 10px}
  .sg-soc-btns{display:flex;gap:10px;flex-wrap:wrap}
  .soc-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--field-bd);background:var(--field);border-radius:12px;padding:9px 15px;font-family:var(--font);font-weight:700;font-size:.9rem;color:var(--ink);cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}
  .soc-btn:hover{transform:translateY(-1px);border-color:var(--soc);box-shadow:0 5px 16px color-mix(in srgb,var(--soc) 24%,transparent)}
  .soc-btn svg{width:19px;height:19px;color:var(--soc);flex:none}
  .soc-btn.soc-li{--soc:#0A66C2}.soc-btn.soc-wa{--soc:#25D366}.soc-btn.soc-ig{--soc:#E1306C}
  /* modal social */
  .soc-modal .modal-t{margin-bottom:2px}
  #modalSocial.soc-linkedin{--soc:#0A66C2}#modalSocial.soc-whatsapp{--soc:#1faa52}#modalSocial.soc-instagram{--soc:#E1306C}
  .soc-pub{background:var(--soc);color:#fff;border:1px solid transparent}
  .soc-pub svg{color:#fff}.soc-pub:hover{filter:brightness(1.07)}
  .soc-scene{margin:12px auto 2px;max-width:430px}
  .fb-actions,.rd-actions,.dv-actions{display:flex;gap:16px;margin-top:10px;padding-top:9px;border-top:1px solid var(--hairline);font-size:.82rem;font-weight:700;color:var(--ink-soft)}
  .rd-card{display:flex;gap:12px;align-items:flex-start}
  .rd-vote{display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--ink-soft);font-weight:800;font-size:.82rem;flex:none}
  .rd-vote svg{width:15px;height:15px}
  .rd-sub{font-size:.78rem;color:var(--ink-soft);font-weight:700;margin-bottom:5px}
  .rd-title,.dv-title{display:block;font-size:1rem;margin:0 0 8px;color:var(--ink);line-height:1.35;font-weight:800}
  .dv-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
  .dv-tags span{font-size:.76rem;color:var(--ink-soft);font-weight:600}
  .soc-fb{--soc:#1877f2}.soc-rd{--soc:#ff4500}.soc-dv{--soc:#3b49df}
  #modalSocial .soc-scene{display:none}
  #modalSocial.soc-linkedin .soc-scene[data-scene="linkedin"],#modalSocial.soc-instagram .soc-scene[data-scene="instagram"],#modalSocial.soc-facebook .soc-scene[data-scene="facebook"],#modalSocial.soc-reddit .soc-scene[data-scene="reddit"],#modalSocial.soc-devto .soc-scene[data-scene="devto"]{display:block}
  .soc-post-text{font-size:.92rem;line-height:1.5;color:var(--ink);margin:0 0 10px;text-align:left}
  .soc-av{width:38px;height:38px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6fae52,#3f7a34);color:#fff}
  .soc-av svg{width:20px;height:20px}
  .soc-shot{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;background:linear-gradient(140deg,#eaf5e0,#d1e7c2);color:#2f5a27}
  .soc-shot-ic{display:inline-flex}.soc-shot-ic svg{width:40px;height:40px}
  .soc-av img.soc-logo-img{width:100%;height:100%;object-fit:cover;border-radius:50%;transform:none;display:block}
  .soc-shot-ic img.soc-logo-img{width:54px;height:54px;object-fit:contain;transform:none;display:block}
  .ig-shot .soc-shot-ic img.soc-logo-img{width:76px;height:76px}
  .sc-opts{display:flex;flex-direction:column;gap:10px;margin-top:8px}
  .sc-opt{text-align:left;font-family:var(--font);background:var(--field);border:1px solid var(--field-bd);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s}
  .sc-opt:hover{border-color:var(--deep);background:var(--mej-bg)}
  .sc-opt b{display:block;font-size:1rem;font-weight:750;color:var(--ink);margin-bottom:3px}
  .sc-opt span{display:block;font-size:.85rem;color:var(--ink-soft);line-height:1.45}
  .sw-legal{font-size:.75rem;color:var(--ink-soft);line-height:1.5;margin:6px 2px 0}
  .sw-badge{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;color:var(--ok);background:var(--mej-bg);border:1px solid var(--mej-bd);border-radius:999px;padding:.34em .82em;margin:0 0 14px}
  .sw-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--ok);flex:none}
  @media (prefers-reduced-motion:no-preference){.sw-badge-dot{animation:swPulse 1.8s ease-in-out infinite}}
  @keyframes swPulse{0%,100%{opacity:1}50%{opacity:.3}}
  .sw-opt{font-weight:500;color:var(--ink-soft);font-size:.85em}
  #modalSiteWait .sw-form .acct-field{display:block;margin:0 0 16px}
  #modalSiteWait .sw-form .acct-field[hidden]{display:none;margin:0}
  #modalSiteWait .sw-form .sw-other:not([hidden]){animation:swReveal .22s ease}
  #modalSiteWait .sw-form .sw-other{margin-top:-6px;margin-bottom:22px}
  @keyframes swReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
  #modalSiteWait .sw-form .modal-foot{margin-top:24px}
  .sw-done-head{display:flex;align-items:center;gap:11px;margin-bottom:8px}
  .sw-done-ic{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--ok);color:#fff;flex:none}
  .sw-done-ic svg{width:18px;height:18px}
  #swDone{text-align:center}
  #swDone .sw-done-head{flex-direction:column;text-align:center;gap:13px;margin-bottom:10px}
  #swDone .sw-done-ic{width:70px;height:70px;position:relative;animation:swPop .5s cubic-bezier(.2,1.35,.4,1) both}
  #swDone .sw-done-ic svg{width:40px;height:40px}
  #swDone .sw-done-ic.sw-st-full{background:var(--imp)}
  #swDone .sw-done-ic::after{content:"";position:absolute;inset:-3px;border-radius:50%;border:2.5px solid currentColor;opacity:.5;animation:swRing .95s ease-out .12s both;pointer-events:none}
  @keyframes swPop{0%{transform:scale(.35);opacity:0}62%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
  @keyframes swRing{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.8);opacity:0}}
  #swDone .sw-hck{stroke-dasharray:26;stroke-dashoffset:26;animation:swDraw .45s ease .32s forwards}
  @keyframes swDraw{to{stroke-dashoffset:0}}
  #swDone .sw-hadd{animation:swDrop .5s cubic-bezier(.2,1.25,.4,1) .22s both}
  @keyframes swDrop{0%{transform:translate(-5px,-9px);opacity:0}100%{transform:none;opacity:1}}
  #swDone .sw-hhg{transform-origin:20px 20px;animation:swFlip .85s cubic-bezier(.55,0,.3,1) .1s both}
  @keyframes swFlip{0%{transform:rotate(180deg)}100%{transform:rotate(0)}}
  @media(prefers-reduced-motion:reduce){#swDone .sw-done-ic,#swDone .sw-done-ic::after,#swDone .sw-hck,#swDone .sw-hadd,#swDone .sw-hhg{animation:none}#swDone .sw-hck{stroke-dashoffset:0}}
  #modalSiteWait.open .modal{animation:swBoxIn .42s cubic-bezier(.2,.9,.3,1) both}
  @keyframes swBoxIn{0%{opacity:0;transform:translateY(14px) scale(.965)}100%{opacity:1;transform:none}}
  #modalSiteWait #swBadge{animation:swItemUp .5s ease .05s both}
  #modalSiteWait #swT{animation:swItemUp .5s ease .14s both}
  #modalSiteWait #swSub{animation:swItemUp .5s ease .2s both}
  @keyframes swItemUp{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
  #swDone:not([hidden]){animation:swDoneIn .42s cubic-bezier(.2,.9,.3,1) both}
  @keyframes swDoneIn{0%{opacity:0;transform:translateY(10px) scale(.98)}100%{opacity:1;transform:none}}
  .sw-illus{display:flex;justify-content:center;margin:4px 0 14px;animation:swItemUp .5s ease .04s both}
  .sw-illus svg{width:130px;height:auto}
  .sw-illus .sw-win{filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}
  .sw-illus .sw-scan{animation:swScan 3.4s cubic-bezier(.45,0,.55,1) infinite}
  @keyframes swScan{
    0%{transform:translateY(0);opacity:0}
    7%{transform:translateY(1px);opacity:1}
    44%{transform:translateY(24px);opacity:1}
    54%{transform:translateY(24px);opacity:0}
    100%{transform:translateY(0);opacity:0}
  }
  /* la hoja analizada sale hacia delante y la siguiente entra desde el fondo (mismo eje que la pila) */
  .sw-illus .sw-hoja{animation:swHoja 3.4s cubic-bezier(.5,0,.25,1) infinite;transform-origin:54px 42px}
  @keyframes swHoja{
    0%,52%{transform:translate(0,0) scale(1);opacity:1}
    68%{transform:translate(-15px,9px) scale(1.05);opacity:0}
    69%{transform:translate(12px,-7px) scale(.93);opacity:0}
    86%,100%{transform:translate(0,0) scale(1);opacity:1}
  }
  /* y la cola avanza un puesto en ese mismo instante: siempre queda otra pagina detras */
  .sw-illus .sw-cola{animation:swCola 3.4s cubic-bezier(.5,0,.25,1) infinite}
  .sw-illus .sw-cola1{animation-delay:-.05s}
  @keyframes swCola{
    0%,54%{transform:translate(0,0);opacity:1}
    69%{transform:translate(-9px,5px);opacity:1}
    70%{transform:translate(9px,-5px);opacity:0}
    88%,100%{transform:translate(0,0);opacity:1}
  }
  .acct-field-lbl .fld-ic{width:13px;height:13px;flex:none;opacity:.75}
  #modalSiteWait .co-inp{transition:border-color .16s ease,box-shadow .16s ease}
  #modalSiteWait .co-inp:focus{outline:none;border-color:var(--a2);box-shadow:0 0 0 3px rgba(188,212,122,.22)}
  #modalSiteWait .btn-primary{transition:transform .16s ease,box-shadow .16s ease,background-position .45s ease;background-size:185% 185%;background-position:0% 50%}
  #modalSiteWait .btn-primary:hover{transform:translateY(-2px);background-position:100% 50%;box-shadow:0 16px 34px -10px rgba(126,178,106,.6)}
  @media(prefers-reduced-motion:reduce){#modalSiteWait.open .modal,#modalSiteWait #swBadge,#modalSiteWait #swT,#modalSiteWait #swSub,#swDone:not([hidden]),.sw-illus,.sw-illus .sw-scan,.sw-illus .sw-hoja,.sw-illus .sw-cola{animation:none}}
  .sw-persp{margin-top:20px;border-top:1px solid var(--hairline);padding-top:16px}
  .sw-persp-q{font-size:.92rem;font-weight:700;color:var(--ink);margin:0 0 11px}
  .sw-opt-tag{font-size:.75rem;font-weight:600;color:var(--ink-soft)}
  .sw-persp-opts{display:flex;flex-direction:column;gap:8px}
  .sw-persp-opt{text-align:left;font-family:var(--font);font-size:.9rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:10px;padding:11px 14px;cursor:pointer;transition:border-color .15s,background .15s}
  .sw-persp-opt:hover{border-color:var(--deep)}
  .sw-persp-opt.sel{border-color:var(--deep);background:var(--mej-bg);box-shadow:0 0 0 1px var(--deep) inset}
  .soc-shot b{font-family:var(--font-head);font-size:1.02rem}
  .soc-shot span{font-size:.73rem;opacity:.85}
  .soc-linkcard{display:block;border:1px solid var(--hairline);border-radius:12px;overflow:hidden;background:var(--field);text-decoration:none}
  .soc-linkcard-meta{padding:8px 12px;text-align:left}
  .soc-linkcard-meta b{display:block;font-size:.84rem;color:var(--ink);line-height:1.3}
  .soc-linkcard-meta span{font-size:.72rem;color:var(--ink-soft)}
  /* LinkedIn */
  .li-card{border:1px solid var(--hairline);border-radius:14px;background:var(--field);padding:14px 14px 6px;box-shadow:0 12px 34px rgba(0,0,0,.10)}
  .li-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}
  .li-meta{flex:1;text-align:left;line-height:1.25}
  .li-meta b{display:block;font-size:.9rem;color:var(--ink)}
  .li-meta span{font-size:.72rem;color:var(--ink-soft)}
  .li-in{color:#0A66C2;flex:none}.li-in svg{width:22px;height:22px}
  .li-actions{display:flex;justify-content:space-around;gap:4px;border-top:1px solid var(--hairline);margin-top:10px;padding-top:3px}
  .li-actions span{display:inline-flex;align-items:center;gap:6px;padding:7px 6px;font-size:.78rem;font-weight:600;color:var(--ink-soft)}
  .li-actions svg{width:16px;height:16px}
  /* WhatsApp */
  .wa-wrap{background:color-mix(in srgb,#25D366 7%,var(--field));border:1px solid var(--hairline);border-radius:14px;padding:16px;display:flex;justify-content:flex-end}
  .wa-bubble{max-width:92%;background:color-mix(in srgb,#25D366 15%,var(--field));border:1px solid color-mix(in srgb,#25D366 22%,var(--hairline));border-radius:14px 14px 4px 14px;padding:10px 12px 6px;box-shadow:0 3px 12px rgba(0,0,0,.06)}
  .wa-bubble .soc-post-text{margin-bottom:6px}
  .wa-linkcard{margin-top:2px}
  .wa-time{display:block;text-align:right;font-size:.68rem;color:var(--ink-soft);margin-top:4px}
  .wa-tick{color:#34b7f1;font-weight:700}
  /* Instagram */
  .ig-card{border:1px solid var(--hairline);border-radius:14px;background:var(--field);overflow:hidden;box-shadow:0 12px 34px rgba(0,0,0,.10)}
  .ig-top{display:flex;align-items:center;gap:9px;padding:10px 12px}
  .ig-top b{flex:1;text-align:left;font-size:.86rem;color:var(--ink)}
  .ig-top .soc-av{width:30px;height:30px}.ig-top .soc-av svg{width:16px;height:16px}
  .ig-dots{color:var(--ink-soft);font-weight:800;letter-spacing:1px}
  .ig-shot{aspect-ratio:1/1;gap:6px}
  .ig-shot .soc-shot-ic svg{width:58px;height:58px}
  .ig-shot b{font-size:1.2rem}.ig-shot span{font-size:.8rem}
  .ig-actions{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 4px;color:var(--ink)}
  .ig-a-left{display:inline-flex;gap:14px}
  .ig-actions svg{width:23px;height:23px}
  .ig-caption{text-align:left;font-size:.86rem;color:var(--ink);padding:2px 12px 12px;line-height:1.45}
  .ig-caption b{margin-right:5px}
  .adv-outro{font-size:.85rem;color:var(--ink-soft);line-height:1.55;margin:18px 0 0}
  .adv-outro .wk{color:var(--wk);font-weight:700}
  .adv-outro strong{color:var(--ink)}
  .msal{max-width:440px;text-align:center}
  .msal-ic{width:46px;height:46px;margin:2px auto 12px;color:var(--imp);display:inline-flex}
  .msal-ic svg{width:100%;height:100%}
  .msal-txt{color:var(--ink-soft);font-size:.92rem;line-height:1.5;margin:6px 0 20px}
  .msal-acts{display:flex;flex-direction:column;gap:10px;align-items:stretch}
  .msal-acts .btn{width:100%}
  .msal-leave{margin-top:2px;color:var(--ink-soft)}
  .msal-leave:hover{color:var(--crit)}
  /* En bloque y no en flex: como flex, «Por un internet», «útil y seguro» y el
     «.» eran tres piezas con 9 px entre ellas y el punto quedaba suelto. */
  .adv-tagline{display:block;margin:12px 0 2px;font-family:var(--font-head);font-weight:800;font-size:1.02rem;color:var(--ink);text-align:center}
  .adv-tagline strong{color:var(--deep)}
  html[data-theme="dark"] .adv-tagline strong{color:var(--ok)}
  .adv-tagline-ic{display:inline-flex;flex-shrink:0;color:var(--deep);vertical-align:-4px;margin-right:9px}
  .close-free .adv-tagline-ic{display:none}    .adv-tagline-ic svg{width:20px;height:20px}
  .wk-manifesto{max-width:660px;margin:0 auto;padding:52px 22px;text-align:center;border-top:1px solid var(--hairline)}   
  .logo-crop.wk-logo-ic{width:1.5em;height:1.5em}
  .logo-crop.wk-logo-mf{width:42px;height:42px;margin:0 auto 12px}
  .wk-manifesto .adv-outro{text-align:center;margin:0 auto;max-width:600px}
  .wk-manifesto .adv-tagline{justify-content:center;margin-top:16px}
  html[data-theme="dark"] .adv-tagline-ic{color:var(--ok)}
  .adv-areas.adv-areas-rich{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin-top:12px}
  .adv-areas.adv-areas-rich li{display:flex;align-items:flex-start;gap:11px;padding:12px 14px;border:1px solid var(--hairline);border-radius:13px;background:var(--glass-bg-strong);font-weight:400;cursor:default;position:static}
  .adv-areas.adv-areas-rich li:hover{border-color:var(--deep)}
  .adv-areas.adv-areas-rich .aa-ic{flex-shrink:0;margin-top:1px;color:var(--deep)}
  .adv-areas.adv-areas-rich .aa-ic svg{width:19px;height:19px}
  html[data-theme="dark"] .adv-areas.adv-areas-rich .aa-ic{color:var(--ok)}
  .adv-areas.adv-areas-rich .aa-tx{display:flex;flex-direction:column;gap:3px;min-width:0}
  .adv-areas.adv-areas-rich .aa-n{font-family:var(--font-head);font-weight:800;font-size:.92rem;color:var(--ink)}
  .adv-areas.adv-areas-rich .aa-d{font-size:.81rem;color:var(--ink-soft);line-height:1.45}
  .sg-share-sub .tr-link{margin-top:auto;align-self:center;font-size:.78rem;font-weight:700}
  .sg-share-sub .tr-link ~ .sg-cta{margin-top:9px}
  .tr-thread{display:flex;flex-direction:column;gap:12px;margin:6px 0 4px;text-align:left}
  .tr-mail{border:1px solid var(--hairline);border-radius:13px;padding:12px 14px;background:var(--glass-bg)}
  .tr-mail.tr-out{border-left:3px solid var(--deep)}
  .tr-mail.tr-in{border-left:3px solid var(--a2);margin-left:18px;background:var(--glass-bg-strong)}
  .tr-mail-h{display:flex;align-items:center;gap:9px;margin-bottom:6px}
  .tr-av{width:26px;height:26px;border-radius:50%;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-head);font-weight:800;font-size:.8rem;color:#fff;background:var(--deep)}
  .tr-av-in{background:var(--a2);color:var(--deep)}
  .tr-mail-meta{display:flex;flex-direction:column;line-height:1.2}
  .tr-from{font-weight:800;font-size:.86rem;color:var(--ink)}
  .tr-to{font-size:.72rem;color:var(--ink-soft)}
  .tr-subj{font-weight:700;font-size:.82rem;color:var(--ink);margin-bottom:3px}
  .tr-body{font-size:.85rem;color:var(--ink-soft);line-height:1.5}
  .tr-close{display:flex;align-items:flex-start;gap:10px;margin:14px 0 2px;padding:12px 14px;border-radius:13px;background:rgba(142,211,146,.12);border:1px solid var(--mej-bd);font-size:.85rem;color:var(--ink);line-height:1.5}
  .tr-close-ic{display:inline-flex;flex-shrink:0;color:var(--deep)} .tr-close-ic svg{width:22px;height:22px}
  .wkfp-reviews{margin-top:16px;border-top:1px solid var(--hairline);padding-top:14px}
  .wkfp-reviews[hidden]{display:none}
  .wkfp-rev-h{font-size:.8rem;font-weight:800;color:var(--ink);margin-bottom:10px}
  .wkfp-rev-hint{font-weight:500;color:var(--ink-soft)}
  .wkfp-rev{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 0;border-top:1px dashed var(--hairline)}
  .wkfp-rev:first-of-type{border-top:none}
  .wkfp-rev-t{flex:1;min-width:140px;font-size:.85rem;color:var(--ink)}
  .wkfp-rev-date{font-size:.72rem;font-weight:600;color:var(--ink-soft);opacity:.85;white-space:nowrap}
  .wkfp-rev-right{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
  .wkfp-rev-badge{font-family:var(--font);font-weight:800;font-size:.7rem;letter-spacing:.02em;text-transform:uppercase;border:1px solid var(--field-bd);background:var(--field);color:var(--ink-soft);border-radius:999px;padding:.4em .8em;cursor:pointer;transition:filter .15s}
  .wkfp-rev-badge:hover{filter:brightness(1.06)}
  .wkfp-rev-badge.st-sol{color:var(--ink-soft)}
  .wkfp-rev-badge.st-rev{color:#5a86ad;border-color:#5a86ad;background:rgba(90,134,173,.12)}
  .wkfp-rev-badge.st-ok{color:#4E7C3F;border-color:#4E7C3F;background:rgba(142,211,146,.16)}
  .wkfp-rev-badge.st-ev{color:var(--imp-t);border-color:var(--imp);background:var(--imp-bg)}
  .wkfp-rev-badge.st-imp{color:#7c5aad;border-color:#7c5aad;background:rgba(124,90,173,.12)}
  .wkfp-i{position:relative;width:18px;height:18px;border-radius:50%;border:1px solid var(--field-bd);color:var(--ink-soft);font-family:var(--font-head);font-style:italic;font-weight:800;font-size:.78rem;display:inline-flex;align-items:center;justify-content:center;cursor:help;flex-shrink:0}
  .wkfp-tip{position:absolute;bottom:calc(100% + 8px);right:0;width:max-content;max-width:250px;background:var(--glass-bg-strong);border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 12px 32px -12px rgba(0,0,0,.5);padding:9px 12px;font-family:var(--font);font-style:normal;font-weight:500;font-size:.76rem;color:var(--ink);text-align:left;line-height:1.5;opacity:0;pointer-events:none;transition:opacity .15s;z-index:20}
  .wkfp-i:hover .wkfp-tip,.wkfp-i:focus .wkfp-tip{opacity:1}
  .wkfp-impugnar{font-family:var(--font);font-weight:700;font-size:.76rem;color:var(--deep);background:none;border:none;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:0}
  .wkfp-rev-note{font-size:.76rem;color:var(--ink-soft);font-style:italic}
  .imp-form{display:flex;flex-direction:column;gap:11px;margin:6px 0 4px;text-align:left}
  .imp-f{display:flex;flex-direction:column;gap:5px}
  .imp-f>span{font-size:.78rem;font-weight:700;color:var(--ink-soft)}
  .imp-f input,.imp-f textarea,.imp-f select{width:100%;box-sizing:border-box;border:1px solid var(--field-bd);background:var(--field);border-radius:9px;padding:8px 11px;font-family:var(--font);font-size:.88rem;color:var(--ink);resize:vertical}
  .imp-f input[readonly]{opacity:.75;cursor:default}
  .imp-row{display:flex;gap:11px;flex-wrap:wrap}.imp-row .imp-f{flex:1;min-width:150px}
  .co-cvv{display:flex;flex-direction:column;gap:5px;margin:14px 0 4px}
  .co-cvv label{font-size:.78rem;font-weight:700;color:var(--ink-soft)}
  .co-cvv input{width:120px;border:1px solid var(--field-bd);background:var(--field);border-radius:10px;padding:9px 12px;font-family:var(--font-head);font-weight:800;letter-spacing:.18em;font-size:1rem;color:var(--ink)}
  .co-cvv-h{font-size:.74rem;color:var(--ink-soft);opacity:.85}
  .co-splash{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 8px 10px;gap:10px}
  .co-spin{position:relative;width:52px;height:52px;color:var(--deep)}
  .co-spin .co-spin-ring{width:52px;height:52px;animation:coSpin 1s linear infinite}
  .co-spin .co-spin-ring circle{fill:none;stroke:var(--deep);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:90 40;opacity:.9}
  .co-spin .co-spin-check{position:absolute;inset:0;margin:auto;width:30px;height:30px;color:var(--deep);opacity:0;transform:scale(.5);transition:opacity .25s,transform .25s}
  .co-spin.ok .co-spin-ring{animation:none;opacity:0}
  .co-spin.ok .co-spin-check{opacity:1;transform:scale(1)}
  @keyframes coSpin{to{transform:rotate(360deg)}}
  .co-splash-t{font-family:var(--font-head);font-weight:800;font-size:1.15rem;color:var(--ink);margin:4px 0 0}
  .co-splash-s{font-size:.82rem;color:var(--ink-soft);margin:0}
  .co-manos{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 6px 8px;gap:10px}
  .co-manos-ic{display:inline-flex;color:var(--deep)} .co-manos-ic svg{width:38px;height:38px}
  .co-manos-t{font-family:var(--font-head);font-weight:800;font-size:1.3rem;color:var(--ink);margin:2px 0 0}
  .co-manos-p{font-size:.9rem;color:var(--ink-soft);line-height:1.5;margin:0;max-width:400px}
  .co-manos-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:8px}
  .tiles-head{display:flex;align-items:center;gap:16px;margin:20px 0 0}
  .tiles-head .th-line{flex:1;height:1px;background:var(--hairline)}
  .tiles-head .th-t{font-family:var(--font-head);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap}
  .tiles-head + .tiles{margin-top:14px}
  .hz-brief{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:22px 0 0;padding:20px 24px;border-radius:16px;background:var(--mej-bg);border:1px solid rgba(78,124,63,.28);border-left:4px solid var(--deep)}
  .hzb-count{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px;padding:0;text-align:center}
  .hzb-n{font-family:var(--font-head);font-weight:800;font-size:7.2rem;line-height:.9;color:var(--deep)}
  html[data-theme="dark"] .hzb-n{color:var(--ok)}
  .hzb-lbl{font-family:var(--font-head);font-weight:800;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px}
  .hzb-heads{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 15px}
  .hzb-head{font-family:var(--font-head);font-weight:800;font-size:.9rem;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;flex:none;line-height:1}
  .hzb-rule{flex:0 1 96px;min-width:32px;height:0;border-top:1px dashed var(--hairline)}
  .hzb-grid{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;column-gap:16px;row-gap:14px;width:100%}
  .hzb-headline{grid-row:1;grid-column:1/-1;align-self:center;height:0;border-top:1px dashed var(--hairline);z-index:0}
  .hzb-relwrap{grid-row:1;grid-column:3;justify-self:center;align-self:center;width:0;display:flex;justify-content:center;overflow:visible;z-index:2}
  .hzb-rel{flex:none;position:relative;display:inline-block;white-space:nowrap;font-family:var(--font);font-size:.64rem;font-weight:700;letter-spacing:.02em;text-transform:none;color:var(--ink-soft);background:linear-gradient(var(--mej-bg),var(--mej-bg)),linear-gradient(var(--glass-bg),var(--glass-bg)),var(--bg);padding:2px 10px;border-radius:999px}
  .hzb-rel-arr{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;margin-left:4px;color:var(--mej-t);background:linear-gradient(var(--mej-bg),var(--mej-bg)),linear-gradient(var(--glass-bg),var(--glass-bg)),var(--bg);padding:1px 3px;border-radius:5px}
  .hzb-rel-arr svg{width:11px;height:11px;display:block}
  html[data-theme="dark"] .hzb-rel-arr{color:var(--ok)}
  .hzb-grid .hzb-head{grid-row:1;justify-self:center;text-align:center;position:relative;z-index:1;display:inline-flex;align-items:center;background:linear-gradient(var(--mej-bg),var(--mej-bg)),linear-gradient(var(--glass-bg),var(--glass-bg)),var(--bg);padding:0 14px}   
  .hzb-grid .hzb-head-l{grid-column:2} .hzb-grid .hzb-head-r{grid-column:4}
  .hzb-cell{display:flex;align-items:center;justify-content:center;gap:16px}
  .hzb-grid .hzb-cell-l{grid-row:2;grid-column:2} .hzb-grid .hzb-cell-r{grid-row:2;grid-column:4}
  .hzb-grid .hzb-sep{grid-row:2;grid-column:3;justify-self:center;align-self:stretch}
  .hzb-tx{flex:1;min-width:210px}
  .hzb-lead{font-size:1.06rem;line-height:1.42;color:var(--ink);margin:0 0 10px}
  .hzb-lead strong{color:var(--deep)} html[data-theme="dark"] .hzb-lead strong{color:var(--ok)}
  .hzb-mini{display:flex;flex-wrap:wrap;gap:7px}
  .hz-radar{flex:none;width:176px;height:176px;margin-left:auto}
  .hz-radar svg{width:100%;height:100%;display:block;overflow:visible}
  .hzr-grid{fill:none;stroke:var(--hairline)}
  .hzr-axis{stroke:var(--hairline)}
  .hzr-area{fill:rgba(78,124,63,.26);stroke:var(--deep);stroke-width:2;stroke-linejoin:round}
  html[data-theme="dark"] .hzr-area{fill:rgba(142,211,146,.2);stroke:var(--ok)}
  .hzr-dot{fill:var(--deep)}
  html[data-theme="dark"] .hzr-dot{fill:var(--ok)}
  .hzr-lbl{fill:var(--ink-soft);font-family:var(--font);font-size:9px;font-weight:700}
  .hzr-pct{font-family:var(--font);font-size:8px;font-weight:800}
  .hzr-lbl:hover{fill:var(--ink-soft)} html[data-theme="dark"] .hzr-lbl:hover{fill:var(--ink-soft)}
  .hz-brief{flex-direction:column;align-items:stretch;gap:13px}
  .hz-brief-main{display:flex;align-items:stretch;gap:26px;flex-wrap:nowrap;justify-content:center}   
  .hzb-count{align-self:center;flex:none}
  .hzb-col{display:flex;flex-direction:column;justify-content:center;gap:7px;flex:none}
  .hzb-mini-col{flex-direction:column;align-items:stretch;gap:6px}
  .hzb-sep{flex:none;width:1px;align-self:stretch;min-height:92px;background:var(--hairline)}
  .hz-radar{flex:none;margin:0;align-self:center;width:104px;height:104px;position:relative}
  .hzb-tiles .hzb-row-sub .tile{padding:4px 10px}
  .hzb-tiles .hzb-row-sub .ic{width:17px;height:17px}
  .hzb-tiles .hzb-row-sub .ic svg{width:13px;height:13px}
  .hzb-tiles .hzb-row-sub .t{flex-direction:row;align-items:center;gap:5px}
  .hzb-tiles .hzb-row-sub .num{font-size:.82rem}
  .hzb-tiles .hzb-row-sub .lbl{font-size:.66rem}
  .hzb-tiles{display:flex;flex-direction:column;gap:18px;align-self:center;flex:none}
  .hzb-tiles-row{display:flex;gap:13px;justify-content:center;align-items:center}
  .hzb-tiles .tile{display:flex;align-items:center;gap:8px;padding:6px 11px;margin:0;background:var(--field);border:1px solid var(--hairline);border-radius:11px;box-shadow:none}
  .hzb-tiles .ic{width:20px;height:20px;flex:none;display:grid;place-items:center}
  .hzb-tiles .ic svg{width:15px;height:15px}
  .hzb-tiles .t{display:flex;flex-direction:column;gap:0;text-align:left;line-height:1.12}
  .hzb-tiles .num{font-family:var(--font-head);font-weight:800;font-size:.95rem;line-height:1.05;color:var(--ink)}
  .hzb-tiles .lbl{font-size:.7rem;color:var(--ink-soft);font-weight:600;white-space:nowrap}
  .hzb-tiles .tile .ic{color:var(--ink-soft)}
  .hzb-tiles .tile.ok .ic,.hzb-tiles .tile.ok .num{color:#4E7C3F}
  .hzb-tiles .tile.parc .ic,.hzb-tiles .tile.parc .num{color:var(--imp)}
  .hzb-tiles .tile.attn .ic,.hzb-tiles .tile.attn .num{color:var(--crit)}
  .hzb-tiles .tile.nc .ic{color:var(--ink-soft)}
  .hzb-tiles .tile.nc .num{color:var(--ink)}
  .hzr-tip{position:absolute;z-index:60;width:290px;box-sizing:border-box;right:calc(44% + 26px);left:auto;top:50%;transform:translateY(-50%);background:var(--bg);border:1px solid var(--hairline);color:var(--ink);padding:14px 16px 15px;border-radius:14px;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s,visibility .16s;box-shadow:0 18px 42px -12px rgba(0,0,0,.6)}
  .hzr-tip.below{}
  .hzr-tip.on{opacity:1;visibility:visible;pointer-events:auto}
  .hzr-lead{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:59;opacity:0;transition:opacity .16s;overflow:visible}
  .hzr-lead.on{opacity:1}
  .hzr-lead .hzr-lead-p{fill:none;stroke:var(--deep);stroke-width:2.1;stroke-linecap:round}
  .hzr-lead .hzr-lead-dot{fill:var(--deep)}
  html[data-theme="dark"] .hzr-lead .hzr-lead-dot{fill:var(--ok)}
  .hzr-lead .hzr-lead-mk{fill:var(--deep)}
  html[data-theme="dark"] .hzr-lead .hzr-lead-p{stroke:var(--ok)}
  html[data-theme="dark"] .hzr-lead .hzr-lead-mk{fill:var(--ok)}
  .hzr-tip .hzrt-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid var(--hairline)}
  .hzr-tip .hzrt-nm{font-family:var(--font-head);font-weight:800;font-size:.92rem;color:var(--ink);line-height:1.1}
  .hzr-tip .hzrt-h{font-weight:800;font-size:.92rem;font-variant-numeric:tabular-nums}
  .hzr-tip .hzrt-rows{display:grid;grid-template-columns:1fr 1fr;gap:7px 16px;margin-top:3px}
  .hzr-tip .hzrt-row{display:flex;align-items:baseline;gap:7px;font-size:.75rem;font-weight:600;color:var(--ink-soft);white-space:nowrap}
  .hzr-tip .hzrt-row:first-child{grid-column:1 / -1;font-size:.86rem;margin-bottom:2px}
  .hzr-tip .hzrt-row:first-child .hzrt-n{min-width:1.9em}
  .hzr-tip .hzrt-n{font-weight:800;min-width:1.7em;text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
  .hzr-tip .hzrt-row.r-ok .hzrt-n{color:var(--ok)}
  .hzr-tip .hzrt-row.r-attn .hzrt-n{color:var(--crit-t)}
  .hzr-tip .hzrt-row.r-parc .hzrt-n{color:var(--imp-t)}
  .hzr-tip .hzrt-row.r-nc .hzrt-n{color:#9aa6ba}
  .hzr-tip .hzrt-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:12px;padding:7px 10px;border:1px solid var(--hairline);border-radius:8px;background:transparent;color:var(--ink);font-family:var(--font);font-weight:700;font-size:.74rem;line-height:1.15;cursor:pointer;transition:background .12s,border-color .12s}
  .hzr-tip .hzrt-link svg{width:15px;height:15px;flex:none}
  .hzr-tip .hzrt-link:hover{background:color-mix(in srgb,var(--ok) 14%,var(--bg));border-color:var(--ok)}
  .hzr-tip .hzrt-none{margin-top:10px;font-size:.72rem;color:var(--ink-soft);font-style:italic;text-align:center}
  .hzr-big{width:min(64vw,400px);height:min(64vw,400px);margin:4px auto 0;display:block}
  .hzr-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px 16px;margin-top:20px}
  .hzr-leg-it{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--ink)}
  .hzr-leg-dot{width:9px;height:9px;border-radius:3px;flex:none}
  .hzr-leg-n{margin-left:auto;font-weight:800;color:var(--ink-soft)}
  .hzr-pcts{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px 14px;margin:14px 2px 2px}
  .hzr-pcts:empty{display:none}
  .hzr-pct-it{display:inline-flex;align-items:baseline;gap:5px;font-size:.75rem;white-space:nowrap}
  .hzr-pct-nm{color:var(--ink-soft);font-weight:600}
  .hzr-pct-n{font-weight:800}
  @media(max-width:720px){.hz-brief{flex-wrap:wrap}.hzb-sep{display:none}.hz-radar{margin:8px auto 0}}
  @media(max-width:560px){.hz-radar{margin:10px auto 0}}
  .bal-top{display:flex;flex-direction:row-reverse;align-items:stretch;gap:16px;margin-top:20px;position:relative}
  .bal-top .bal-radar{flex:0 0 44%;max-width:44%;width:44%;align-self:stretch;display:flex;flex-direction:column;gap:4px;padding:12px 10px 8px;position:relative;margin:0;border:1px solid rgba(78,124,63,.4);border-radius:16px;background:rgba(78,124,63,.06);box-sizing:border-box}   
  .bal-radar-q{flex:none;text-align:center}
  .bal-top .bal-radar .hz-radar{flex:1;min-height:0;width:100%;margin:0}
  html[data-theme="dark"] .bal-top .bal-radar{border-color:rgba(142,211,146,.32);background:rgba(142,211,146,.05)}
  .bal-verdicts{flex:1 1 auto;display:flex;flex-direction:column;gap:10px;margin:0;min-width:0}
  .bal-verdicts .vb-item{flex:1 1 0;justify-content:flex-start;margin:0;min-height:0}
  .bal-verdicts .vb-item.vb-ok{flex:.7 1 0}   
  .bal-top .bal-verdicts .vb-ok{order:1}
  .bal-top .bal-verdicts .vb-estado{order:2}
  .bal-top .bal-verdicts .vb-hz{order:3}
  .bal-top .bal-verdicts .vb-pri{order:4}
  .plan-resumen{margin:6px 0 20px;padding:18px 18px 16px;border:1px solid var(--hairline);border-radius:16px;background:var(--field)}
  .plan-resumen .pr-head{display:flex;align-items:center;gap:9px;margin-bottom:3px}
  .plan-resumen .pr-head svg{width:20px;height:20px;color:var(--deep)}
  html[data-theme="dark"] .plan-resumen .pr-head svg{color:var(--ok)}
  .plan-resumen .pr-head h3{font-family:var(--font-head);font-weight:800;font-size:1.05rem;margin:0}
  .plan-resumen .pr-sub{color:var(--ink-soft);font-size:.86rem;margin:0 0 14px;line-height:1.4}
  .plan-resumen .pr-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
  .plan-resumen .pr-cell{flex:1 1 88px;min-width:82px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 8px;border:1px solid var(--hairline);border-radius:12px;background:var(--bg)}
  .plan-resumen .pr-n{font-family:var(--font-head);font-weight:800;font-size:1.5rem;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}
  .plan-resumen .pr-l{font-size:.72rem;font-weight:700;color:var(--ink-soft);text-align:center;letter-spacing:.02em}
  .plan-resumen .pr-rev .pr-n{color:var(--imp-t)}
  .plan-resumen .pr-fp .pr-n{color:#8a67cf} html[data-theme="dark"] .plan-resumen .pr-fp .pr-n{color:#b89ce9}
  .plan-resumen .pr-bien .pr-n{color:#4E7C3F} html[data-theme="dark"] .plan-resumen .pr-bien .pr-n{color:#8ED392}
  .plan-resumen .pr-verdict{margin:0;font-size:.92rem;line-height:1.55;color:var(--ink)}
  .plan-resumen .pr-cell{cursor:pointer;transition:border-color .15s,box-shadow .15s}
  .plan-resumen .pr-cell:hover{border-color:var(--ink-soft)}
  .plan-resumen .pr-cell.is-active{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}
  html[data-theme="light"] .plan-resumen .pr-cell.is-active{border-color:var(--deep);box-shadow:inset 0 0 0 1px var(--deep)}
  .gest-dock[data-plan-filter="rev"] #canceladosBlock,.gest-dock[data-plan-filter="rev"] .fp-group,.gest-dock[data-plan-filter="desc"] #aresolverBlock,.gest-dock[data-plan-filter="desc"] .fp-group,.gest-dock[data-plan-filter="fp"] #aresolverBlock,.gest-dock[data-plan-filter="fp"] #canceladosBlock{display:none!important}
  .plan-empty{padding:14px 6px 8px;text-align:center}
  .plan-empty .pe-l1,.plan-empty .pe-l2{margin:0;line-height:1.5}
  .plan-empty .pe-l1{color:var(--ink);font-weight:600;font-size:.98rem}
  .plan-empty .pe-l2{color:var(--ink-soft);font-size:.9rem}
  .vb-item.vb-estado{background:rgba(214,69,80,.1);border-top-color:var(--crit)}
  .vb-bien-link{color:#1a6fd0;text-decoration:underline;text-underline-offset:2px;cursor:pointer;font-weight:700}
  html[data-theme="dark"] .vb-bien-link{color:#5aa2f0}
  .mbien{max-width:768px}   
  .mbien .mbien-sub{color:var(--ink-soft);font-size:.9rem;margin:2px 0 16px;line-height:1.45}
  .mbien .mbien-body{max-height:62vh;overflow:auto}
  .mbien .mbien-body .sev-group{margin:0}
  .mbien .mbien-body .sev-head .sc{margin-left:auto}
  #mbienBody .sev-group>summary{cursor:default}
  #mbienBody .sev-group .grp-chev{display:none}   
  #mbienBody .finding.is-summary>.fnd-title{display:block!important}
  #mbienBody .finding.is-summary>.fnd-body,#mbienBody .finding.is-summary>.fact,#mbienBody .finding.is-summary>.impact,#mbienBody .finding.is-summary>details.tech{display:none!important}
  #mbienBody .finding.is-summary{cursor:pointer;display:flex!important;align-items:center;gap:8px}   
  #mbienBody .finding.is-summary>.head{flex:none}
  #mbienBody .finding.is-summary>.fnd-title{margin:0}
  .vb-deco-estado{width:58px;height:58px;right:12px;color:var(--crit);opacity:.16}
  .vb-deco-estado svg{width:100%;height:100%}
  @media(max-width:720px){.bal-top{flex-direction:column;align-items:stretch}.bal-top .bal-radar{flex-basis:auto;width:100%;max-width:320px;margin:0 auto}.bal-verdicts{width:100%}}
  .hzb-tag{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:700;color:var(--ink);background:var(--field);border:1px solid var(--hairline);border-radius:999px;padding:.34em .82em;cursor:pointer;transition:border-color .15s,background .15s}
  .hzb-tag:hover{border-color:var(--deep)} html[data-theme="dark"] .hzb-tag:hover{border-color:var(--ok)}
  .hzb-tag:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
  .hzb-tag i{width:8px;height:8px;border-radius:50%;flex:none}
  .hzb-tag.ht-c i{background:var(--crit)} .hzb-tag.ht-i i{background:var(--imp)} .hzb-tag.ht-afec i{background:#E0C34A} .hzb-tag.ht-bien i{background:#4E7C3F}
  .hzb-tag .hc-info{width:13px;height:13px;font-size:.55rem;margin-left:4px}
  .hzb-tag .hc-tip{font-weight:500}
  /* La «i» abierta con un toque (ver el script de las píldoras) enseña su
     explicación igual que con el ratón encima. */
  .hc-info.hc-abierto .hc-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  /* En móvil, una «i» que se pueda tocar con el dedo (medía 13px). */
  @media (max-width:760px){
    .hzb-tag .hc-info,.vb-hz .hz-pills .hc-info{width:22px;height:22px;font-size:.72rem;margin-left:auto}
    /* Y pegada al final de la etiqueta (a petición): margin-left:auto la
       empuja a la derecha del todo; para eso las tres etiquetas miden lo
       mismo, el ancho de su columna, y el hueco queda entre texto e «i». */
    .hzb-tag{justify-content:flex-start;gap:6px}
    .hzb-mini .hzb-tag{width:100%;box-sizing:border-box}
    /* LOS GRUPOS DE «LO QUE CONVIENE REVISAR», EN DOS FILAS (a petición).
       En una sola fila la descripción quedaba en una columna de 27px de ancho
       y el recuento se partía («4 / hallazgos»). Arriba icono, título,
       recuento en una línea y flecha; debajo la descripción a todo lo ancho,
       alineada con el título (27px = icono + hueco). */
    /* CABECERA Y PIE DE LA VENTANA CON AIRE (a petición: «muy pegados a sus
       bordes»). Medido a 375px: los botones de ventana llegaban al borde
       derecho de la cabecera (0px) y el texto del pie quedaba a 6-7px de su
       borde de arriba y de abajo. */
    .mon-frame-bar,.brw-topbar{padding-right:10px!important}
    /* Relleno de lado 18px; arriba y abajo 8px (a petición, después de subirlo:
       «reduce la altura del pie»). La línea de arriba («Analizado el…») y la de
       abajo («Reanálisis en…») traían además 6px de margen propio del diseño
       (layout.tsx, @container wkpie), que aquí se quitan: con los dos juntos
       el pie crecía de más. */
    html #wkPie.mon-frame-status{padding:8px 18px!important}
    html #wkPie .mfs-l{margin-top:0!important}
    /* «Analizado el…» fuera del pie (a petición): ahora va arriba de «Muévelo». */
    html #wkPie .mfs-l{display:none!important}
    html #muevelo .mv-fecha{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:.8rem;color:var(--ink-soft)}
    html #muevelo .mv-fecha svg{width:14px;height:14px;flex:none}
    /* LA CABECERA DEL INFORME (a petición): el titular más pequeño y, debajo,
       en una fila, «Compartir» y «Reanálisis en…» (que sale del pie). El
       botón de compartir flotaba en la esquina, encima del titular; aquí vuelve
       al flujo, detrás del título. */
    /* Los dos botones, centrados en su fila (a petición); el titular, que va
       a lo ancho, no se mueve. */
    html .hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px}
    html .hero .hero-main{order:0;flex:1 0 100%;min-width:0}
    html .hero h1{font-size:22px!important;line-height:1.2}
    html .hero .hero-share{order:1;position:static!important;top:auto!important;right:auto!important;margin:0}
    /* DEL MISMO TAMAÑO QUE «COMPARTIR» (Juan, 28/09): su alto, su letra, su
       icono, su relleno y su separación. Antes iba compacto (12px) para caber
       con él en una fila; si no caben, cada uno va en la suya, centrado. */
    /* Con SU tipografía también (Sora, −0,3px de tracking, interlineado normal):
       con la del cuerpo y un alto fijo se veía más pequeño aun midiendo lo
       mismo. El borde va por dentro (box-shadow) para no comerse alto. */
    html .hero .hero-rean{order:2;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:auto;padding:7px 12px;box-sizing:border-box;
      border-radius:999px;border:0;box-shadow:inset 0 0 0 1px var(--hairline);background:var(--field);color:var(--ink);
      font-family:var(--font-head);font-size:15.04px;font-weight:600;line-height:normal;letter-spacing:-.3px;cursor:pointer;white-space:nowrap;min-width:0}
    html .hero .hero-share{padding-left:12px;padding-right:12px}
    html .hero .hero-rean:disabled{cursor:default;opacity:.75}
    html .hero .hero-rean svg{width:18px;height:18px;flex:none}
    /* «ANALIZAR DE NUEVO» Y «COMPARTIR», EN LA MISMA FILA (Juan, 29/09). La
       fecha y su botón viven dentro de la cabecera y «Compartir» fuera, así que
       cada uno caía en su fila. Aquí la cabecera es una rejilla y sus cajas
       intermedias se disuelven (display:contents): el texto va a lo ancho, los
       dos botones centrados en una fila y «disponible en…» debajo del de
       analizar. Filas fijas, porque «Compartir» va el primero en el HTML. */
    html .hero{display:grid!important;grid-template-columns:1fr auto auto 1fr;gap:8px;justify-content:stretch}
    html .hero .hero-main,html .hero .hero-top,html .hero .informe-fecha{display:contents!important}
    html .hero h1,html .hero .informe-ruta,html .hero .informe-fecha-tx,html .hero .informe-rean-motivo,html .hero .hero-scan{grid-column:1/-1;min-width:0}
    html .hero h1{grid-row:1}
    html .hero .informe-ruta{grid-row:2}
    html .hero .informe-fecha-tx{grid-row:3;font-size:13px;line-height:1.45;color:var(--ink-soft)}
    html .hero .informe-rean{grid-row:4;grid-column:2;justify-self:end;align-self:center;min-height:32px;box-sizing:border-box}
    /* DEL MISMO TAMAÑO QUE «COMPARTIR» (Juan, 29/09): su letra, su icono, su
       hueco y su relleno. El ancho sigue a cada texto: iguales de ancho no caben
       juntos en un móvil (medido: 2 × 174 px en 327). */
    html .hero .informe-rean{font-family:var(--font-head);font-size:14.4px;font-weight:600;letter-spacing:-.3px;line-height:normal;gap:8px;padding:0 12px;height:32px;white-space:nowrap}
    html .hero .informe-rean svg{width:18px;height:18px}
    /* Si ni así caben en una fila (móviles muy estrechos), uno debajo del otro,
       centrados, y «disponible en…» bajo el suyo. */
    @media (max-width:359px){
      html body .hero .informe-rean{grid-column:1/-1;justify-self:center}
      html body .hero .informe-rean-ayuda{grid-column:1/-1}
      html body .hero .hero-share{grid-row:6;grid-column:1/-1;justify-self:center}
      html body .hero .informe-rean-motivo{grid-row:7}
      html body .hero .hero-scan{grid-row:8}
    }
    html .hero .hero-share{grid-row:4;grid-column:3;justify-self:start;align-self:center}
    html .hero .informe-rean-ayuda{grid-row:5;grid-column:2;justify-self:center;white-space:nowrap;font-size:12px;color:var(--ink-soft);margin-top:-2px}
    html .hero .informe-rean-motivo{grid-row:6;text-align:center;font-size:13px}
    html .hero .hero-scan{grid-row:7}
    /* Sin botón de analizar (informe compartido): «Compartir» solo, centrado. */
    html .hero:not(:has(.informe-rean)) .hero-share{grid-column:1/-1;justify-self:center}
    /* «PRUEBAS EN BRUTO» EN MÓVIL (Juan, 28/09). El registro medía 695px en una
       caja de 268 y había que arrastrarlo de lado. El modal casi a lo ancho de
       la pantalla, menos relleno, y las líneas largas se parten y siguen debajo
       (sin scroll lateral); la letra, un punto más pequeña. */
    html #modalTech{padding-left:8px!important;padding-right:8px!important;left:0!important;right:0!important;width:100vw!important;max-width:none!important;transform:none!important;box-sizing:border-box}
    html #modalTech .modal{width:100%!important;max-width:none!important;padding:18px 12px!important;box-sizing:border-box}
    html #modalTech .modal-sub{font-size:.85rem;line-height:1.45}
    html #modalTech .tech-bar{justify-content:flex-end}
    html #modalTech .tech-log{white-space:pre-wrap!important;overflow-wrap:anywhere;word-break:break-word;overflow-x:hidden!important;
      font-size:10.5px!important;line-height:1.5;padding:12px 10px!important;tab-size:2}
    /* La vista previa a pantalla completa de la web: «Esc para cerrar» no
       tiene sentido en un móvil (no hay tecla Esc). */
    html #shotFull .shotfull-cap{display:none!important}
    html #wkPie .wk-rean{display:none!important}
    html #wkPie .mfs-r{margin-bottom:0!important}
    /* «Informe · Motor…» centrado (a petición): iba a la derecha, donde
       compartía fila con «Reanálisis», que ahora está arriba. */
    html #wkPie .mfs-r{justify-content:center!important}
    /* «Iniciar sesión» y el modo oscuro, dentro del pie (ver Pie.tsx): los
       flotantes de abajo a la izquierda se ocultan y sus dobles del pie se
       enseñan. El de sesión, fuera con la sesión iniciada. El icono del tema
       es la luna en claro y el sol en oscuro, como el flotante. */
    #wkLoginEntry,.wk-tema.flotante,#wkThemeBtn{display:none!important}
    html #wkPie .mfs-movil{display:inline-flex}
    /* Hueco de 10px entre las barras pegadas y el borde de la pantalla (a
       petición), el mismo MARGEN que usa casco.ts en móvil. Con las esquinas
       redondeadas de vuelta, que con hueco vuelven a verse. */
    html body .brw-topbar{top:10px;border-top:1px solid var(--brw-edge);border-radius:10px 10px 0 0}
    /* Y ese hueco de arriba, tapado (a petición: «el contenido se ve más arriba
       de la cabecera»). Franja del color del fondo, de lado a lado de la
       pantalla (no del ancho de la barra: así no se lee como un bloque suelto)
       y hasta pasadas las esquinas redondeadas de la barra.
       Es un pseudo de .wrap y NO de la barra: dentro de la barra, con z −1,
       quedaba por encima de su fondo y la tapaba a medias. Aquí vive en el
       apilado de .wrap (isolation), así que tapa el contenido y queda por
       debajo de la barra, que va fuera con z 9002. Solo con la barra pegada. */
    html.brw-pegada .wrap::before{content:"";position:fixed;z-index:9001;pointer-events:none;
      left:0;right:0;top:0;height:24px;background:var(--bg)}
    /* Y la de abajo, con el pie fijo (ver su script): tapa los 10px bajo el pie
       y sus esquinas, por detrás de él (el pie va a 9002). */
    html.brw-win .brw-franja-abajo{display:block;position:fixed;z-index:9001;pointer-events:none;
      left:0;right:0;bottom:0;height:24px;background:var(--bg)}
    /* SURI, ENCIMA DEL PIE (a petición): a 14px del borde tapaba el pie fijo.
       --brw-bottom es lo que ocupa el pie desde abajo (margen + alto; lo
       publica casco.ts y vale 0 cuando el pie se aparca), así que Suri sube lo
       justo y vuelve a su sitio al final de la ventana. */
    html.brw-win .su{bottom:calc(var(--brw-bottom,80px) + 8px)!important;transition:bottom .2s ease}
    /* EL FILTRO DE «LO QUE CONVIENE REVISAR» (a petición). El botón decía
       «Filtrar por especialidad» en dos líneas y el estado de la izquierda
       («Todas las especialidades») se cortaba con puntos suspensivos. Aquí el
       botón se queda en icono + «Filtrar» —el texto largo sigue en el DOM, así
       que el lector de pantalla lo lee entero; solo se esconde a la vista con
       font-size 0— y el estado tiene sitio para verse completo. */
    /* Alto y relleno en px: los del diseño iban en em y, con font-size 0, el
       botón se quedaba en 19px, poco para un dedo. */
    html #sufFamBtn{font-size:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex:none;
      height:34px;padding:0 14px!important;box-sizing:border-box}
    html #sufFamBtn::before{content:"";width:14px;height:14px;flex:none;background:currentColor;
      -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18l-7 8.5V19l-4 2v-7.5z'/%3E%3C/svg%3E") center/contain no-repeat;
      mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5h18l-7 8.5V19l-4 2v-7.5z'/%3E%3C/svg%3E") center/contain no-repeat}
    html #sufFamBtn::after{content:"Filtrar";font-size:13px}
    /* Dentro de los grupos (Bloquean/Limitan/Afectan): tres sangrías anidadas
       dejaban el hallazgo en ~190 px y el título en 7 px. Menos sangría y la
       cabecera del hallazgo en dos filas: título arriba, etiquetas y acciones
       debajo. */
    html #listSev .grp-body{padding-left:0!important;padding-right:0!important}
    html #listSev .finding{padding:14px 12px!important}
    html #listSev .finding .head{flex-wrap:wrap!important;row-gap:8px;height:auto!important}
    html #listSev .finding .fnd-title{order:-1;flex:1 1 100%!important;width:100%;min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
    html #listSev .finding .fnd-readmanage{margin-left:auto}
    html #listSev .finding .fam-tip{max-width:calc(100vw - 64px);left:0!important;right:auto!important}
    html #listSev .finding *{max-width:100%}
    /* En móvil no hay hover: la tarjeta se ve SIEMPRE como en escritorio al
       pasar el ratón (fondo, borde izquierdo sólido del color del grupo) y con
       «A tu selección», «Tengo dudas» y «Ver más» a la vista y con nombre. */
    html #listSev .hz-list .finding.is-summary{background:var(--field)!important;border-top-color:var(--hairline)!important;border-right-color:var(--hairline)!important;border-left-style:solid!important;border-left-width:3px!important;margin-left:0!important;margin-top:6px!important;border-radius:10px!important}
    html #listSev .hz-list .finding.is-summary>.head>.fnd-title{font-weight:700}
    html #listSev .hz-list .finding .fnd-readmanage .frm-actions{opacity:1!important;pointer-events:auto!important;flex-wrap:wrap;row-gap:6px}
    html #listSev .hz-list .finding .fnd-readmanage .frm-text{display:none!important}
    html #listSev .hz-list .finding .fnd-readmanage{margin-left:0;width:100%}
    html #listSev .hz-list .finding .frm-act{width:auto!important;padding:0 8px!important;gap:5px}
    html #listSev .hz-list .finding .frm-sep{display:none!important}
    /* «TU SELECCIÓN» EN MÓVIL (Juan, 28/09): las tarjetas como las del listado.
       El dock las fija a 44px de alto (salvo .expanded) y en móvil su contenido
       ocupa unos 114 —título arriba, acciones debajo—, así que salían
       recortadas; y tres sangrías anidadas las dejaban en 226px. */
    html .gest-dock .plan-wrap,html .sel-sec-body .plan-wrap{margin-left:0!important;margin-right:0!important;padding-left:8px!important;padding-right:8px!important}
    html .gest-dock .manos-list{padding-left:0!important;padding-right:0!important}
    /* El alto, SIN !important: una regla importante le gana a la animación de
       abrir/cerrar (components/pliegue.ts) y el cambio salía de golpe. Basta
       con ser más específica que #gestDock .finding:not(.expanded){height:44px}. */
    html #gestDock .finding:not(.expanded),html .gest-dock .finding{height:auto;max-height:none;overflow:visible}
    html .gest-dock .finding{margin-left:0!important;padding:14px 12px!important;box-sizing:border-box;position:relative}
    html .gest-dock .finding.is-summary{background:var(--field)!important;border-top-color:var(--hairline)!important;border-right-color:var(--hairline)!important;
      border-left-style:solid!important;border-left-width:3px!important;border-radius:10px!important;margin-top:6px!important}
    html .gest-dock .finding:not(.is-summary){border-radius:10px!important;border-left-style:solid!important;border-left-width:3px!important}
    html .gest-dock .finding .head{flex-wrap:wrap!important;row-gap:8px;height:auto!important}
    html .gest-dock .finding .fnd-title{order:-1;flex:1 1 100%!important;width:100%;min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
    html .gest-dock .finding .fnd-readmanage,html .gest-dock .finding .frm-actions{justify-content:center!important;width:100%;margin-left:0}
    html .gest-dock .finding .fnd-readmanage .frm-actions{opacity:1!important;pointer-events:auto!important;flex-wrap:wrap;row-gap:6px}
    html .gest-dock .finding .fnd-readmanage .frm-text,html .gest-dock .finding .frm-sep{display:none!important}
    html .gest-dock .finding .frm-act{width:auto!important;padding:0 8px!important;gap:5px}
    html .gest-dock .finding .frm-act .frm-act-t{max-width:none!important;opacity:1!important;margin-left:0!important;display:inline!important;font-size:12px;white-space:nowrap}
    html .gest-dock .finding .fam-tip{left:8px!important;right:8px!important;width:auto!important;max-width:none!important}
    html .gest-dock .fam-lbl .fam-acts{display:none!important}
    html #listSev .hz-list .finding .fnd-readmanage,html #listSev .hz-list .finding .frm-actions{justify-content:center!important;width:100%}
    /* El nombre de la especialidad: el mismo aire poco y fijo encima de
       todas (tras una tarjeta abierta o la primera del grupo sumaba más). */
    html #listSev .grp-body .fam-lbl{margin:12px 0 6px!important}
    /* «Mueve todo a tu selección» solo aparece con el ratón encima: en móvil
       nunca se veía pero bajaba a otra fila invisible bajo el nombre (y según
       lo largo que fuera el nombre, a unas sí y a otras no). */
    html #listSev .hz-list .fam-lbl .fam-acts{display:none!important}
    html #listSev .grp-body .fam-lbl:first-child,html #listSev .grp-body>:first-child .fam-lbl:first-child{margin-top:4px!important}
    html #listSev .hz-list .finding{margin-top:6px!important;margin-bottom:0!important}
    /* «Creo que es un falso positivo»: iba clavado abajo a la derecha, pisando
       la evidencia. En su fila, centrado y con aire. */
    html #listSev .finding .fnd-fp-foot{display:none!important}
    html #listSev .finding>details.tech[open]+.fnd-fp-foot{display:flex!important}
    html #listSev .finding .fnd-fp-foot{position:static!important;justify-content:center;width:max-content;max-width:100%;margin:14px auto 4px!important;left:auto!important;right:auto!important;grid-column:1/-1!important;grid-row:99!important;order:99}
    html #listSev .finding.fp-foot-on:not(.is-summary),html #listSev .finding:not(.is-summary){padding-bottom:14px!important}
    /* La cabecera de cada grupo (Bloquean, Limitan…) no se queda pegada
       arriba al bajar: en móvil se come media pantalla. */
    html #listSev .sev-group>summary,html #importante .sev-urlfilter{position:static!important}
    /* CON SESIÓN, LA BARRA LATERAL ES UN MENÚ DE ARRIBA (Juan, 25/09): en
       375 px la lateral se comía el ancho. Una fila de iconos fija arriba y,
       colgando de ella, la «lengua» (#wsbLengua, ver su script) que la esconde.
       --wk-menu-alto es lo que ocupa: lo leen el cuerpo, la franja y la
       cabecera pegada de la ventana (casco.ts), que baja lo justo. */
    html.wk-auth.has-wsb{--wk-menu-alto:52px;--wsb-w:0px!important;--wsb-wc:0px!important}
    html.wk-auth.has-wsb.wsb-menu-oculto{--wk-menu-alto:0px}
    html.wk-auth.has-wsb body{padding-left:0!important;padding-top:var(--wk-menu-alto)!important;transition:padding-top .22s ease}
    html.wk-auth .wsb,html.wk-auth .wsb.collapsed:not(.peek),html.wk-auth .wsb.collapsed.peek{
      top:0!important;left:0!important;right:0!important;bottom:auto!important;width:auto!important;height:52px!important;
      flex-direction:row!important;align-items:center;gap:2px;padding:6px 8px!important;box-sizing:border-box;
      border-right:0!important;border-bottom:1px solid var(--hairline);box-shadow:none!important;
      overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;z-index:9100!important;
      transform:none;transition:transform .22s ease}
    /* El menú de la cuenta salía hacia un lado (se salía de la pantalla): baja
       bajo el menú, a la derecha. Fijo, y por eso el menú va sin transform
       mientras se ve (con él, lo fijo quedaría recortado dentro). */
    html.wk-auth .wsb .acct-menu{position:fixed!important;top:calc(var(--wk-menu-alto) + 6px)!important;right:8px!important;
      left:auto!important;bottom:auto!important;width:min(300px,calc(100vw - 16px))!important;max-height:calc(100vh - 80px);overflow:auto;transform:none!important}
    html.wk-auth .wsb::-webkit-scrollbar{display:none}
    /* El desplazamiento que el diseño calcula con la lateral (--wrap-dx): con
       el menú arriba no hay nada que esquivar. */
    html.wk-auth.has-wsb .wrap{left:0!important}
    html.wk-auth.wsb-menu-oculto .wsb{transform:translateY(-100%)!important}
    html.wk-auth .wsb>*{flex:none;margin:0!important}
    html.wk-auth .wsb .wsb-top{padding:0!important;margin-right:4px!important}
    html.wk-auth .wsb .wsb-sec{flex-direction:row!important;align-items:center;gap:2px;padding:0!important;border:0!important}
    html.wk-auth .wsb .wsb-spacer{flex:1 1 auto!important;min-width:6px;height:auto!important}
    /* La fila: ☰ · Inicio · … logo completo en el centro … · tema · cuenta.
       La lista de informes (las secciones) no va en la fila: la despliegan
       las tres rayas. */
    html.wk-auth .wsb .wsb-hamb{display:flex;order:-2;align-items:center;justify-content:center;width:40px;height:40px;padding:0;
      border:0;border-radius:10px;background:none;color:var(--ink);cursor:pointer}
    html.wk-auth .wsb .wsb-hamb svg{width:22px;height:22px}
    html.wk-auth .wsb #wkHomeLink{order:-1}
    html.wk-auth .wsb .wsb-top{position:absolute!important;top:6px;left:50%;transform:translateX(-50%);height:40px;align-items:center}
    html.wk-auth .wsb .wsb-logo-mark{display:none!important}
    html.wk-auth .wsb .wsb-logo-full{display:flex;align-items:center}
    html.wk-auth .wsb .wsb-logo{width:auto!important;height:40px!important}
    html.wk-auth:not(.wsb-lista-abierta) .wsb .wsb-sec:not(.wsb-bottom){display:none!important}
    html.wk-auth .wsb #wsbToggle,html.wk-auth .wsb #wkHomeLink span,html.wk-auth .wsb .wk-tema span,html.wk-auth .wsb .acct-email,
    html.wk-auth .wsb .acct-btn>svg{display:none!important}
    html.wk-auth .wsb #wkHomeLink,html.wk-auth .wsb .wk-tema.in-bar,html.wk-auth .wsb .acct-btn{
      width:40px!important;height:40px!important;padding:0!important;justify-content:center!important;gap:0!important}
    /* Desplegada: el menú crece hacia abajo y, bajo la fila, la lista en
       vertical con los nombres (lo que la barra plegada escondía). */
    html.wk-auth.wsb-lista-abierta .wsb,html.wk-auth.wsb-lista-abierta .wsb.collapsed:not(.peek),html.wk-auth.wsb-lista-abierta .wsb.collapsed.peek{height:auto!important;max-height:calc(100dvh - 16px);flex-wrap:wrap!important;
      align-content:flex-start;overflow-x:hidden!important;overflow-y:auto!important;border-radius:0 0 18px 18px;
      box-shadow:0 22px 50px -18px rgba(0,0,0,.45)!important;padding-bottom:12px!important}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-spacer{height:40px!important}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-sec:not(.wsb-bottom){order:10;flex:1 1 100%!important;display:flex!important;
      flex-direction:column!important;align-items:stretch!important;gap:2px;padding:10px 4px 0!important}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-sec-h{display:flex!important;justify-content:flex-start!important}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-h,html.wk-auth.wsb-lista-abierta .wsb .wsb-sec .wsb-add-dom{width:100%!important;
      justify-content:flex-start!important;gap:10px!important;padding:8px 10px!important}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-nm,html.wk-auth.wsb-lista-abierta .wsb .wsb-add-dom-tx,
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-empty{display:block!important}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-nm{flex:1;min-width:0}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-chev{display:inline-block!important}
    html.wk-auth.wsb-lista-abierta .wsb .open>[class*="-reps"]{display:flex!important}
    html.wk-auth.wsb-lista-abierta .wsb [class*="wsb-"][class$="-nm"]{display:block!important;flex:1;min-width:0;
      overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}
    html.wk-auth.wsb-lista-abierta #wsbLengua{display:none!important}
    /* El punto de estado de cada dominio y sus «⋯» coincidían en el mismo
       sitio (Juan, 28/09): el punto va en la fila, justo antes de los «⋯»,
       y los «⋯» al final, centrados en la fila del dominio. */
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-h{padding-right:40px!important}
    /* Un nombre de dominio largo estiraba toda la sección («Mis dominios»
       medía 568px en una pantalla de 375): cada nivel se queda en el ancho
       del menú y el nombre se corta con «…» (Juan, 28/09). */
    html.wk-auth.wsb-lista-abierta .wsb .wsb-sec,html.wk-auth.wsb-lista-abierta .wsb .wsb-dom,
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-h,html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-reps{min-width:0!important;max-width:100%!important;box-sizing:border-box}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-sec:not(.wsb-bottom){width:100%!important}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-nm{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-dot{position:static!important;flex:none;order:5;margin:0 0 0 auto!important;
      width:8px;height:8px;inset:auto!important}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom-nm{order:4}
    html.wk-auth.wsb-lista-abierta .wsb .wsb-dom>.wsb-mas{display:inline-flex!important;align-items:center;justify-content:center;
      position:absolute!important;top:2px!important;right:4px!important;left:auto!important;bottom:auto!important;width:30px;height:30px;opacity:1!important}
    /* La lengua: pestaña bajo el centro del menú; con el menú escondido se
       queda arriba del todo y la flecha mira hacia abajo. */
    html.wk-auth.has-wsb #wsbLengua{display:flex;align-items:center;justify-content:center;position:fixed;z-index:9100;
      top:var(--wk-menu-alto);left:50%;transform:translateX(-50%);width:64px;height:22px;padding:0;cursor:pointer;
      background:color-mix(in srgb,var(--bg) 95%,#000 5%);color:var(--ink-soft);border:1px solid var(--hairline);border-top:0;
      border-radius:0 0 14px 14px;box-shadow:0 6px 14px -8px rgba(0,0,0,.35);transition:top .22s ease}
    html.wk-auth.has-wsb #wsbLengua svg{width:16px;height:16px;transition:transform .22s ease}
    html.wk-auth.has-wsb.wsb-menu-oculto #wsbLengua svg{transform:rotate(180deg)}
    /* La cabecera pegada de la ventana y su franja bajan lo que ocupa el menú. */
    html.wk-auth.has-wsb body .brw-topbar{top:calc(10px + var(--wk-menu-alto))}
    html.wk-auth.has-wsb.brw-pegada .wrap::before{height:calc(24px + var(--wk-menu-alto))}
    /* «Pruebas superadas» (#modalBien): la cabecera de la tarjeta era más
       ancha que la tarjeta (el título salía por fuera) y la lista se podía
       arrastrar de lado con el dedo. Todo dentro y sin scroll lateral. */
    html #mbienBody{overflow-x:hidden!important;touch-action:pan-y;overscroll-behavior-x:none}
    html #mbienBody .finding{min-width:0;max-width:100%;box-sizing:border-box}
    html #mbienBody .finding>.head{flex:1 1 auto!important;min-width:0;max-width:100%;flex-wrap:wrap}
    html #mbienBody .finding .fnd-title{min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}
    html #mbienBody .finding{position:relative}
    /* Centradas: el grupo traía 25 px a la izquierda y 2 a la derecha, justo
       donde pasa la barra de scroll. El mismo aire a los dos lados. */
    html #mbienBody .grp-body{padding-left:10px!important;padding-right:10px!important}
    html #mbienBody .fam-tip{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;box-sizing:border-box}
    /* «Tengo dudas» (#modalDecide): la fila de botones no cabía (iba sin
       saltos y «Tengo dudas» ya se salía del modal). Arriba las dos acciones,
       a medias; debajo los pulgares y «Falso positivo». */
    html #modalDecide .decide-btns{flex-wrap:wrap!important;row-gap:8px}
    html #modalDecide .decide-btns .btn{flex:1 1 calc(50% - 5px)!important;padding:.52em .6em!important;font-size:.8rem!important}
    /* Compartir: las tarjetas de nivel de acceso, una debajo de otra. */
    html .modal.shx .shx-acc{grid-template-columns:1fr!important;gap:10px}
    /* Abierta, igual de ancha que plegada (tenía 10 px de sangría). */
    html #listSev .hz-list .finding:not(.is-summary){margin-left:0!important;border-radius:10px!important;border-left-style:solid!important;border-left-width:3px!important}
    html .finding .tech-lbl{font-size:0!important}
    html .finding .tech-lbl::after{content:"Evidencia";font-size:13px}
    html #listSev .hz-list .finding .frm-act .frm-act-t{max-width:none!important;opacity:1!important;margin-left:0!important;display:inline!important;font-size:12px;white-space:nowrap}
    html .suf-sec .suf-state{flex:1 1 auto;min-width:0;white-space:normal;overflow:visible;text-overflow:clip}
    html body #wkPie.mon-frame-status{bottom:10px!important;border-bottom:1px solid var(--brw-edge);border-radius:0 0 10px 10px}
    html.wk-auth #wkPie .mfs-login{display:none!important}
    /* LOS CUATRO CON SU NOMBRE, EN UNA LÍNEA Y CENTRADOS (a petición). Por
       debajo de 900px el diseño escondía el texto (`.mfs-btn span`); aquí
       vuelve, más pequeño y con menos relleno, y la fila ocupa todo el ancho
       del pie centrando los botones. Los rótulos de los dos nuevos son cortos
       («Entrar», «Oscuro/Claro») para que quepan a 375px. */
    html #wkPie .mfs-c{flex:1 0 100%;justify-content:center;flex-wrap:nowrap;gap:4px}
    /* Letra y relleno que encogen con la pantalla: a 375px van a 11px, y a
       320 bajan lo justo para seguir en una línea. */
    html #wkPie .mfs-c .mfs-btn{padding:0 clamp(4px,1.8vw,8px);gap:clamp(3px,1vw,4px);font-size:clamp(9.5px,2.9vw,11px);white-space:nowrap}
    html #wkPie .mfs-c .mfs-btn svg{width:12px;height:12px}
    /* Los más estrechos (≤340px): un punto menos, que a 320 cabían pero sin
       margen y se descentraban. */
    @media (max-width:340px){ html #wkPie .mfs-c{gap:2px} html #wkPie .mfs-c .mfs-btn{padding:0 4px;font-size:9px} html #wkPie .mfs-c .mfs-btn svg{width:11px;height:11px} }
    html #wkPie .mfs-c .mfs-btn span{display:inline}
    /* El tema: luna y «Oscuro» en claro, sol y «Claro» en oscuro. Con
       `.mfs-c .mfs-btn` delante, para ganarle a la regla de arriba. */
    html #wkPie .mfs-c .mfs-btn.mfs-tema .mfs-sol,html[data-theme="dark"] #wkPie .mfs-c .mfs-btn.mfs-tema .mfs-luna{display:none}
    html[data-theme="dark"] #wkPie .mfs-c .mfs-btn.mfs-tema .mfs-sol{display:inline}
    #listSev .sev-head{flex-wrap:wrap;row-gap:4px}
    /* Base 0: el título cede sitio y, si hace falta, se parte él —«No
       concluyentes» con su recuento empujaba la flecha a otra fila. */
    #listSev .sev-head .st{order:1;flex:1 1 0;min-width:0}
    #listSev .sev-head .sc{order:2;white-space:nowrap}
    #listSev .sev-head .grp-chev{order:3}
    #listSev .sev-head .st-desc{order:4;flex:1 0 100%;width:auto;padding-left:27px;box-sizing:border-box}
    /* Su explicación, anclada por la derecha a la «i» y abierta hacia dentro:
       centrada se salía ~30px de la pantalla (las píldoras van a la derecha). */
    .hzb-tag .hc-tip,
    .hzb-tag .hc-info:hover .hc-tip,.hzb-tag .hc-info:focus-visible .hc-tip,
    .hzb-tag .hc-info.hc-abierto .hc-tip{left:auto;right:-6px;transform:none}
  }
  .hz-bridge{display:flex;align-items:center;gap:11px;margin:13px 4px 2px;color:var(--ink-soft);font-size:.87rem;line-height:1.4}
  .hz-bridge .hzbr-ic{flex:none;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--field);border:1px solid var(--hairline);color:var(--deep)}
  .hz-bridge .hzbr-ic svg{width:15px;height:15px}
  html[data-theme="dark"] .hz-bridge .hzbr-ic{color:var(--ok)}
  .hz-bridge strong{color:var(--ink)}
  @media(max-width:560px){.hzb-count{border-right:none;border-bottom:1px solid var(--hairline);padding-right:0;padding-bottom:10px;flex-direction:row;gap:10px;min-width:0;width:100%}}
  .hz-plan{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid rgba(78,124,63,.22)}   
  .hzp-h{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-right:2px}
  .hzp-tag{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--ink);background:var(--field);border:1px solid var(--hairline);border-radius:999px;padding:.28em .72em}
  .hzp-tag .hzp-ic{width:13px;height:13px;flex:none;display:inline-flex;color:var(--ink-soft)}   
  .hzp-tag .hzp-ic svg{width:100%;height:100%}
  .hzp-tag.hp-plan{color:#2c5578;border-color:rgba(58,110,165,.34);background:rgba(58,110,165,.1)}
  .hzp-tag.hp-plan .hzp-ic{color:#3A6EA5}
  .hzp-tag.hp-arch{color:var(--ink-soft)}
  .hzp-tag.hp-falso{color:#8a67cf;border-color:rgba(138,103,207,.3)}
  .hzp-tag.hp-falso .hzp-ic{color:#8a67cf}
  html[data-theme="dark"] .hzp-tag.hp-plan{color:#9cc0e2}
  html[data-theme="dark"] .hzp-tag.hp-plan .hzp-ic{color:#9cc0e2}
  html[data-theme="dark"] .hzp-tag.hp-falso{color:#b89ce9}
  html[data-theme="dark"] .hzp-tag.hp-falso .hzp-ic{color:#b89ce9}
  /* pruebas a tercer plano (histórico) en pago */
  html[data-plan="paid"] .tiles-sec .tile{padding:7px 9px;gap:7px}
  html[data-plan="paid"] .tiles-sec .tile .ic{width:23px;height:23px}
  html[data-plan="paid"] .tiles-sec .tile .ic svg{width:13px;height:13px}
  html[data-plan="paid"] .tiles-sec .tile .num{font-size:1.16rem}
  html[data-plan="paid"] .tiles-sec .tile .lbl{font-size:.6rem}
  .tile-delta{display:none;align-items:center;gap:2px;font-size:.66rem;font-weight:800;margin-top:2px;color:var(--ink-soft)}
  html[data-plan="paid"] .tile-delta{display:inline-flex}
  .tile-delta.good{color:var(--deep)} html[data-theme="dark"] .tile-delta.good{color:var(--ok)}
  /* ESTADO solo tiene sentido tras decidir "Sí" (en el plan): ocultar si no está en revisar */
  .finding:not(.managed) .fnd-status{display:none}   
  .fnd-decision.dec-pend{cursor:pointer}
  .manos-head{display:flex;align-items:center;gap:8px}
  .manos-block:not(.manos-fixed) .manos-head{cursor:pointer}
  .manos-chev{flex:none;color:var(--ink-soft);transition:transform .25s}
  .manos-chev svg{width:16px;height:16px;display:block}
  .manos-block.manos-fixed .manos-chev{display:none}
  .manos-block.collapsed .manos-chev{transform:rotate(-90deg)}
  .manos-block.collapsed .manos-list{max-height:0;overflow:hidden;opacity:0}   
  .manos-block.collapsed{margin-top:12px}
  .manos-block.collapsed .manos-head{margin-bottom:0}
  html[data-plan="free"] .manos-block.collapsed{margin-top:22px}
  html[data-plan="free"] .manos-block{margin-bottom:18px}
  .manos-block.collapsed .manos-list{min-height:0}
  .manos-block .manos-list{transition:max-height .32s ease,opacity .24s ease}
  .gest-plan-count{display:inline-flex;align-items:center;font-size:.76rem;font-weight:700;color:var(--ink-soft)}
  .gest-plan-count .gpc-n{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;height:1.7em;padding:0 .4em;margin-right:6px;border-radius:999px;background:var(--field);border:1px solid var(--hairline);color:var(--ink);font-weight:800}
  .plan-reana{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin:18px 0 6px}
  .plan-reana[hidden]{display:none}
  .plan-reana-btn{width:44px;height:44px;min-width:0;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:none}
  .plan-reana-btn svg{width:18px;height:18px}
  .plan-reana-stat{gap:1px}
  .plan-reana-stat .sg-stat-n{font-size:1.5rem}
  .plan-reana-stat .sg-stat-l{font-size:.72rem;max-width:none}
  .fnd-compact .fnd-chip{min-width:108px;justify-content:center}
  .fnd-compact .fnd-chip .fnd-chip-lbl{white-space:nowrap}
  .fnd-decision.dec-pend{position:relative;background:#fff;color:#151515;border:1px solid #000;border-radius:999px;font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.36em .8em;overflow:visible}   
  html[data-plan="paid"] .finding[data-decision="pend"] .fnd-ctrls .fnd-sev{display:none}   
  .fnd-decision.dec-pend .dec-chev{opacity:.85}
  .dec-ic-b,.dec-sub{display:none}
  html[data-plan="free"] .finding:not(.managed){position:relative;display:grid;grid-template-columns:minmax(0,1fr) 78px max-content;grid-template-areas:"head head head" "ttl ttl ttl" "fact arr deci" "impact arr deci" "deep deep deep" "tech tech tech";column-gap:0;align-items:center;row-gap:0}
  .fnd-fp{display:none}
  html[data-plan="free"] .finding.ok .fnd-fp{display:none!important}
  html[data-plan="free"] .finding:not(.managed):not(.fp-flag) .fnd-fp{position:absolute;right:14px;bottom:10px;z-index:3;display:inline-flex;align-items:center;font-family:var(--font);font-size:.72rem;font-weight:700;color:#8a67cf;background:var(--bg);border:1px solid rgba(138,103,207,.42);border-radius:999px;padding:.34em .48em;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,padding .2s}
  html[data-theme="dark"] .fnd-fp{color:#b89ce9;border-color:rgba(184,156,233,.42);background:var(--bg)}
  .fnd-fp svg{width:14px;height:14px;flex:none}
  .fnd-fp:hover{border-color:#8a67cf}
  .fnd-fp .fnf-t{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .28s ease,opacity .18s,margin-left .28s}
  .fnd-fp:hover .fnf-t{max-width:17em;opacity:1;margin-left:4px}
  .fnd-fpmark{display:none}
  /* hallazgo marcado FP: plegado + atenuado, permanece en su grupo */
  html[data-plan="free"] .finding.fp-flag{position:relative;display:block;opacity:.66;border-left-color:rgba(138,103,207,.55)}
  html[data-plan="free"] #gestDock .finding.fp-flag{margin-bottom:8px;padding:12px 16px;cursor:pointer}
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded){background:transparent;border-radius:0;border-top-color:var(--hairline);border-right-color:transparent;border-bottom-color:var(--hairline);border-left-style:dotted;border-left-width:1.5px;margin-top:-1px;margin-bottom:0;padding-top:8px;padding-bottom:8px;transition:background .15s ease,border-color .15s ease}
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded):hover{background:var(--field);border-top-color:var(--hairline);border-right-color:var(--hairline);border-left-style:solid;border-left-width:3px}
  html[data-plan="free"] #gestDock .finding.fp-flag>.fnd-compact{display:flex}
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded)>.head,
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded)>.fact{display:none}
  html[data-plan="free"] #gestDock .finding.fp-flag>.fnd-ctrls{display:none}
  html[data-plan="free"] #gestDock .finding.fp-flag>.fnd-compact>.fnd-status,
  html[data-plan="free"] #gestDock .finding.fp-flag>.fnd-compact>.fnd-sev,
  html[data-plan="free"] #gestDock .finding.fp-flag>.fnd-compact>.fnd-resolve-c,
  html[data-plan="free"] #gestDock .finding.fp-flag>.fnd-compact>.fnd-chip{display:none}
  html[data-plan="free"] #gestDock .finding.fp-flag>.fnd-compact>.fnd-unselect{display:inline-flex}
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded)>.fnd-compact>.fnd-sevdot{display:none!important}
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded) .head .chip,
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded) .fnd-compact .chip.chip-mini{display:none!important}
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded)>.fnd-compact>.fnd-dudas-sel{display:inline-flex;margin-left:auto;opacity:0}
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded):hover>.fnd-compact>.fnd-dudas-sel{opacity:1}
  html[data-plan="free"] #gestDock .finding.fp-flag.expanded>.fnd-compact>.fnd-dudas-sel{display:inline-flex;opacity:1;margin-left:auto}
  html[data-plan="free"] #gestDock .finding.fp-flag:not(.expanded)>.fnd-compact>.frm-sep{display:inline-flex;margin-left:0}
  html[data-plan="free"] #gestDock .finding.fp-flag.expanded>.fnd-compact>.frm-sep{display:inline-flex}
  html[data-plan="free"] #gestDock .finding.managed.expanded,
  html[data-plan="free"] #gestDock .finding.fp-flag.expanded{margin-top:10px!important;margin-bottom:10px!important}
  html[data-plan="free"] .finding.fp-flag>.impact,html[data-plan="free"] .finding.fp-flag>details.tech,html[data-plan="free"] .finding.fp-flag>.fnd-decide3,html[data-plan="free"] .finding.fp-flag>.fnd-arr,html[data-plan="free"] .finding.fp-flag>.fnd-deep,html[data-plan="free"] .finding.fp-flag>.fnd-decision,html[data-plan="free"] .finding.fp-flag>.fnd-fp{display:none!important}
  html[data-plan="free"] .finding.fp-flag>.head{display:flex}
  html[data-plan="free"] .finding.fp-flag>.fnd-title{display:inline;vertical-align:middle;margin:0}
  html[data-plan="free"] .finding.fp-flag>.fnd-fpmark{display:inline-flex;align-items:center;gap:8px;margin:0 0 0 14px;vertical-align:middle}
  html[data-plan="free"] .finding.fp-flag>.fnd-fpmark .fnf-retire{margin-left:14px}
  html[data-plan="free"] .finding.fp-flag>.head .chip{text-decoration:line-through;opacity:.55}
  .fnd-fpmark{font-family:var(--font);font-size:.8rem;font-weight:700;color:#8a67cf}
  html[data-theme="dark"] .fnd-fpmark{color:#b89ce9}
  .fnd-fpmark .fnf-ic{width:17px;height:17px;flex:none;display:inline-flex}
  .fnd-fpmark .fnf-ic svg{width:100%;height:100%}
  .fnd-fpmark .fnf-retire{margin-left:auto;font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--ink-soft);background:transparent;border:1px solid var(--field-bd);border-radius:999px;padding:.32em .82em;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}
  .fnd-fpmark .fnf-retire:hover{color:var(--ink);border-color:var(--ink-soft)}
  /* modal falso-positivo */
  .mfp-salida{margin:14px 0 0;padding:9px 12px;border-radius:9px;font-size:.82rem;line-height:1.45;
    color:var(--ink-soft);background:color-mix(in srgb,var(--ink) 5%,transparent);
    border:1px solid var(--hairline)}
  .mfp-salida b{color:var(--ink);font-weight:800}
  .mfp-fields{display:flex;flex-direction:column;gap:14px;margin-top:14px;text-align:left}
  .mfp-field label{display:block;font-size:.78rem;font-weight:700;color:var(--ink);margin-bottom:5px}
  .mfp-field label .mfp-opt{font-weight:400;color:var(--ink-soft)}
  .mfp-hint{font-size:.72rem;color:var(--ink-soft);margin:5px 0 0;line-height:1.4}
  #modalFalso textarea.co-inp{resize:vertical;min-height:64px}
  #modalFalso .modal-foot{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}
  .mfp-ok{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:8px 0}
  .mfp-ok-ic{width:46px;height:46px;color:#8a67cf} html[data-theme="dark"] .mfp-ok-ic{color:#b89ce9}
  .mfp-ok-ic svg{width:100%;height:100%}
  html[data-plan="free"] .finding:not(.managed)>.fnd-deep{grid-area:deep;justify-self:start;align-self:start}
  html[data-plan="free"] .finding:not(.managed)>.fnd-decision{grid-area:deci;justify-self:end}
  .fnd-decide3{display:none}
  html[data-plan="free"] .finding:not(.managed)[data-decision="pend"]>.fnd-decide3{display:none}
  html[data-plan="free"] .finding:not(.managed):not(.is-summary)>.fnd-arr{display:none}
  html[data-plan="free"] .finding:not(.managed)[data-decision="pend"]>.fnd-decision.dec-pend{display:none}
  .fnd-decide3 .d3{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-family:var(--font);font-weight:650;font-size:.87rem;line-height:1.2;color:var(--ink);background:none;border:none;border-radius:0;padding:10px 2px;cursor:pointer;text-align:right;transition:color .15s}
  .fnd-decide3 .d3 svg{width:28px;height:28px;flex:none;color:var(--ink-soft);transition:color .15s,border-color .15s,background .15s,transform .12s;order:2;border:1px solid var(--hairline);border-radius:8px;padding:5px;box-sizing:border-box}   /* rN: acciones del hallazgo pintadas por categoría (icono en caja, como compactas/onboarding) */
  .fnd-decide3 .d3-problem svg{color:var(--ok);border-color:var(--mej-bd);background:rgba(142,211,146,.11)}
  .fnd-decide3 .d3-ignore svg{background:rgba(255,255,255,.05)}
  .fnd-decide3 .d3-dudas svg{color:var(--imp);border-color:rgba(224,149,74,.45);background:rgba(224,149,74,.11)}   
  .fnd-decide3 .d3-falso .d3f-lbl{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .22s ease,opacity .18s ease}
  .fnd-decide3 .d3-falso:hover .d3f-lbl,.fnd-decide3 .d3-falso:focus-visible .d3f-lbl{max-width:150px;opacity:1}
  .fnd-decide3 .d3-problem:hover,.fnd-decide3 .d3-problem:hover svg{color:var(--ok)}
  .fnd-decide3 .d3-problem:hover svg{background:rgba(142,211,146,.2);border-color:var(--mej)}
  .fnd-decide3 .d3-ignore:hover,.fnd-decide3 .d3-ignore:hover svg{color:var(--ink)}
  .fnd-decide3 .d3-ignore:hover svg{border-color:var(--ink-soft)}   /* Descartar uniforme: como fam-act ignore (borde+icono, sin subir fondo) */
  .fnd-decide3 .d3-dudas:hover,.fnd-decide3 .d3-dudas:hover svg{color:var(--imp)}
  .fnd-decide3 .d3-dudas:hover svg{background:rgba(224,149,74,.2);border-color:var(--imp)}
  .fnd-decide3 .d3:active svg{transform:scale(.86)}
  .fnd-decide3 .d3+.d3{border-top:1px solid var(--hairline)}
  html[data-plan="free"] .finding:not(.managed)>.head{border-bottom:1px solid color-mix(in srgb,var(--hairline) 60%,transparent);padding-bottom:13px;margin-bottom:13px}
  html[data-plan="free"] .finding:not(.managed)>.impact{margin-bottom:13px}
  html[data-plan="free"] .finding:not(.managed)>details.tech{margin-top:0!important;border-top:1px solid color-mix(in srgb,var(--hairline) 60%,transparent)!important;padding-top:3px}
  .fnd-arr{display:none}
  html[data-plan="free"] .finding:not(.managed)[data-decision="pend"]>.fnd-arr{display:flex;align-items:center;justify-content:center;grid-area:arr;align-self:center}
  .fnd-arr svg{width:20px;height:20px;color:var(--ink-soft);transition:color .18s}
  html[data-plan="free"] .finding:not(.managed)[data-decision="pend"]:hover>.fnd-arr svg{color:var(--deep);animation:fndArrPush .9s ease 3}
  html[data-theme="dark"][data-plan="free"] .finding:not(.managed)[data-decision="pend"]:hover>.fnd-arr svg{color:var(--ok)}
  @keyframes fndArrPush{0%{transform:translateX(0)}16%{transform:translateX(6px)}30%{transform:translateX(-2px)}44%{transform:translateX(0)}100%{transform:translateX(0)}}
  @media(prefers-reduced-motion:reduce){html[data-plan="free"] .finding:not(.managed)[data-decision="pend"]:hover>.fnd-arr svg{animation:none}}
  html[data-plan="free"] .finding:not(.managed) details.tech summary .chev{display:inline-flex}
  html[data-plan="free"] .finding:not(.managed) details.tech summary .chev svg{width:13px;height:13px}
  @media(max-width:640px){html[data-plan="free"] .finding:not(.managed)[data-decision="pend"]>.fnd-decide3{width:100%;justify-self:stretch}}
  html[data-plan="free"] .finding:not(.managed)>.head{grid-area:head}
  html[data-plan="free"] .finding:not(.managed)>.fact{grid-area:fact;align-self:end}
  html[data-plan="free"] .finding:not(.managed)>.impact{grid-area:impact;align-self:start}
  html[data-plan="free"] .finding:not(.managed)>.tech{grid-area:tech}
  html[data-plan="free"] .finding:not(.managed)>.fnd-ctrls{display:none}
  html[data-plan="free"] .finding:not(.managed)>.fnd-decision.dec-pend{grid-area:deci;align-self:center;justify-self:end;display:inline-flex;align-items:center;gap:11px;background:var(--imp-bg);border:1px solid var(--imp-bd);border-radius:13px;padding:8px 15px 8px 8px;font-size:.8rem;letter-spacing:normal;text-transform:none}
  html[data-plan="free"] .finding:not(.managed)>.fnd-decision.dec-pend .dec-ic-b{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--imp) 26%,transparent);color:var(--imp-t);flex:none}
  html[data-plan="free"] .finding:not(.managed)>.fnd-decision.dec-pend .dec-ic-b svg{width:21px;height:21px}
  html[data-plan="free"] .finding:not(.managed)>.fnd-decision.dec-pend .dec-labs{display:flex;flex-direction:column;line-height:1.25;text-align:left}
  html[data-plan="free"] .finding:not(.managed)>.fnd-decision.dec-pend .dec-txt{font-weight:600;color:var(--ink);text-transform:none;letter-spacing:normal;font-size:.86rem}
  html[data-plan="free"] .finding:not(.managed)>.fnd-decision.dec-pend .dec-sub{display:block;font-size:.72rem;font-weight:500;color:var(--ink-soft)}
  html[data-plan="free"] .finding:not(.managed)>.fnd-decision.dec-pend .dec-chev{width:15px;height:15px;opacity:.65;color:var(--imp-t);margin-left:2px}
  html[data-plan="free"] .finding.managed .fnd-decision{display:none}
  @media(max-width:640px){html[data-plan="free"] .finding:not(.managed){grid-template-columns:1fr;grid-template-areas:"head" "fact" "impact" "deep" "deci" "tech"}html[data-plan="free"] .finding:not(.managed)>.fnd-decision.dec-pend{justify-self:start;margin-top:10px}}
  html[data-plan="paid"] .finding:hover .fnd-decision.dec-pend .dec-chev{animation:decChevBounce 4s ease-in-out infinite}
  html[data-plan="paid"] .finding:hover .fnd-decision.dec-pend .dec-chev path{animation:decChevWeight 4s ease-in-out infinite}
  @keyframes decChevBounce{0%{transform:translateY(0)}4%{transform:translateY(2px)}8%{transform:translateY(0)}12%{transform:translateY(3.5px)}16%{transform:translateY(0)}20%{transform:translateY(5px)}25%{transform:translateY(0)}29%{transform:translateY(2px)}33%{transform:translateY(0)}37%{transform:translateY(3.5px)}41%{transform:translateY(0)}45%{transform:translateY(5px)}50%{transform:translateY(0)}100%{transform:translateY(0)}}
  @keyframes decChevWeight{0%{stroke-width:2.6}4%{stroke-width:3}8%{stroke-width:2.6}12%{stroke-width:3.4}16%{stroke-width:2.6}20%{stroke-width:3.9}25%{stroke-width:2.6}29%{stroke-width:3}33%{stroke-width:2.6}37%{stroke-width:3.4}41%{stroke-width:2.6}45%{stroke-width:3.9}50%{stroke-width:2.6}100%{stroke-width:2.6}}
  .fnd-decision.dec-pend:hover{background:#151515;color:#fff;border-color:#fff}
  html[data-plan="paid"] .finding:hover .fnd-decision.dec-pend:hover .dec-chev,html[data-plan="paid"] .finding:hover .fnd-decision.dec-pend:hover .dec-chev path{animation-play-state:paused}
  @media(prefers-reduced-motion:reduce){html[data-plan="paid"] .finding:hover .fnd-decision.dec-pend .dec-chev,html[data-plan="paid"] .finding:hover .fnd-decision.dec-pend .dec-chev path{animation:none}}
  .tiles-sec{gap:7px;margin-top:10px}
  .tiles-sec .tile{padding:8px 10px;gap:8px;align-items:flex-start;border-radius:11px}
  .tiles-sec .tile .ic{width:25px;height:25px;border-radius:8px}
  .tiles-sec .tile .ic svg{width:14px;height:14px}
  .tiles-sec .tile .num{font-size:1.3rem}
  .tiles-sec .tile .lbl{font-size:.64rem}
  .hz-bridge + .tiles-head{margin-top:16px}
  .tiles-head + .tiles-sec{margin-top:9px}
  .donut .dl-sevnote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:214px;margin:0;padding:14px 16px;border-radius:16px;background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--glass-border);box-shadow:0 10px 26px -12px rgba(0,0,0,.45);text-align:center;font-size:.78rem;color:var(--ink);line-height:1.45;z-index:4}
  .fnd-fam-ic{display:inline-flex;align-items:center;flex-shrink:0;color:var(--deep);opacity:.9;margin-right:1px}
  .fnd-fam-ic svg{width:16px;height:16px}

  .sg-anon-notice{display:flex;gap:12px;background:var(--field);border:1px solid var(--field-bd);border-radius:14px;padding:14px 16px;margin:12px 0}
  .sg-anon-ic{flex-shrink:0;width:32px;height:32px;border-radius:9px;background:rgba(142,211,146,.16);color:var(--deep);display:inline-flex;align-items:center;justify-content:center}
  html[data-theme="dark"] .sg-anon-ic{color:var(--ok)}
  .sg-anon-ic svg{width:17px;height:17px}
  .sg-anon-txt{min-width:0}
  .sg-anon-txt strong{display:block;font-family:var(--font-head);font-weight:800;font-size:.88rem;color:var(--ink);margin-bottom:5px}
  .sg-anon-txt p{font-size:.82rem;color:var(--ink-soft);line-height:1.45;margin:0 0 6px}
  .sg-anon-txt p:last-child{margin-bottom:0}
  .sg-switch{display:inline-flex;align-items:center;gap:11px;cursor:pointer;font-family:var(--font);font-size:.9rem;font-weight:700;color:var(--ink);margin-top:4px}
  .sg-switch input{position:absolute;opacity:0;width:0;height:0}
  .sg-switch-track{position:relative;width:38px;height:22px;border-radius:999px;background:var(--field-bd);flex-shrink:0;transition:background .2s}
  .sg-switch-track::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.35);transition:transform .2s}
  .sg-switch input:checked+.sg-switch-track{background:var(--deep)}
  .sg-switch input:checked+.sg-switch-track::after{transform:translateX(16px)}
  .sg-switch input:focus-visible+.sg-switch-track{box-shadow:0 0 0 3px rgba(78,124,63,.3)}
  .sg-anon-hist{margin-top:16px;border-top:1px solid var(--hairline);padding-top:14px}
  .sg-anon-note{font-size:.82rem;color:var(--ink-soft);line-height:1.45;margin:0 0 6px}
  .sg-anon-note2{opacity:.85;margin-bottom:12px}
  .sg-anon-hist .rv-sec-lbl{margin-top:4px}
  #anon-email-wrap[hidden]{display:none!important}
  .rv-sec-sub{font-size:.82rem;color:var(--ink-soft);margin:2px 0 12px;line-height:1.4}

  .web-shot{display:block;width:100%;height:100%;aspect-ratio:240/150;background:url("data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==") center top/cover no-repeat;border-radius:inherit}   
  .wk-gate{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);overflow-y:auto;transition:opacity .42s ease}
  .wk-gate::before,.wk-gate::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}
  .wk-gate::before{width:620px;height:620px;top:-260px;right:-160px;background:rgba(142,211,146,.12)}
  .wk-gate::after{width:520px;height:520px;bottom:-240px;left:-180px;background:rgba(236,222,105,.08)}
  html[data-theme="dark"] .wk-gate::before{background:rgba(142,211,146,.14)}
  .wk-gate.is-out{opacity:0;pointer-events:none}
  html:has(.wk-gate:not([hidden])){overflow:hidden}
  .wk-gate-card{position:relative;z-index:1;width:100%;max-width:440px;background:color-mix(in srgb,var(--bg-soft) 80%,var(--bg));border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:38px 36px 30px;box-shadow:0 34px 90px -34px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)}
  .wk-gate-logo{width:64px;height:64px;border-radius:50%;overflow:visible;margin:0 auto 18px;display:block;position:relative;background:var(--grad)}
  .wk-gate-logo img{width:100%;height:100%;display:block;border-radius:50%;transform:scale(1.22)}
  .wk-gate-view[hidden]{display:none}
  .wk-gate-h1{font-family:var(--font-head);font-size:1.5rem;font-weight:700;text-align:center;letter-spacing:-.02em;margin-bottom:22px}
  .wk-gate-lbl{display:block;font-size:.82rem;font-weight:700;color:var(--ink-soft);margin:0 0 7px 2px}
  .wk-gate-field{margin-bottom:15px}
  .wk-gate-in{width:100%;font-family:var(--font);font-size:.98rem;color:var(--ink);background:var(--field);border:1px solid var(--field-bd);border-radius:14px;padding:.9em 1.05em;transition:border-color .18s,box-shadow .18s;outline:none;-webkit-appearance:none}
  .wk-gate-in::placeholder{color:var(--ink-soft);opacity:.6}
  .wk-gate-in:focus{border-color:var(--a2);box-shadow:0 0 0 3px rgba(142,211,146,.18)}
  .wk-gate-pass{position:relative;display:flex;align-items:center}
  .wk-gate-pass .wk-gate-in{padding-right:3em}
  .wk-gate-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;color:var(--ink-soft);cursor:pointer;border-radius:10px}
  .wk-gate-eye:hover{color:var(--ink)} .wk-gate-eye svg{width:20px;height:20px} .wk-gate-eye.is-on{color:var(--wk)}
  .wk-gate-optrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:3px 0 20px;flex-wrap:wrap}
  .wk-gate-check{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;color:var(--ink-soft);cursor:pointer;user-select:none}
  .wk-gate-check input{width:17px;height:17px;accent-color:var(--wk);cursor:pointer}
  .wk-gate-link{background:none;border:none;font-family:var(--font);font-size:.86rem;font-weight:700;color:var(--wk);cursor:pointer;padding:2px}
  .wk-gate-link:hover{text-decoration:underline;text-underline-offset:2px}
  .wk-gate .btn{width:100%}
  .wk-gate-sep{height:1px;background:var(--hairline);margin:22px 0 16px}
  .wk-gate-foot{text-align:center;font-size:.85rem;color:var(--ink-soft);line-height:1.5;margin-bottom:12px}
  .wk-gate-cta-wrap{text-align:center}
  .wk-gate-analyze{display:inline-flex;align-items:center;gap:.4em;margin:0 auto;background:none;border:none;font-family:var(--font-head);font-size:.96rem;font-weight:700;color:var(--wk);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:gap .18s}
  .wk-gate-analyze:hover{gap:.62em} .wk-gate-analyze svg{width:17px;height:17px}
  .wk-gate-back{display:inline-flex;align-items:center;gap:.35em;background:none;border:none;font-family:var(--font);font-size:.85rem;font-weight:600;color:var(--ink-soft);cursor:pointer;margin-bottom:16px;padding:0}
  .wk-gate-back:hover{color:var(--ink)} .wk-gate-back svg{width:16px;height:16px}
  .wk-gate-sub{text-align:center;font-size:.9rem;color:var(--ink-soft);line-height:1.55;margin:-6px 0 22px}
  .wk-gate-done{text-align:center;padding:6px 0}
  .wk-gate-done-ic{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;background:var(--mej-bg);color:var(--mej-t)}
  .wk-gate-done-ic svg{width:26px;height:26px}
  .wk-gate-url{position:relative;display:flex;align-items:center;margin-bottom:18px}
  .wk-gate-url-ic{position:absolute;left:14px;color:var(--ink-soft);display:inline-flex;pointer-events:none}
  .wk-gate-url-ic svg{width:20px;height:20px}
  .wk-gate-url .wk-gate-in{padding-left:2.9em;font-size:1.05rem}
  .wk-gate-logo.is-scanning::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2.5px solid transparent;border-top-color:var(--a3);border-right-color:var(--a2);animation:wkGateSpin .9s linear infinite}
  @keyframes wkGateSpin{to{transform:rotate(360deg)}}
  .wk-gate-phase{text-align:center;font-size:.98rem;font-weight:600;color:var(--ink);min-height:1.5em;margin-bottom:18px;transition:opacity .2s}
  .wk-gate-bar{height:9px;border-radius:999px;background:var(--track);overflow:hidden;margin-bottom:10px}
  .wk-gate-bar-fill{height:100%;width:0;border-radius:999px;background:var(--grad);transition:width .3s ease}
  .wk-gate-pct{text-align:center;font-size:.8rem;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}
  .wk-gate-dom{text-align:center;font-family:var(--font-head);font-weight:700;color:var(--wk);margin-bottom:20px;word-break:break-all}
  @media(max-width:480px){ .wk-gate-card{padding:30px 22px 26px} .wk-gate-h1{font-size:1.32rem} }
  html[data-plan="free"] .breakdown{grid-template-columns:1fr;direction:ltr;gap:26px}
  html[data-plan="free"] .hgrid{grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:16px}
  html[data-plan="free"] .hcard{padding:18px 17px;gap:13px}
  html[data-plan="free"] .hcard-name{white-space:normal}
  html[data-plan="free"] details.charts>summary{display:none}   
  html[data-plan="free"] details.charts>.charts-body{margin-top:2px}
  html[data-plan="free"] .finding.managed>.fnd-compact>.fnd-status,
  html[data-plan="free"] .finding.managed>.fnd-compact>.fnd-sev,
  html[data-plan="free"] .finding.managed>.fnd-compact>.fnd-resolve-c,
  html[data-plan="free"] .finding.managed>.fnd-compact>.fnd-chip{display:none}
  html[data-plan="free"] .finding:not(.managed).is-summary .fnd-resolve{display:none}      
  .fnd-unselect{display:none;flex:none;align-items:center;gap:5px;margin-left:auto;font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--ink);background:transparent;border:1px solid var(--field-bd);border-radius:999px;padding:.34em .82em;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s}   
  .fnd-unselect svg{width:14px;height:14px;flex:none}
  .fnd-unselect:hover{color:var(--ink);border-color:var(--ink-soft)}
  html[data-plan="free"] .finding.managed>.fnd-compact>.fnd-unselect{display:inline-flex}
  .fnd-dudas-sel{display:none;flex:none;align-items:center;justify-content:center;box-sizing:border-box;min-width:30px;height:30px;padding:0 6px;font-family:var(--font);font-size:.72rem;font-weight:700;color:var(--imp);background:transparent;border:1px solid var(--imp-bd);border-radius:9px;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s,opacity .16s}
  .fnd-dudas-sel svg{width:15px;height:15px;flex:none}
  .fnd-dudas-sel .dsel-t{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .25s ease,opacity .18s ease,margin-left .25s ease}
  .fnd-dudas-sel:hover .dsel-t{max-width:10em;opacity:1;margin-left:5px}
  .fnd-dudas-sel:hover{background:rgba(224,149,74,.14);border-color:var(--imp)}
  html[data-plan="free"] .finding.managed:not(.expanded)>.fnd-compact>.fnd-dudas-sel{display:inline-flex;margin-left:auto;opacity:0}
  html[data-plan="free"] .finding.managed:not(.expanded):hover>.fnd-compact>.fnd-dudas-sel{opacity:1}
  html[data-plan="free"] .finding.managed.expanded>.fnd-compact>.fnd-dudas-sel{display:inline-flex;opacity:1;margin-left:auto}
  html[data-plan="free"] .finding.managed.expanded>.fnd-compact>.frm-sep{display:inline-flex}
  html[data-plan="free"] .finding.managed:not(.expanded)>.fnd-compact>.fnd-sevdot{opacity:0;transition:opacity .16s ease}
  html[data-plan="free"] .finding.managed:not(.expanded):hover>.fnd-compact>.fnd-sevdot{opacity:1}
  #gestDock .manos-head h3 .manos-n{font-weight:700;color:var(--ink-soft);opacity:.75;margin-left:3px}
  html[data-plan="paid"] #gestDock .manos-head h3 .manos-n{display:none}
  html[data-plan="free"] #gestDock .manos-count{display:none}
  #gestDock .sel-fam-lbl .fam-lbl-n{flex:none;margin-left:5px;font-weight:700;color:var(--ink-soft);opacity:.7}
  #listSev .hz-list .fam-lbl .fam-lbl-n{flex:none;margin-left:5px;font-weight:700;color:var(--ink-soft);opacity:.7}
  html[data-plan="free"] .finding.managed:not(.expanded)>.fnd-compact>.frm-sep{display:inline-flex;margin-left:0}
  html[data-plan="free"] .finding.managed:not(.expanded)>.fnd-compact>.fnd-unselect{margin-left:0}
  html[data-plan="free"] .finding.managed .head .fnd-decision{display:none}
  .fnd-sevdot{display:none;width:9px;height:9px;border-radius:50%;flex:none}
  .fnd-sevdot.crit{background:var(--crit)} .fnd-sevdot.imp{background:var(--imp)} .fnd-sevdot.mej{background:#4E7C3F}
  html[data-plan="free"] .finding.managed:not(.expanded)>.fnd-compact>.fnd-sevdot{display:inline-block}
  .fnd-unselect .fnu-t{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .25s ease,opacity .18s,margin-left .25s}
  .fnd-unselect:hover .fnu-t,
  html[data-plan="free"] .finding.managed.expanded .fnd-unselect .fnu-t{max-width:16em;opacity:1;margin-left:5px}
  html[data-plan="free"] .finding.managed:not(.expanded) .fnd-unselect:not(:hover){padding-left:.42em;padding-right:.42em}
  html[data-plan="free"] .finding.managed.expanded>.head{margin-top:6px}
  html[data-plan="free"] .finding.managed.expanded{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px}
  html[data-plan="free"] .finding.managed.expanded>.fnd-compact{display:contents}
  html[data-plan="free"] .finding.managed.expanded>.fnd-compact>.fnd-drag{order:1}
  html[data-plan="free"] .finding.managed.expanded>.head{order:2;display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;margin:0}
  html[data-plan="free"] .finding.managed.expanded>.head>.fam{order:1;margin:0}
  html[data-plan="free"] .finding.managed.expanded>.head>.fam-spec{order:2;margin:0}
  html[data-plan="free"] .finding.managed.expanded>.head>.chip{order:3;margin-left:auto}
  html[data-plan="free"] .finding.managed.expanded>.fnd-compact>.fnd-unselect{order:3;margin-left:0}
  html[data-plan="free"] .finding.managed.expanded>.fnd-compact>.fnd-compact-chev{order:4}
  html[data-plan="free"] .finding.managed.expanded>.fact{order:5;flex:0 0 100%;margin-top:12px}   
  html[data-plan="free"] .finding.managed.expanded>.impact{order:6;flex:0 0 100%}
  html[data-plan="free"] .finding.managed.expanded>details.tech{order:7;flex:0 0 100%}
  @media(max-width:520px){ html[data-plan="free"] .hgrid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))} }
  #modalShareNew .modal.shx{max-width:740px}
  .modal.shx .shx-gear{position:absolute;top:14px;right:56px;width:34px;height:34px;border-radius:50%;border:1px solid var(--hairline);background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,border-color .15s}
  .modal.shx .shx-gear:hover{color:var(--ink);border-color:var(--ink-soft)}
  .modal.shx .shx-gear svg{width:17px;height:17px}
  .modal.shx .shx-gear[aria-expanded="true"]{color:var(--ok);border-color:var(--ok)}
  .modal.shx h3.modal-t{padding-right:100px}
  .shx-own{margin-top:6px}
  .shx-own-acts{gap:10px;align-items:center;flex-wrap:wrap}
  .shx-own-acts .shx-own-close{margin-right:auto;font-size:.9rem;padding:4px 2px}
  .modal .shx-back{position:absolute;top:14px;left:16px;width:30px;height:30px;border-radius:50%;border:1px solid var(--hairline);background:transparent;color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s,border-color .15s}
  .modal .shx-back:hover{color:var(--ink);border-color:var(--ink-soft)}
  .modal .shx-back svg{width:17px;height:17px}
  .modal.shx-back-on h3.modal-t{padding-left:42px}
  .shx-own-acts .btn{display:inline-flex;align-items:center;gap:8px}
  .shx-empty{font-size:.85rem;color:var(--ink-soft);margin:0;line-height:1.5}
  .shx-done-msg{display:flex;align-items:center;gap:9px;font-size:1rem;font-weight:700;color:var(--ink);margin:0 0 16px}
  .shx-done-msg .shx-done-ic{flex:none;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}
  .shx-done-msg .shx-done-ic svg{width:15px;height:15px}
  .shx-done-msg b{color:var(--ok)}
  .modal.shx:not(.shx-back-on) .shx-done-msg{display:none}
  .modal.shx.shx-back-on .shx-done-msg{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;font-size:1.12rem;margin:2px 0 16px}
  .shx-hero{width:160px;height:160px;flex:none;color:var(--ok);line-height:0}
  .shx-hero>svg{width:100%;height:100%;display:block;overflow:visible}
  .shx-hero .sh-disc{fill:color-mix(in srgb,var(--ok) 15%,transparent)}
  .shx-hero .sh-ring{fill:none;stroke:var(--ok);stroke-width:2;opacity:0}
  .shx-hero .sh-check-bg{fill:var(--ok)}
  .shx-hero .sh-check-tick{stroke:var(--bg);stroke-width:2.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
  @media (prefers-reduced-motion:no-preference){
  .shx-hero .sh-disc{transform-box:fill-box;transform-origin:center;animation:shDisc 1.9s ease both}
  .shx-hero .sh-plane{transform-box:fill-box;transform-origin:center;animation:shPlane 1.9s ease both}
  .shx-hero .sh-mode{transform-box:fill-box;transform-origin:center;animation:shMode 1.9s ease both}
  .shx-hero .sh-ring{transform-box:fill-box;transform-origin:center;animation:shRing 1.9s ease both}
  .shx-hero .sh-ring2{animation-delay:.28s}
  .shx-hero .sh-check{transform-box:fill-box;transform-origin:center;animation:shCheck 1.9s cubic-bezier(.2,.8,.3,1.5) both}
  }
  @media (prefers-reduced-motion:reduce){ .shx-hero .sh-plane,.shx-hero .sh-ring{display:none} }
  @keyframes shDisc{0%,20%{transform:scale(0);opacity:0}40%{transform:scale(1.08);opacity:1}54%{transform:scale(1)}100%{transform:scale(1);opacity:1}}
  @keyframes shPlane{0%{transform:translate(-4px,6px) scale(.65) rotate(-10deg);opacity:0}12%{opacity:1}22%{transform:translate(0,0) scale(.95) rotate(0)}44%{transform:translate(20px,-22px) scale(1.05) rotate(16deg);opacity:0}100%{opacity:0}}
  @keyframes shMode{0%,42%{opacity:0;transform:scale(.35)}60%{opacity:1;transform:scale(1.12)}72%{transform:scale(1)}100%{opacity:1;transform:scale(1)}}
  @keyframes shRing{0%,50%{transform:scale(.5);opacity:0}64%{opacity:.55}100%{transform:scale(1.9);opacity:0}}
  @keyframes shCheck{0%,62%{transform:scale(0);opacity:0}80%{transform:scale(1.25);opacity:1}100%{transform:scale(1);opacity:1}}
  .modal.shx.shx-back-on #shxTitle{text-align:center}
  .modal.shx.shx-back-on .shx-own-note{text-align:center}
  @keyframes shxPop{0%{transform:scale(.35);opacity:0}55%{transform:scale(1.15);opacity:1}100%{transform:scale(1)}}
  @keyframes shxDraw{from{stroke-dashoffset:24}to{stroke-dashoffset:0}}
  @keyframes shxRing{0%{transform:scale(.75);opacity:.5}100%{transform:scale(2.1);opacity:0}}
  .shx-done-msg .shx-done-ic{position:relative;animation:shxPop .5s cubic-bezier(.18,.7,.3,1.4) both}
  .shx-done-msg .shx-done-ic::after{content:"";position:absolute;inset:-1px;border-radius:50%;border:2px solid var(--ok);animation:shxRing .7s .05s ease-out forwards;pointer-events:none}
  .shx-done-msg .shx-done-ic svg path{stroke-dasharray:24;stroke-dashoffset:24;animation:shxDraw .42s .18s ease forwards}
  @media (prefers-reduced-motion:reduce){.shx-done-msg .shx-done-ic,.shx-done-msg .shx-done-ic::after{animation:none}.shx-done-msg .shx-done-ic svg path{animation:none;stroke-dashoffset:0}}
  .shx-lead{color:var(--ink-soft);font-size:.95rem;line-height:1.55;margin:6px 0 20px}
  .shx-copy-chk{display:flex;align-items:center;gap:9px;font-size:.9rem;color:var(--ink);cursor:pointer;margin:2px 0 10px}
  .shx-copy-chk input{width:16px;height:16px;accent-color:var(--ok);cursor:pointer;flex:none}
  .shx-copy-fld{margin:0 0 14px}
  .modal.shx.shx-back-on .shx-copy-chk,.modal.shx.shx-back-on .shx-copy-fld,.modal.shx.shx-owned .shx-copy-chk,.modal.shx.shx-owned .shx-copy-fld{display:none}
  .shx-hero .sh-owner-bg{fill:var(--imp)}
  .shx-hero .sh-owner-ic{stroke:var(--bg)}
  @media (prefers-reduced-motion:no-preference){ .shx-hero .sh-owner{transform-box:fill-box;transform-origin:center;animation:shOwner 1.9s cubic-bezier(.2,.8,.3,1.5) both} }
  @keyframes shOwner{0%,74%{transform:scale(0);opacity:0}90%{transform:scale(1.25);opacity:1}100%{transform:scale(1);opacity:1}}
  .shx-qh{font-weight:700;font-size:.92rem;color:var(--ink);margin:0 0 10px}
  .shx-qh-add{margin:20px 0 12px;padding-top:16px;border-top:1px solid var(--hairline)}
  .shx-acc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 22px}
  .shx-acc-b{display:flex;flex-wrap:nowrap;align-items:center;column-gap:9px;row-gap:6px;text-align:left;padding:14px 15px;border:1px solid var(--hairline);border-radius:14px;background:color-mix(in srgb,var(--ink) 4%,transparent);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
  .shx-acc-b .shx-acc-ic{width:24px;height:24px;flex:none;color:var(--ink-soft)}
  .shx-acc-b .shx-acc-ic svg{width:100%;height:100%;display:block}
  .shx-acc-b .shx-acc-l{font-weight:700;font-size:.95rem;flex:1;min-width:0}
  .shx-acc-b .shx-acc-d{flex-basis:100%;width:100%;font-size:.82rem;color:var(--ink-soft);line-height:1.35}
  .shx-acc-b:hover{border-color:var(--ink-soft)}
  .shx-acc-b.sel{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}
  .shx-acc-b.sel .shx-acc-ic,.shx-acc-b.sel .shx-acc-l{color:var(--ok)}
  html[data-theme="light"] .shx-acc-b.sel{border-color:var(--deep);box-shadow:inset 0 0 0 1px var(--deep)}
  html[data-theme="light"] .shx-acc-b.sel .shx-acc-ic,html[data-theme="light"] .shx-acc-b.sel .shx-acc-l{color:var(--deep)}

  .shx-field{margin:0 0 18px}
  .shx-field>label{display:block;font-weight:600;font-size:.9rem;color:var(--ink);margin:0 0 8px}
  .shx-field .shx-opt{font-weight:400;color:var(--ink-soft);font-size:.85em}
  .shx-field input,.shx-field textarea{width:100%;display:block}
  .shx-field textarea{resize:vertical;min-height:74px;font-family:inherit}

  .shx-own{margin:0 0 4px}
  .shx-own-note{font-size:.85rem;color:var(--ink-soft);line-height:1.5;margin:-6px 0 18px}
  .shx-acct{margin:0 0 18px;padding:14px;border:1px dashed var(--hairline);border-radius:13px;background:color-mix(in srgb,var(--ink) 3%,transparent)}
  .shx-acct .shx-field:last-of-type{margin-bottom:14px}
  .shx-acct-actions{display:flex;gap:10px;justify-content:flex-end}

  .shx-list{display:block;max-height:84px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
  .shx-table{width:100%;border-collapse:collapse}
  .shx-table td{padding:6px 10px;border-top:1px solid var(--hairline);vertical-align:middle;line-height:1.3;font-size:.86rem}
  .shx-table tr:first-child td{border-top:none}
  .shx-td-em{max-width:0;width:100%;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shx-td-role{white-space:nowrap;border-left:1px solid var(--hairline)}
  .shx-td-act{white-space:nowrap;border-left:1px solid var(--hairline);text-align:right}
  .shx-owner{color:var(--ok);font-weight:600;font-size:.82rem}
  .shx-sel{background:transparent;border:none;color:var(--ink);font-family:inherit;font-size:.85rem;padding:2px 14px 2px 2px;cursor:pointer;max-width:100%}
  .shx-sel:focus-visible{outline:1px solid var(--ok);outline-offset:1px;border-radius:4px}
  .shx-rv{color:var(--crit);font-size:.82rem}
  .shx-granted .shx-acc-h{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;user-select:none}
  .shx-acc-chev{flex:none;width:15px;height:15px;color:var(--ink-soft);transition:transform .2s}
  .shx-acc-chev svg{width:100%;height:100%;display:block}
  .shx-granted.is-open .shx-acc-chev{transform:rotate(90deg);color:var(--ink)}
  .shx-granted .shx-list{transition:max-height .25s ease,opacity .2s ease}
  .shx-granted:not(.is-open) .shx-list{max-height:0!important;opacity:0;overflow:hidden;padding-right:0}
  .modal.shx-grants-modal{max-width:520px}
  #modalShareGrants{z-index:110}   
  #modalShareGrants .shx-granted{margin:0}
  #modalShareGrants .shx-granted .shx-acc-chev{display:none}
  #modalShareGrants .shx-granted .shx-acc-h{cursor:default;pointer-events:none}
  #modalShareGrants .shx-granted .shx-list{max-height:none!important;opacity:1!important;overflow:visible!important;padding-right:0}
  .shx-row{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid var(--hairline);border-radius:12px;background:color-mix(in srgb,var(--ink) 4%,transparent)}
  .shx-row-em{flex:1 1 auto;min-width:0;font-size:.9rem;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .shx-row-sel{flex:none;width:auto;padding:7px 30px 7px 11px;font-size:.85rem}
  .shx-row-rv{flex:none;color:var(--crit)}
  .shx-badge{flex:none;font-size:.76rem;font-weight:700;letter-spacing:.02em;color:var(--ok);background:color-mix(in srgb,var(--ok) 15%,transparent);border:1px solid color-mix(in srgb,var(--ok) 42%,transparent);border-radius:999px;padding:4px 11px}
  .shx-row-owner{border-color:color-mix(in srgb,var(--ok) 34%,transparent);background:color-mix(in srgb,var(--ok) 7%,transparent)}

  .shx-actions{margin:22px 0 0;display:flex;justify-content:flex-end}
  .shx-actions .btn-primary{display:inline-flex;align-items:center;gap:9px}
  .shx-actions .btn-primary svg{width:18px;height:18px}
  .shx-note{display:flex;gap:9px;align-items:flex-start;margin:14px 0 0;font-size:.82rem;color:var(--ink-soft);line-height:1.5}
  .shx-note svg{width:18px;height:18px;flex:none;color:var(--ok);margin-top:1px}
  .co-inp.shx-err,.shx-field input.shx-err{border-color:var(--crit)!important;box-shadow:inset 0 0 0 1px var(--crit)}
  @media(max-width:520px){ .shx-acc{grid-template-columns:1fr} .shx-row{flex-wrap:wrap} .shx-row-em{flex:1 1 100%} }
  html[data-plan="free"] .finding:not(.managed)>.head{flex-wrap:nowrap;align-items:center;cursor:pointer}
  html[data-plan="free"] .finding:not(.managed)>.head>.fam{order:0;flex:0 0 132px;max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html[data-plan="free"] .finding:not(.managed)>.head>.fnd-title{order:1;flex:1 1 auto;min-width:0;margin:0;font-family:var(--font-head);font-weight:800;font-size:.9rem;line-height:1.3;color:var(--ink);align-self:center;display:block}
  html[data-plan="free"] .finding:not(.managed):not(.is-summary)>.head>.fnd-title{white-space:normal}
  html[data-plan="free"] .finding.is-summary>.head>.fnd-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[data-plan="free"] .finding:not(.managed)>.head>.fnd-decision{order:2}
  html[data-plan="free"] .finding:not(.managed)>.head .chip{order:3;margin-left:auto}
  html[data-plan="free"] .finding:not(.managed)>.head>.fam-spec{order:4}
  html[data-plan="free"] .finding:not(.managed)>.head>.fnd-readmanage{order:5}
  /* colapsado: solo la cabecera; sin píldoras de afectación/rol */
  html[data-plan="free"] .finding.is-summary{display:block!important;padding-top:12px;padding-bottom:12px;cursor:pointer}
  #listSev .hz-list .finding.is-summary{background:transparent;border-top-color:var(--hairline);border-right-color:transparent;border-bottom-color:var(--hairline);border-radius:0;margin-top:-1px;margin-bottom:0;padding-top:8px;padding-bottom:8px;transition:background .15s ease,border-color .15s ease}
  #listSev .hz-list .finding.is-summary:hover{background:var(--field);border-top-color:var(--hairline);border-right-color:var(--hairline)}
  #listSev .hz-list .finding:not(.is-summary){margin-top:9px}   
  #listSev .hz-list .finding.is-summary>.head>.fnd-title{font-weight:400}
  #listSev .hz-list .finding.is-summary:hover>.head>.fnd-title{font-weight:700}
  #listSev .hz-list .finding>.head>.fam{display:none}
  #listSev .hz-list .finding.is-summary .fnd-readmanage .frm-actions{opacity:0;pointer-events:none;transition:opacity .14s ease}
  #listSev .hz-list .finding.is-summary:hover .fnd-readmanage .frm-actions{opacity:1;pointer-events:auto}
  #listSev .hz-list .frm-move-lbl,#listSev .hz-list .fam-acts-lbl{font-family:var(--font);font-size:.7rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ink-soft);white-space:nowrap;flex:none}
  #grpBloq .finding{border-left-color:var(--crit-bd)}
  #grpLim .finding{border-left-color:var(--imp-bd)}
  #grpAfec .finding{border-left-color:var(--mej-bd)}
  #listSev .hz-list .finding.is-summary{border-left-style:dotted;border-left-width:1.5px}   
  #listSev .hz-list .finding.is-summary:hover{border-left-style:solid;border-left-width:3px}
  #listSev .hz-list .finding.is-summary.fam-hl{background:var(--field);border-top-color:var(--hairline);border-right-color:var(--hairline);border-left-style:solid;border-left-width:3px}
  #listSev .hz-list .finding.is-summary.fam-hl>.head>.fnd-title{font-weight:700}
  #seleccion:not(.sel-has) .sel-foot-actions .gest-exp{opacity:.4;pointer-events:none;cursor:default}
  #listSev .hz-list .fam-act[data-fam-act="problem"]{color:var(--ok);border-color:var(--mej-bd);background:rgba(142,211,146,.11)}   /* rN: fam-act pintada como hallazgo/onboarding — verde (borde+fondo) */
  #listSev .hz-list .fam-act[data-fam-act="ignore"]{background:rgba(255,255,255,.05)}   /* rN: Descartar neutro tenue */
  #listSev .hz-list .finding .frm-act[data-tip="A revisar"]{color:var(--ok);border-color:var(--mej-bd);background:rgba(142,211,146,.11)}   /* rN: pintado por categoría como el onboarding — verde (borde+fondo) */
  #listSev .hz-list .finding .frm-act[data-tip="A revisar"]:hover{background:rgba(142,211,146,.2);border-color:var(--mej);color:var(--ok)}   /* criterio d3: hover verde pleno */
  #listSev .hz-list .finding .frm-act[data-tip="Descartar"]{background:rgba(255,255,255,.05)}   /* rN: Descartar neutro con fondo tenue */
  #listSev .hz-list .finding .frm-act[data-tip="Descartar"]:hover{border-color:var(--ink-soft);color:var(--ink)}   /* Descartar uniforme: como fam-act ignore (gris, NO verde) */
  #listSev .hz-list .finding .frm-act[data-tip="Tengo dudas"],#listSev .hz-list .finding .frm-act[data-tip="Tengo dudas"]:hover{color:var(--imp);border-color:rgba(224,149,74,.45);background:rgba(224,149,74,.11)}   
  #listSev .hz-list .finding .frm-act[data-tip="Tengo dudas"]:hover{background:rgba(224,149,74,.2);border-color:var(--imp);color:var(--imp)}   /* criterio d3: hover ámbar pleno */
  html[data-plan="free"] .finding.is-summary>*:not(.head){display:none!important}
  html[data-plan="free"] .finding.is-summary>.head{margin:0;padding-bottom:0;border-bottom:none;align-items:center}   
  html[data-plan="free"] #listSev .finding:not(.managed) .head .chip{display:none}   
  html[data-plan="free"] .finding.is-summary>.head>.chip,
  html[data-plan="free"] .finding.is-summary>.head>.fam-spec,
  html[data-plan="free"] .finding.is-summary>.head>.fnd-decision,
  html[data-plan="free"] .finding.is-summary>.head>.fnd-urls{display:none!important}
  .fnd-readmanage{display:none}
  html[data-plan="free"] .finding.is-summary>.head>.fnd-readmanage{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;order:5;background:none;border:none;color:var(--ok);font-family:var(--font);font-weight:650;font-size:.85rem;cursor:pointer;white-space:nowrap;padding:0}
  html[data-plan="free"] .finding.is-summary>.head>.fnd-readmanage svg{width:15px;height:15px;flex:none}
  html[data-theme="light"] .finding.is-summary>.head>.fnd-readmanage{color:var(--deep)}
  .fnd-d3-h{display:block;width:100%;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);opacity:.9;text-align:right;padding:0 2px 7px;white-space:nowrap}   
  .finding.is-summary .fnd-d3-h{display:none}
  .mk-def{color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--hairline);text-underline-offset:3px;width:fit-content}
  .mk-def:hover{text-decoration-color:var(--ok)}
    .mk-def .mk-open{text-decoration:none}
  .mk-def .mk-chev{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.45;transition:transform .2s;flex-shrink:0}
  .mk-def.open .mk-chev{transform:rotate(180deg)}
  .mdef{position:relative;margin:2px 0 6px;border:1px solid var(--hairline);border-radius:10px;overflow:hidden;background:var(--glass-bg-strong)}
  .mdef-inner{position:relative;padding:14px 14px;min-height:60px}
  .def-block+.def-block{margin-top:12px;padding-top:12px;border-top:1px dashed var(--hairline)}
  .def-h{display:inline-block;font-size:.66rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--deep);margin-bottom:5px}
  .def-h{color:var(--ok)}
  .def-h.def-h2{color:var(--ink-soft)}
  .def-p{font-size:.84rem;line-height:1.55;color:var(--ink-soft);margin:0}
  .finding .head .chip.chip-mini{display:inline-flex;align-items:center;gap:0;padding:.34em .46em;cursor:default}
  .chip-mini .chipm-ic{display:inline-flex;width:14px;height:14px;flex:none}
  .chip-mini .chipm-ic svg{width:100%;height:100%;display:block}
  .chip-mini .chipm-tx{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .28s ease,opacity .2s ease,margin-left .28s ease}
  .chip-mini:hover .chipm-tx,.chip-mini:focus-within .chipm-tx{max-width:140px;opacity:1;margin-left:5px}
  html[data-plan="free"] .finding.managed:not(.expanded) .fnd-compact .chip-mini{display:none}   /* plegado: sin chip de efecto (como la lista) */
  html[data-plan="free"] .finding.managed.expanded .fnd-compact .chip.chip-mini{min-width:26px;height:26px;box-sizing:border-box;padding:0 6px;border-radius:999px;justify-content:center;transition:min-width .28s ease}
  .finding .head .fam-spec.fs-mini{gap:0;padding:.3em .46em;cursor:default}
  .fs-mini>svg{flex:none}
  .fs-mini .fsm-tx{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .28s ease,opacity .2s ease,margin-left .28s ease}
  .fs-mini:hover .fsm-tx,.fs-mini:focus-within .fsm-tx{max-width:200px;opacity:1;margin-left:5px}
  .fnd-compact .chip.chip-mini{display:inline-flex;align-items:center;gap:0;padding:.28em .42em;font-size:.62rem;font-weight:800;letter-spacing:.04em;border-radius:999px;white-space:nowrap;flex:none;cursor:default}
  .fnd-compact .fam-spec.fs-mini{display:inline-flex;align-items:center;gap:0;padding:.26em .42em;font-size:.62rem;font-weight:700;color:var(--ink-soft);background:var(--glass-bg-strong);border:1px solid var(--hairline);border-radius:999px;white-space:nowrap;flex:none;cursor:default}
  .fnd-compact .fam-spec.fs-mini>svg{width:12px;height:12px;flex:none;opacity:.85}
  .fnd-cmeta{display:inline-flex;align-items:center;gap:6px;flex:none;margin-left:2px}
  .plan-resumen{margin:4px 0 12px!important;padding:0!important;border:none!important;background:none!important;border-radius:0!important}
  .plan-resumen .pr-head,.plan-resumen .pr-sub,.plan-resumen .pr-verdict{display:none!important}
  .plan-resumen .pr-grid{margin-bottom:0}
  .plan-resumen .pr-cell{border:none!important;background:none!important;border-radius:0!important;padding:6px 6px 9px!important;border-bottom:2px solid transparent!important;box-shadow:none!important;transition:border-color .15s,color .15s}
  .plan-resumen .pr-cell:hover{border-bottom-color:var(--hairline)!important}
  .plan-resumen .pr-cell.is-active{border-bottom-color:var(--ok)!important;box-shadow:none!important}
  html[data-theme="light"] .plan-resumen .pr-cell.is-active{border-bottom-color:var(--deep)!important}
  .plan-resumen .pr-cell.is-active .pr-l{color:var(--ink);font-weight:800}
  .plan-resumen .pr-cell.is-active .pr-n{font-weight:900}
  .plan-resumen .pr-cell.pr-bien{display:none}
  .plan-resumen .pr-grid{justify-content:center}
  .plan-resumen .pr-cell{flex:0 1 auto}
  html[data-plan="free"] .finding > .head{position:relative}
  .finding .fam.fam-hastip{cursor:help}
  .head > .fam-tip,#listSev .hz-list .fam-lbl>.fam-tip,#gestDock .sel-fam-lbl>.fam-tip{position:absolute;left:0;top:calc(100% + 6px);z-index:60;width:270px;max-width:min(270px,80vw);padding:11px 13px;border-radius:11px;background:var(--bg);border:1px solid var(--hairline);box-shadow:0 16px 38px -16px rgba(0,0,0,.75);color:var(--ink-soft);font-family:var(--font);font-size:.8rem;font-weight:500;line-height:1.5;letter-spacing:normal;text-transform:none;text-align:left;white-space:normal;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;pointer-events:none}
  .head > .fam-tip.on,#listSev .hz-list .fam-lbl>.fam-tip.on,#gestDock .sel-fam-lbl>.fam-tip.on{opacity:1;visibility:visible;transform:translateY(0)}
  #listSev .hz-list .fam-lbl,#gestDock .sel-fam-lbl{position:relative}
  html[data-plan="free"] .finding > .fnd-fp-foot{position:absolute;right:10px;bottom:10px;margin:0;z-index:2}      
  .finding > .fnd-fp-foot{display:flex;align-items:center;gap:6px;width:fit-content;margin:18px 6px 6px auto;background:none;border:none;color:var(--ink-soft);font-family:var(--font);font-weight:600;font-size:.72rem;cursor:pointer;padding:6px 4px;transition:color .15s}
  .finding > .fnd-fp-foot:hover{color:#b89ce9}
  .finding > .fnd-fp-foot svg{width:14px;height:14px;flex:none}
  .finding > .fnd-fp-foot .fpf-lbl{white-space:nowrap}
  html[data-plan="free"] .finding.fp-foot-on:not(.is-summary){padding-bottom:44px}      
  html[data-plan="free"] .finding:not(.managed)>details.tech{margin-top:12px!important;border-top:none!important;padding-top:0!important}
  .finding .tech summary{justify-content:flex-start!important;padding-left:12px;border-bottom:1px solid color-mix(in srgb,var(--hairline) 65%,transparent);border-radius:0}
  .finding .tech[open] summary{margin-bottom:2px}
  .acct-field{gap:8px!important}
  .acct-form{gap:16px!important}
  #modalSave .co-acct-fields{grid-template-columns:1fr!important;gap:12px!important}
  .grp-body{padding-left:25px!important}
  #listSev .hz-list .sev-group>.grp-body>.finding{margin-left:10px}   
  .hz-num-tip{position:relative;cursor:help}
  .hz-foot .hz-num-tip>b{border-bottom:1px dotted currentColor}
  .hz-num-tip:hover .hc-tip,.hz-num-tip:focus-visible .hc-tip,.hz-num-tip:focus-within .hc-tip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
  .list-foot-actions{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 4px;padding-left:2px}   
  #gestDock .sel-foot-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin:14px 0 2px;padding-left:2px}
  .fnd-body{display:contents}
  html[data-plan="free"] .finding:not(.managed):not(.is-summary){grid-template-areas:"head head head" "ttl ttl ttl" "body arr deci" "deep deep deep" "tech tech tech" !important}
  html[data-plan="free"] .finding:not(.managed):not(.is-summary) .fnd-body{display:flex !important;flex-direction:column;gap:6px;grid-area:body;align-self:center;min-width:0}
  html[data-plan="free"] .finding:not(.managed):not(.is-summary) .fnd-body>.fact{align-self:stretch}
  html[data-plan="free"] .finding:not(.managed):not(.is-summary) .fnd-body>.impact{align-self:stretch}
  .hz-radar .hzr-pct{font-size:11px !important}
  .hz-radar .hzr-lbl{font-size:9.5px !important}
  .hz-radar .hzr-grid{stroke-width:.7 !important}
  .hz-radar .hzr-axis{stroke-width:.7 !important}
  .hz-radar .hzr-area{stroke-width:1.4 !important}
  .fnd-readmanage.frm-wrap{display:inline-flex;align-items:center}
  .fnd-readmanage .frm-text{display:inline-flex;align-items:center;gap:4px}
  .fnd-readmanage .frm-actions{display:none;align-items:center;gap:7px}
  html:not(.wk-has-sel) .fnd-readmanage .frm-text{opacity:0;transition:opacity .14s}
  html:not(.wk-has-sel) .finding:hover .fnd-readmanage .frm-text,html:not(.wk-has-sel) .finding:focus-within .fnd-readmanage .frm-text{opacity:1}
  html.wk-has-sel .fnd-readmanage .frm-text{display:none}
  html.wk-has-sel .fnd-readmanage .frm-actions{display:inline-flex}
  .frm-act{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 4px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:8px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:color .12s,border-color .12s,background .12s,transform .12s}   
  .frm-act:active{transform:scale(.86)}   /* criterio d3: press */
  .frm-act svg{width:15px;height:15px}
  .frm-act:hover{color:var(--deep);border-color:var(--deep)} html[data-theme="dark"] .frm-act:hover{color:var(--ok);border-color:var(--ok)}
  .frm-act .frm-act-t{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1;transition:max-width .25s ease,opacity .18s,margin-left .25s}
  /* Desplegada, cada acción enseña su nombre. «Tengo dudas» se quedaba en
     icono mientras «A tu selección» sí se abría (Juan, 28/09); y las otras
     caras del botón de mover (en la selección y en falsos positivos), igual. */
  .finding:not(.is-summary) .frm-act[data-tip="A revisar"] .frm-act-t,
  .finding:not(.is-summary) .frm-act[data-tip="Tengo dudas"] .frm-act-t,
  .finding:not(.is-summary) .frm-act[data-tip="Devolver al listado"] .frm-act-t,
  .finding:not(.is-summary) .frm-act[data-tip="Quitar de falsos positivos"] .frm-act-t,
  .finding:not(.is-summary) .frm-act[data-tip="Descartar"] .frm-act-t{max-width:12em;opacity:1;margin-left:5px}
  .frm-act:hover .frm-act-t,.frm-act:focus-visible .frm-act-t{max-width:12em;opacity:1;margin-left:5px}
  .frm-act::after{content:none}   
  .frm-sep{width:1px;height:16px;background:color-mix(in srgb,var(--hairline) 70%,transparent);margin:0 2px;flex:none}
  .frm-read{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border:none;background:transparent;color:var(--deep);font-weight:700;font-size:.8rem;cursor:pointer} html[data-theme="dark"] .frm-read{color:var(--ok)}
  .frm-read svg{width:14px;height:14px}
  @keyframes wkChevBounce{0%,12%,20%,32%,100%{transform:translateY(0)}6%,26%{transform:translateY(3px)}}
  @media (prefers-reduced-motion:no-preference){
  #listSev .hz-list .frm-read:hover .frm-r-read svg{animation:wkChevBounce 1.4s ease 3}
  .finding.managed:not(.expanded) .fnd-compact-chev:hover svg{animation:wkChevBounce 1.4s ease 3}
  }
  #seleccion .sel-sec-body{padding-top:2px}
  #seleccion .sel-empty{padding:14px 2px 8px;color:var(--ink-soft);font-size:.92rem;line-height:1.55}
  #seleccion.sel-has .sel-empty{display:none}
  #seleccion .num.sel-num{font-size:.9rem}
  /* como sección normal: anular el peek flotante del dock dentro de la sección */
  html[data-plan="paid"] #seleccion .gest-dock.is-stuck{position:static!important;max-height:none!important;width:auto!important;left:auto!important;bottom:auto!important;transform:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;mask-image:none!important;-webkit-mask-image:none!important;border:none!important;background:none!important;padding:0!important}   
  html[data-plan="paid"] #seleccion .gest-dock-ph,html[data-plan="paid"] #seleccion .gest-dock-top{display:none!important}   
  .list-foot-actions{justify-content:center!important}
  #seleccion .sel-foot-actions{justify-content:center!important}
  .fnd-readmanage .frm-text{display:none!important}
  .fnd-readmanage .frm-actions{display:inline-flex!important}
  html[data-plan="free"] #listSev .finding:not(.managed):not(.is-summary) .fnd-readmanage .frm-actions{display:inline-flex!important;opacity:1!important}   
  html[data-plan="free"] .gest-bar{display:none!important}
  html[data-plan="free"] .finding.is-summary .head .fam{display:none!important}
  .finding .fnd-fam-ic{position:relative}
  .finding.is-summary .fnd-fam-ic[data-fam-name]::after{content:attr(data-fam-name);position:absolute;left:0;top:calc(100% + 6px);white-space:nowrap;background:var(--bg);border:1px solid var(--hairline);border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s;z-index:61}
  .finding.is-summary .fnd-fam-ic:hover::after,.finding.is-summary .fnd-fam-ic:focus-visible::after{opacity:1;visibility:visible}
  #seleccion .sel-empty{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
  #seleccion .sel-empty-link{color:var(--deep);font-weight:800;font-size:1rem;text-decoration:none;border-bottom:1.5px solid color-mix(in srgb,var(--deep) 45%,transparent);cursor:pointer}
  html[data-theme="dark"] #seleccion .sel-empty-link{color:var(--ok);border-bottom-color:color-mix(in srgb,var(--ok) 45%,transparent)}
  #seleccion .sel-empty-link:hover{border-bottom-color:currentColor}
  #seleccion .sel-empty-sub{color:var(--ink-soft);font-size:.92rem;line-height:1.7}
  #seleccion .sel-ico-row{display:inline-flex;align-items:center;gap:12px;margin:0 10px;vertical-align:middle}
  #seleccion .sel-ico{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--hairline);border-radius:8px;color:var(--ink-soft)}
  #seleccion .sel-ico svg{width:15px;height:15px}
  #seleccion .sel-ico::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);white-space:nowrap;background:var(--bg);border:1px solid var(--hairline);border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:700;color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s;z-index:60}
  #seleccion .sel-ico:hover::after,#seleccion .sel-ico:focus-visible::after{opacity:1;visibility:visible}
  html[data-plan="free"] .finding:not(.managed):not(.is-summary){grid-template-columns:minmax(0,1fr) 0 0 !important;grid-template-areas:"head head head" "ttl ttl ttl" "body body body" "tech tech tech" "deep deep deep" !important}   
  html[data-plan="free"] .finding:not(.managed):not(.is-summary) > details.tech{align-self:start!important}
  #seleccion .sel-empty{display:none!important}
  #planEmpty .pe-l1 .pe-link{color:var(--deep);font-weight:inherit;text-decoration:none;border-bottom:2px solid color-mix(in srgb,var(--deep) 45%,transparent);cursor:pointer}
  html[data-theme="dark"] #planEmpty .pe-l1 .pe-link{color:var(--ok);border-bottom-color:color-mix(in srgb,var(--ok) 45%,transparent)}
  #planEmpty .pe-l1 .pe-link:hover{border-bottom-color:currentColor}
  /* colapsado: ocultar fact/impact (viven dentro de .fnd-body) → solo la fila compacta */
  .finding.managed:not(.expanded) > .fnd-body{display:none!important}
  .finding.managed.expanded > .fnd-body{display:contents!important}
  .finding.managed.expanded .head .fnd-title{display:block!important}
  .finding.managed .head .chip{display:none!important}
  .finding.managed .fnd-readmanage{display:none!important} 
  .finding.managed.expanded > .head{display:none!important}
  .finding.managed.expanded > .fnd-compact{display:flex!important}
  html[data-plan="free"] .finding.managed.expanded>.fnd-compact{flex:1 1 100%}   
  .finding.managed.expanded > .fnd-compact > .fnd-compact-title{display:block!important}
  html[data-plan="free"] .finding.managed.expanded>.fnd-compact>*{order:0!important}   
  .finding.managed.expanded > .fnd-body{display:block!important;margin-top:14px!important}   /* aire entre la cabecera y el contenido */
  .manos-block:not(.collapsed) .manos-list{max-height:none!important}
  .exp-pop .ai-why{position:relative;display:flex;align-items:center;gap:8px;width:100%;padding:7px 9px;border-radius:9px;background:none;border:none;color:var(--ink-soft);font-family:var(--font);font-weight:700;font-size:.82rem;cursor:help}
  .exp-pop .ai-why svg{width:16px;height:16px;flex:none;color:var(--ink-soft)}
  .exp-pop .ai-why::after{content:attr(data-tip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);width:250px;white-space:normal;text-align:left;background:var(--bg);border:1px solid var(--hairline);border-radius:9px;padding:9px 11px;font-family:var(--font);font-size:.78rem;font-weight:500;line-height:1.5;color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .13s;z-index:70;box-shadow:0 8px 26px rgba(0,0,0,.28)}
  .exp-pop .ai-why:hover::after,.exp-pop .ai-why:focus-visible::after{opacity:1;visibility:visible}
  html[data-plan="paid"] .finding.managed.expanded .fnd-fp-foot{display:flex!important}   
  html[data-plan="free"] .finding.managed.expanded{position:relative}   
  html[data-plan="free"] .finding.fp-flag{display:block!important;opacity:1}
  html[data-plan="free"] .finding.fp-flag{padding:12px 16px;margin-bottom:8px}
  html[data-plan="free"] .finding.fp-flag.expanded{padding:18px 20px}   
  html[data-plan="free"] .finding.fp-flag>.fnd-compact{display:flex!important}
  html[data-plan="free"] .finding.fp-flag>.fnd-compact>.fnd-chip{display:none!important}
  html[data-plan="free"] .finding.fp-flag>.fnd-compact>.fnd-unselect{display:inline-flex}
  html[data-plan="free"] .finding.fp-flag>.fnd-compact>.fnd-sev,
  html[data-plan="free"] .finding.fp-flag>.fnd-compact>.fnd-status,
  html[data-plan="free"] .finding.fp-flag>.fnd-compact>.fnd-resolve-c{display:none!important}
  html[data-plan="free"] .finding.fp-flag:not(.expanded)>.fnd-compact>.fnd-sevdot{display:inline-block}
  html[data-plan="free"] .finding.fp-flag:not(.expanded) .fnd-unselect:not(:hover){padding-left:.42em;padding-right:.42em}
  html[data-plan="free"] .finding.fp-flag.expanded .fnd-unselect .fnu-t{max-width:16em;opacity:1;margin-left:5px}
  html[data-plan="free"] .finding.fp-flag.expanded>.fnd-compact>.fnd-unselect{order:3;margin-left:0}
  html[data-plan="free"] .finding.fp-flag.expanded>.fnd-compact>.fnd-compact-chev{order:4}
  html[data-plan="free"] .finding.fp-flag .fnd-readmanage,html[data-plan="free"] .finding.fp-flag .fnd-fp-foot{display:none!important}
  html[data-plan="free"] .finding.fp-flag:not(.expanded)>.head,html[data-plan="free"] .finding.fp-flag:not(.expanded)>.fnd-body,html[data-plan="free"] .finding.fp-flag:not(.expanded)>details.tech,html[data-plan="free"] .finding.fp-flag:not(.expanded)>.fnd-fpmark{display:none!important}
  html[data-plan="free"] .finding.fp-flag.expanded>.head{display:none!important}
  html[data-plan="free"] .finding.fp-flag.expanded>.fnd-body{display:block!important;margin-top:14px}
  html[data-plan="free"] .finding.fp-flag.expanded>details.tech{display:block!important}
  html[data-plan="free"] .finding.fp-flag.expanded>.fnd-fpmark{display:flex!important;align-items:center;gap:8px;margin:14px 0 2px}
  
  .hz-list .sev-group>summary{position:sticky;top:var(--sev-stick,67px);z-index:22;display:block;background:color-mix(in srgb,#ffffff 6%,var(--bg))}
  #listSev .hz-list .sev-group>summary:hover{background:color-mix(in srgb,#ffffff 9%,var(--bg))}   
  #listSev .hz-list .sev-group>summary{background:transparent}
  #listSev .hz-list .sev-group>summary:hover{background:color-mix(in srgb,var(--ok) 7%,transparent)}
  #listSev .hz-list .sev-group>summary.is-pinned,#listSev .hz-list .sev-group>summary.is-pinned:hover{background:#191d16;box-shadow:inset 0 1px 0 var(--hairline),inset 0 -1px 0 var(--hairline)}   
  #listSev .hz-list .fam-lbl{font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin:15px 0 9px;padding-left:2px}
  #listSev .hz-list .fam-lbl{display:flex;align-items:center;gap:9px}
  #listSev .hz-list .fam-lbl .fam-lbl-head{display:inline-flex;align-items:center;gap:6px}
  #listSev .hz-list .fam-lbl .fam-lbl-ic{flex:none}
  #listSev .finding>.head>.fnd-fam-ic{display:none}
  #gestDock .sel-fam-lbl{display:flex;align-items:center;gap:6px;font-family:var(--font);font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin:12px 0 6px;padding-left:2px}
  #gestDock .sel-fam-lbl .fam-lbl-ic{flex:none}
  #gestDock .manos-list{padding-left:25px}   
  #gestDock .manos-list>.finding,#gestDock .grp-body.fp-body>.finding{margin-left:18px}   
  #listSev .hz-list .fam-lbl .fam-lbl-nm{flex:none}
  #listSev .hz-list .fam-acts{display:inline-flex;align-items:center;gap:6px;margin-left:14px}
  #listSev .hz-list .fam-lbl .fam-acts{opacity:0;pointer-events:none;transition:opacity .14s ease}
  #listSev .hz-list .fam-lbl:hover .fam-acts,#listSev .hz-list .fam-lbl:focus-within .fam-acts,#listSev .hz-list .fam-lbl.acts-on .fam-acts{opacity:1;pointer-events:auto}
  #listSev .hz-list .fam-act{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;padding:0 4px;box-sizing:border-box;color:var(--ink-soft);background:transparent;border:1px solid var(--hairline);border-radius:8px;cursor:pointer;transition:border-color .14s,color .14s,background .14s,transform .14s}   
  #listSev .hz-list .fam-act:active{transform:scale(.86)}   /* criterio d3: press */
  #listSev .hz-list .fam-act svg{width:15px;height:15px;flex:none}
  #listSev .hz-list .fam-act .fam-act-t{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;font-size:.72rem;font-weight:700;line-height:1;transition:max-width .25s ease,opacity .18s,margin-left .25s}   
  #listSev .hz-list .fam-act:hover .fam-act-t,#listSev .hz-list .fam-act:focus-visible .fam-act-t{max-width:12em;opacity:1;margin-left:5px}
  /* ⚠️ EL DESTINO DEL MASIVO SE LEE SIEMPRE. Suyo: *«pone “Mueve todo a” y a
     continuación dos iconos sin texto»*. El rótulo colapsado tiene sentido en la
     botonera de la FILA —hay muchas y compiten por el sitio— pero aquí deja **una frase
     a medias**: «Mueve todo a» + un icono no dice a dónde.
     ⛔ No es regresión del renombrado: antes decía «A revisar» y también salía colapsado.
     Lo que hizo el renombrado fue **hacerlo evidente**, porque «Mueve todo a» pide un
     complemento y «A revisar» se leía como un nombre propio.
     Se acota a `.fam-acts`: la botonera de la fila no se toca. */
  #listSev .hz-list .fam-acts .fam-act .fam-act-t{max-width:12em;opacity:1;margin-left:5px}
  #listSev .hz-list .fam-act::after{content:none}   
  #listSev .hz-list .fam-act[data-fam-act="problem"]:hover{background:rgba(142,211,146,.2);border-color:var(--mej);color:var(--deep)}   /* criterio d3 */
  html[data-theme="dark"] #listSev .hz-list .fam-act[data-fam-act="problem"]:hover{background:rgba(142,211,146,.2);border-color:var(--mej);color:var(--ok)}
  #listSev .hz-list .fam-act[data-fam-act="ignore"]:hover{border-color:var(--ink-soft);color:var(--ink)}
  
  .grp-body.fp-body{padding-top:14px}
  html[data-plan="free"] .fp-body{padding-left:25px!important}   
  
  #secFx{position:fixed;top:0;left:0;right:0;height:64px;z-index:31;pointer-events:none;opacity:0}   
  #secFx.on{opacity:1}
  #secFx .secFx-t{position:absolute;left:0;top:13px;transform-origin:left center;pointer-events:auto;cursor:pointer;white-space:nowrap;font-family:var(--font-head);font-weight:800;font-size:clamp(1.25rem,3vw,1.6rem);line-height:1.1;color:var(--ink);background:var(--bg);padding:4px 12px;border-radius:11px;will-change:transform}
  #secFx .secFx-t:hover{color:var(--deep)}
  .sec.secfx-took>summary h2{visibility:hidden}
  
  .dudas-thumb.on{background:transparent}   
  .dudas-thumb.dudas-up.on{color:var(--ok)}
  .dudas-thumb.dudas-down.on{color:var(--crit)}
  .dudas-thumb.on svg{fill:currentColor;fill-opacity:.2}
  
  html[data-plan="free"] .finding.managed:not(.expanded) .fnd-fp-foot{display:none!important}
  
  .fnd-fly{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;padding:11px 16px;border-radius:14px;background:color-mix(in srgb,#ffffff 9%,var(--bg));border:1px solid var(--hairline);color:var(--ink);font-family:var(--font-head);font-weight:800;font-size:.95rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 22px 48px -16px rgba(0,0,0,.6);transition:transform .62s cubic-bezier(.4,0,.15,1),opacity .5s ease .1s;transform-origin:left center;will-change:transform,opacity}
  
  .fam-spec{display:none!important}
  
  html[data-plan="free"] .finding:not(.managed)[data-decision="pend"]>.fnd-decide3{position:sticky;top:calc(var(--sev-stick,67px) + 54px);align-self:start}
  
  .fnd-decide3>.fnd-arr{position:absolute;right:100%;margin:0 16px 0 0;top:54%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}
  html[data-plan="free"] .finding:not(.managed)[data-decision="pend"]>.fnd-decide3{background:transparent;margin-bottom:16px}   
  
  html[data-plan="free"] #listSev .finding.is-summary.url-filtered-out{display:none!important}   
  
  .frm-read .frm-r-read,.frm-read .frm-r-col{align-items:center;gap:5px}
  .frm-read .frm-r-read{display:inline-flex}
  .frm-read .frm-r-col{display:none}
  html[data-plan="free"] .finding:not(.is-summary) .frm-read .frm-r-read{display:none}
  html[data-plan="free"] .finding:not(.is-summary) .frm-read .frm-r-col{display:inline-flex}
  
  .vb-hz .vb-q{display:none}
  .vb-hz .hz-line{display:grid;grid-template-columns:auto auto;grid-template-areas:"lnum lefe" "num pills";align-items:center;justify-items:center;justify-content:center;column-gap:18px;row-gap:14px;padding:0}
  .vb-hz .hz-line>.hz-cl-num{grid-area:lnum}
  .vb-hz .hz-line>.hz-num{grid-area:num}
  .vb-hz .hz-line>.hz-cl-efe{grid-area:lefe}
  .vb-hz .hz-line>.hz-pills{grid-area:pills}
  .vb-hz .hz-cl{font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);text-align:center;white-space:nowrap;line-height:1}
  .vb-hz .hz-cl-num{font-size:.72rem}
  .vb-hz .hz-cl-efe{font-size:.62rem;opacity:.9}
  
  html[data-plan="free"] .bal-top{min-height:406px}
  
  .finding.fp-flag .fnd-sev{display:none!important}
  

  /* ⛔⛔ E17 · LAS COPIAS FANTASMA SE PINTABAN. Suyo, con captura: bajo el único hallazgo
     de «Bloquean» había **un hueco vertical con varias líneas punteadas sueltas**, y la
     píldora decía más hallazgos de los que se veían.
     MEDIDO en la v6-r167, grupo «Bloquean» del listado: la píldora decía **«7 hallazgos»**
     y en el DOM había **7 `.finding`: 3 reales y 4 con `data-wk-ghost`** —copias que el
     informe marca cuando un mismo hallazgo aparece más de una vez—. Las cuatro estaban
     **VISIBLES a 18px cada una**, enseñando un jirón de texto. Ese es el hueco, y las
     «líneas punteadas» son su filete izquierdo, que la fila lleva de serie.
     ✅ Una copia marcada como fantasma no es una fila: es contabilidad. No se pinta.
     📌 El informe ya la trata así en todas partes —`V.nodo()` usa `:not([data-wk-ghost])`—;
     lo único que faltaba era que el CSS hiciera lo mismo. */
  #listSev .finding[data-wk-ghost],
  #gestDock .finding[data-wk-ghost]{display:none !important}


      .hz-intro{margin:0 auto 20px;font-size:.95rem;line-height:1.6;color:var(--ink-soft);opacity:.9;max-width:70ch;text-align:center;text-wrap:balance}
      .hz-intro .hz-i2,.hz-intro .hz-i3{display:block}
      .hz-intro .hz-i2{margin-top:10px}
      .hz-intro strong{font-weight:700;opacity:1}
      /* en un informe COMPARTIDO el switcher no se muestra (el modo lo fijó quien compartió) → las frases de la elección no tendrían a qué referirse */
      .hz-intro:has(+ .onb-embed.rep-shared) .hz-i2,
      .hz-intro:has(+ .onb-embed.rep-shared) .hz-i3{display:none}
    

      .onb-embed{margin:26px 0 16px;width:100%}
      .onb-frame{display:block;width:100%;height:120px;border:0;overflow:hidden;background:transparent}
      .onb-embed.rep-shared{display:none}   
    

      .dmb-embed{margin:2px 0 20px;width:100%;transition:min-height .45s ease}
      .dmb-frame{display:block;width:100%;height:74px;border:0;overflow:hidden;background:transparent;
        transition:height .4s ease}
      .dmb-embed.is-play{min-height:168px}   
      .hz-intro{transition:opacity .35s ease,max-height .45s ease,margin .45s ease}
      .hz-intro.dmb-off{opacity:0;max-height:0;margin:0;overflow:hidden;pointer-events:none}
    

    /* v2 (Fase 0): barra lateral SOLO al estar logado (html.wk-auth). Por defecto (no logado) = trail, exactamente como en v1. */
    html:not(.wk-auth) .wsb{display:none!important}
    html:not(.wk-auth).has-wsb body,html:not(.wk-auth).has-wsb.wsb-collapsed body{padding-left:0!important}
    @media(max-width:820px){html:not(.wk-auth).has-wsb body{padding-left:0!important}}
    #planToggle,.plan-toggle,.plan-toggle-toc{display:none!important}
    /* LOGADO (html.wk-auth): la barra lateral sustituye al trail y desplaza el contenido */
    html.wk-auth #trail{display:none!important}
    html.wk-auth.has-wsb body{padding-left:var(--wsb-w)!important}   
    /* v2 (Fase 1): nivel PÁGINA del árbol (Dominio → Página → Informe) */
    .wsb-page{display:flex;flex-direction:column}
    .wsb-page-h{display:flex;align-items:center;gap:6px;width:100%;border:none;background:none;border-radius:8px;padding:6px 8px;cursor:pointer;color:var(--ink-soft);font-family:var(--font);font-weight:600;font-size:.82rem;text-align:left;transition:background .15s,color .15s}
    .wsb-page-h:hover{background:var(--glass-bg-strong);color:var(--ink)}
    .wsb-page-h .wsb-dom-chev{width:12px;height:12px;flex:none;color:var(--ink-soft);opacity:.7;transition:transform .18s}
    .wsb-page.open>.wsb-page-h .wsb-dom-chev{transform:rotate(90deg)}
    .wsb-page-h .wsb-node-ic{width:15px;height:15px;flex:none;opacity:.75}
    .wsb-page-nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .wsb-page.in-path>.wsb-page-h{color:var(--sb-a1)}
    .wsb-page-list{display:none;flex-direction:column;gap:1px;padding:1px 0 4px 12px}
    .wsb-page.open>.wsb-page-list{display:flex}
    .wsb.collapsed:not(.peek) .wsb-page-nm{display:none}
    html.wk-auth #wsbBottom #acctLogin{display:none!important}
    html.wk-auth #wsbBottom #acct{display:block!important}
    /* v2 (Fase 2·B): en logado, anchos propios de la barra colapsable (el trail forzaba --wsb-wc:290) + padding del body según estado */
    html.wk-auth{--wsb-w:264px;--wsb-wc:96px}
    html.wk-auth.has-wsb.wsb-collapsed body{padding-left:var(--wsb-wc)!important}
    /* v2 (C): acceso de un informe COMPARTIDO CONMIGO — ojo=solo lectura, lápiz=lectura y gestión */
    .wsb-rep-acc{display:inline-flex;align-items:center;justify-content:center;width:22px;height:26px;flex:none;color:var(--ink-soft);opacity:.8}
    .wsb-rep-acc svg{width:14px;height:14px}
    .wsb-rep-acc.acc-gestion{color:var(--mej)}
          .wsb-rep-acc.acc-informe{color:var(--ink-soft);opacity:.7}   
    .wsb-rep-share{display:inline-flex;align-items:center;justify-content:center;width:24px;height:26px;flex:none;border:none;background:none;border-radius:7px;color:var(--ink-soft);opacity:.75;cursor:pointer;transition:background .15s,color .15s,opacity .15s}
    .wsb-rep-share:hover{background:var(--glass-bg-strong);color:var(--deep);opacity:1}
    .wsb-rep-share svg{width:15px;height:15px}
    .wsb.collapsed:not(.peek) .wsb-rep-acc,.wsb.collapsed:not(.peek) .wsb-rep-share{display:none}
    html[data-plan="free"] body:not(.onb-gestionar) .toc-plan{display:none!important}
    html[data-plan="free"] body.onb-gestionar .toc-plan{display:flex!important}
    html[data-plan="free"] .gest-dock.is-stuck{left:0!important;right:0!important;margin-inline:auto!important;width:auto!important;max-width:calc(var(--maxw) - 48px)!important;transform:translateY(0)}
    html.wk-auth[data-plan="free"] .gest-dock.is-stuck{left:var(--wsb-w)!important}
    html.wk-auth.wsb-collapsed[data-plan="free"] .gest-dock.is-stuck{left:var(--wsb-wc)!important}
    @media(max-width:1180px){ html:not(.wk-auth)[data-plan="free"] .gest-dock.is-stuck{left:0!important} }
  

  #trail{--tx:9px;--row:36px;position:fixed;top:0;left:0;bottom:0;width:290px;padding:0 16px;pointer-events:none;z-index:55;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 4%,#000 24%,#000 76%,transparent 96%);mask-image:linear-gradient(180deg,transparent 4%,#000 24%,#000 76%,transparent 96%)}
  #trail .tr-hair{position:absolute;left:8px;right:8px;top:50%;height:calc(var(--row) + 10px);transform:translateY(-50%);background:linear-gradient(90deg,rgba(188,212,122,.14),rgba(188,212,122,.03) 62%,transparent);border-radius:11px;pointer-events:none}
  #trList{position:absolute;left:16px;right:16px;top:0;transition:transform .14s ease-out;will-change:transform}
  .tr-node{--c:var(--hairline);--cl:var(--ink-soft);position:relative;display:flex;align-items:center;height:var(--row);padding-left:var(--tx);cursor:pointer;pointer-events:auto}
  .tr-node::before{content:"";position:absolute;left:var(--tx);top:0;width:2px;margin-left:-1px;height:100%;background:repeating-linear-gradient(180deg,var(--c) 0 2px,transparent 2px 6px);pointer-events:none}
  .tr-node::after{content:"";position:absolute;left:42px;right:6px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(160,180,125,.14),rgba(160,180,125,.03) 78%,transparent);pointer-events:none}
  .tr-node:last-child::after{display:none}
  .tr-branch{width:17px;height:0;border-top:1.5px dotted var(--c);flex:none}   
  .tr-dot{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--c);background:var(--bg);flex:none;transition:width .18s,height .18s,box-shadow .18s}
  .tr-lbl{margin-left:10px;font-size:1.03rem;color:var(--cl);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.005em;transform-origin:left center;transition:transform .14s ease-out}
  .tr-node.lvl2 .tr-branch{width:29px}
  .tr-node.lvl2 .tr-dot{width:7px;height:7px}
  .tr-node.lvl2 .tr-lbl{font-size:.94rem;margin-left:8px}
  .tr-node.active .tr-dot{width:13px;height:13px;box-shadow:0 0 10px rgba(188,212,122,.6)}
  .tr-node.active.lvl2 .tr-dot{width:11px;height:11px}
  .tr-node.active .tr-lbl{font-weight:700}
  .tr-node.hover .tr-dot{width:13px;height:13px;box-shadow:0 0 7px rgba(188,212,122,.38)}
  .tr-node.hover.lvl2 .tr-dot{width:11px;height:11px}
  .tr-node.hover .tr-lbl{font-weight:600}
  @media (prefers-reduced-motion:reduce){#trList{transition:none}}
  @media (max-width:1180px){ #trail{display:none} }


  /* transiciones base (smooth en ambos sentidos) */
  html[data-plan="free"] #listSev .frm-move-lbl,
  html[data-plan="free"] #listSev .frm-actions .frm-act,
  html[data-plan="free"] #listSev .frm-actions .frm-sep,
  html[data-plan="free"] #listSev .frm-actions,
  html[data-plan="free"] #listSev .fam-lbl .fam-acts{ transition:max-width .3s ease,opacity .22s ease,margin .3s ease,padding .3s ease,gap .3s ease; }
  html[data-plan="free"] #listSev .fnd-fp-foot{ transition:opacity .22s ease; }
  html[data-plan="free"] #seleccion{ max-height:8000px; transition:max-height .45s ease,opacity .3s ease,margin .45s ease; }
  html[data-plan="free"] #gestDock{ transition:opacity .3s ease,transform .34s ease; }
  /* ===== LECTURA (body SIN .onb-gestionar): oculta las acciones/secciones de gestión ===== */
  html[data-plan="free"] body:not(.onb-gestionar) #listSev .frm-move-lbl,
  html[data-plan="free"] body:not(.onb-gestionar) #listSev .frm-actions .frm-act:not([data-tip="Tengo dudas"]),
  html[data-plan="free"] body:not(.onb-gestionar) #listSev .frm-actions .frm-sep,
  html[data-plan="free"] body:not(.onb-gestionar) #listSev .fam-lbl .fam-acts{ max-width:0!important;opacity:0!important;margin:0!important;padding-left:0!important;padding-right:0!important;border-width:0!important;overflow:hidden;pointer-events:none; }
  html[data-plan="free"] body:not(.onb-gestionar) #listSev .frm-actions{ gap:0!important; }
  /* falso-positivo (botón position:absolute → no deja hueco: fade + no clicable) */
  html[data-plan="free"] body:not(.onb-gestionar) #listSev .fnd-fp-foot{ opacity:0!important;pointer-events:none!important; }
  html[data-plan="free"] body:not(.onb-gestionar) #seleccion{ max-height:0!important;opacity:0!important;margin-top:0!important;margin-bottom:0!important;overflow:hidden;pointer-events:none; }
  /* tray/dock de selección (baja y desaparece) */
  html[data-plan="free"] body:not(.onb-gestionar) #gestDock{ opacity:0!important;transform:translateY(120%)!important;pointer-events:none!important; }
  

#wkThemeBtn{position:fixed;left:16px;bottom:60px;z-index:9001;display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--glass-border);background:var(--glass-bg);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:var(--ink-soft);border-radius:999px;padding:8px 14px;
  font-family:var(--font);font-size:.82rem;font-weight:700;line-height:1;cursor:pointer;
  box-shadow:var(--glass-shadow);transition:color .18s,border-color .18s,background .18s,left .2s,bottom .2s}
#wkThemeBtn:hover{color:var(--ink);border-color:color-mix(in srgb,var(--deep) 45%,var(--glass-border))}
#wkThemeBtn:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
#wkThemeBtn.in-bar{
  position:static;z-index:auto;left:auto;bottom:auto;width:100%;
  display:flex;align-items:center;gap:11px;justify-content:flex-start;
  border:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;
  border-radius:9px;padding:8px 9px;margin:0 0 2px;
  font-size:.87rem;font-weight:600;color:var(--ink-soft);
  transition:background .15s,color .15s}
#wkThemeBtn.in-bar:hover{background:var(--glass-bg-strong);color:var(--ink)}
#wkThemeBtn.in-bar svg{width:19px;height:19px;flex:none}
.wsb.collapsed:not(.peek) #wkThemeBtn.in-bar{padding:9px;gap:0;font-size:0}
.wsb.collapsed:not(.peek) #wkThemeBtn.in-bar>span{display:none}
#wkThemeBtn svg{width:15px;height:15px;flex:none}
@media print{#wkThemeBtn{display:none}}

/* --- remates del MODO CLARO (solo entran con data-theme="light") --- */
/* menú de la cuenta: era un panel oscuro fijo, con texto que en claro es tinta */
html[data-theme="light"] .acct-menu{background:rgba(255,255,255,.97);border-color:var(--field-bd)}
html[data-theme="light"] #decideLater{color:var(--ink-soft);border-color:var(--field-bd)}
html[data-theme="light"] #decideLater:hover{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 26%,transparent);background:rgba(34,26,19,.05)}
/* cabecera de familia al quedarse pegada arriba: banda oscura fija */
html[data-theme="light"] #listSev .hz-list .sev-group>summary.is-pinned,
html[data-theme="light"] #listSev .hz-list .sev-group>summary.is-pinned:hover{background:var(--bg-soft)}
/* ámbar claro sobre crema (brandbook p.35: los acentos no van como texto sobre claro) */
html[data-theme="light"] .tc-line.tc-afec{stroke:var(--imp-t)}
html[data-theme="light"] circle.tc-afec{fill:var(--imp-t)}
html[data-theme="light"] .inv-abierta{color:var(--imp-t)}
/* trail: el JS pinta --cl con verdes de modo oscuro (lima sobre crema ≈ 1.5:1) */
html[data-theme="light"] .tr-lbl{color:var(--ink-soft);opacity:.85}
html[data-theme="light"] .tr-node.active .tr-lbl{color:var(--deep);opacity:1}
/* dock de pago: fondo azul-noche fijo */
html[data-theme="light"][data-plan="paid"] .gest-dock.is-stuck{background:var(--glass-bg-strong)}

body{font-variation-settings:'ROND' 20}


/* Display: el titular del hero y el dominio */
.hero-top h1, .hero-top h1 span, .h1-dom{font-weight:300!important;letter-spacing:-.02em!important}
/* La cifra grande de hallazgos: Sora se reserva para titulares Y CIFRAS */
.hzb-n{font-weight:300!important;letter-spacing:-.02em!important}
/* H1 / H2 de sección */
h2, h2 span, .sec-open h2, .sec-open h2 span,
a.scan-url-link, h1.wk-gate-h1, .h1-rep-nm{font-weight:400!important;letter-spacing:-.015em!important}
/* H3 y titulares menores */
h3, h3 span, .cf-title, .wk-sub-t, .adv-tagline{font-weight:400!important}
/* Énfasis puntual (600): cabeceras de familia, contadores y el strong del manifiesto */
.st, .gd-count, .gdc-n, .adv-tagline strong{font-weight:600!important}
/* Reajustes por especificidad: estos viven dentro del h1 del hero y heredaban el 300 del display */
.hero-top h1 .h1-rep-nm{font-weight:400!important;letter-spacing:-.015em!important}
.hero-top h1 .h1-rep-cache{font-weight:400!important;letter-spacing:normal!important}
.wk{font-weight:700!important}
.scan-path{font-weight:600!important}


@property --bg{syntax:'<color>';inherits:true;initial-value:#FBF6EF}
@property --bg-soft{syntax:'<color>';inherits:true;initial-value:#F6EFE5}
@property --ink{syntax:'<color>';inherits:true;initial-value:#221A13}
@property --ink-soft{syntax:'<color>';inherits:true;initial-value:#6E635A}
@property --wk{syntax:'<color>';inherits:true;initial-value:#3E7A2E}
@property --glass-bg{syntax:'<color>';inherits:true;initial-value:rgba(255,255,255,.34)}
@property --glass-bg-strong{syntax:'<color>';inherits:true;initial-value:rgba(255,255,255,.62)}
@property --glass-border{syntax:'<color>';inherits:true;initial-value:rgba(255,255,255,.7)}
@property --hairline{syntax:'<color>';inherits:true;initial-value:rgba(34,26,19,.08)}
@property --track{syntax:'<color>';inherits:true;initial-value:rgba(34,26,19,.08)}
@property --field{syntax:'<color>';inherits:true;initial-value:rgba(255,255,255,.6)}
@property --field-bd{syntax:'<color>';inherits:true;initial-value:rgba(34,26,19,.14)}
@property --crit-t{syntax:'<color>';inherits:true;initial-value:#C0374A}
@property --crit-bg{syntax:'<color>';inherits:true;initial-value:rgba(214,69,80,.12)}
@property --crit-bd{syntax:'<color>';inherits:true;initial-value:rgba(214,69,80,.34)}
@property --imp-t{syntax:'<color>';inherits:true;initial-value:#A9631B}
@property --imp-bg{syntax:'<color>';inherits:true;initial-value:rgba(224,149,74,.15)}
@property --imp-bd{syntax:'<color>';inherits:true;initial-value:rgba(224,149,74,.36)}
@property --mej-t{syntax:'<color>';inherits:true;initial-value:#4E7C3F}
@property --mej-bg{syntax:'<color>';inherits:true;initial-value:rgba(142,211,146,.16)}
@property --mej-bd{syntax:'<color>';inherits:true;initial-value:rgba(142,211,146,.42)}
@property --ok{syntax:'<color>';inherits:true;initial-value:#4E7C3F}
@property --deep{syntax:'<color>';inherits:true;initial-value:#4E7C3F}
@property --warn-t{syntax:'<color>';inherits:true;initial-value:#A9631B}
@property --sp2{syntax:'<color>';inherits:true;initial-value:#6FA85A}
@property --sp4{syntax:'<color>';inherits:true;initial-value:#e0c34a}
@property --sp5{syntax:'<color>';inherits:true;initial-value:#c98a4b}
@property --info{syntax:'<color>';inherits:true;initial-value:#5a86ad}
@property --locked{syntax:'<color>';inherits:true;initial-value:#C3BCA8}
@property --sb-a0{syntax:'<color>';inherits:true;initial-value:#6F8B60}
@property --sb-a1{syntax:'<color>';inherits:true;initial-value:#4E7C3F}
@property --sb-a2{syntax:'<color>';inherits:true;initial-value:#2F7A1B}
@property --locked-a{syntax:'<color>';inherits:true;initial-value:rgba(34,26,19,.16)}
@property --locked-b{syntax:'<color>';inherits:true;initial-value:rgba(34,26,19,.06)}

html.wk-theming{
  transition:
    --bg 5s ease,
    --bg-soft 5s ease,
    --ink 5s ease,
    --ink-soft 5s ease,
    --wk 5s ease,
    --glass-bg 5s ease,
    --glass-bg-strong 5s ease,
    --glass-border 5s ease,
    --hairline 5s ease,
    --track 5s ease,
    --field 5s ease,
    --field-bd 5s ease,
    --crit-t 5s ease,
    --crit-bg 5s ease,
    --crit-bd 5s ease,
    --imp-t 5s ease,
    --imp-bg 5s ease,
    --imp-bd 5s ease,
    --mej-t 5s ease,
    --mej-bg 5s ease,
    --mej-bd 5s ease,
    --ok 5s ease,
    --deep 5s ease,
    --warn-t 5s ease,
    --sp2 5s ease,
    --sp4 5s ease,
    --sp5 5s ease,
    --info 5s ease,
    --locked 5s ease,
    --sb-a0 5s ease,
    --sb-a1 5s ease,
    --sb-a2 5s ease,
    --locked-a 5s ease,
    --locked-b 5s ease;
}


#wkTrailHead{
  position:fixed; left:0; width:290px;               /* el ancho del trail */
  box-sizing:border-box; padding:0 16px;
  z-index:56; pointer-events:none;                    /* discreto: no intercepta el ratón */
  display:flex; flex-direction:column; align-items:flex-start; text-align:left; gap:5px;   
  opacity:0; transform:translateY(-8px);
  transition:opacity .55s ease, transform .55s ease;  /* entrada suave */
}
#wkTrailHead.is-on{opacity:1; transform:none}
#wkTrailHead .wth-fav{
  width:100%; margin:0; display:flex; gap:4px; align-items:flex-start;
  border:0; background:none; box-shadow:none; border-radius:0; overflow:visible;
}
#wkTrailHead .wth-brw{
  /* el filo va por DENTRO (inset) y no por `border`: con anchos distintos, 1px de borde a cada lado
     descuadraba los altos (89,9 vs 87,8) porque cada marco tiene su propia proporción. */
  flex:0 0 auto; border:0; border-radius:7px; overflow:hidden;
  background:var(--bg-soft); box-shadow:0 10px 26px -16px rgba(50,60,35,.30), inset 0 0 0 1px var(--hairline);
}
#wkTrailHead .wth-brw.is-d{width:calc((100% - 4px) * 360 / 458)}
#wkTrailHead .wth-brw.is-m{width:calc((100% - 4px) * 98 / 458)}
#wkTrailHead .wth-brw.is-d{border-radius:7px 7px 5px 5px}
#wkTrailHead .wth-brw.is-d::after{content:"";display:block;height:3px;background:color-mix(in srgb,var(--ink) 12%,var(--bg-soft))}
#wkTrailHead .wth-brw.is-m{border-radius:11px;box-shadow:0 10px 26px -16px rgba(50,60,35,.30), inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 16%,var(--bg-soft))}
#wkTrailHead .wth-brw.is-m .wth-brw-bar{justify-content:center;gap:0}
#wkTrailHead .wth-brw.is-m .wth-brw-bar i{display:none}
#wkTrailHead .wth-brw.is-m .wth-brw-bar::after{content:"";display:block;width:16px;height:2.5px;border-radius:999px;background:var(--ink-soft);opacity:.45}
#wkTrailHead .wth-brw.is-m::after{content:"";display:block;height:3px;background:transparent}   /* misma altura que la base del monitor → altos idénticos */
/* dominio con globo, ruta con página */
#wkTrailHead .wth-dom{display:flex;flex-direction:row;align-items:center;gap:10px;width:100%;min-width:0}
#wkTrailHead .wth-dom>svg{width:18px;height:18px;flex:none;stroke:currentColor;fill:none;opacity:.72}
#wkTrailHead .wth-dom .wth-dom-tx{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0}
#wkTrailHead .wth-dom .wth-www{font-family:var(--font);font-size:.66rem;font-weight:600;letter-spacing:.04em;
  text-transform:lowercase;color:var(--ink-soft);opacity:.65;line-height:1.15}
#wkTrailHead .wth-dom .wth-dom-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
#wkTrailHead .wth-path{display:block;text-align:left;pointer-events:auto}
#wkTrailHead .wth-path>svg{width:11px;height:11px;stroke:currentColor;fill:none;opacity:.7;margin-right:7px;vertical-align:-1px}
#wkTrailHead .wth-seg{color:inherit;text-decoration:none;border-bottom:1px dotted transparent;transition:color .14s ease,border-color .14s ease}
#wkTrailHead .wth-seg:hover,#wkTrailHead .wth-seg:focus-visible{color:var(--ink);border-bottom-color:currentColor}
#wkTrailHead .wth-ext{display:inline-flex;align-items:center;margin-left:8px;vertical-align:-2px;opacity:.6}
#wkTrailHead .wth-ext svg{width:11px;height:11px;stroke:currentColor;fill:none}
#wkTrailHead .wth-path:hover .wth-ext{opacity:.9}
#wkTrailHead .wth-brw-bar{
  display:flex; align-items:center; gap:3px; height:11px; padding:0 5px;
  background:color-mix(in srgb,var(--ink) 7%, var(--bg-soft));
  border-bottom:1px solid var(--hairline);
}
#wkTrailHead .wth-brw-bar i{width:3px;height:3px;border-radius:50%;background:var(--ink-soft);opacity:.42}
#wkTrailHead .wth-shot{
  display:block; width:100%; min-width:0; min-height:0;
  background-size:100% 100%; background-position:top center; background-repeat:no-repeat; border-radius:0;
}
#wkTrailHead .wth-brw.is-d .wth-shot{aspect-ratio:360/140}
#wkTrailHead .wth-brw.is-m .wth-shot{aspect-ratio:98/140}
/* sin captura: cuadradito con la inicial, centrado */
#wkTrailHead .wth-fav:not(.has-shot){display:flex;align-items:center;justify-content:center;height:40px}
#wkTrailHead .wth-fav .wth-ini{font-family:var(--font);font-weight:700;font-size:1.1rem;color:var(--deep)}
#wkTrailHead .wth-fav .wth-ini{font-family:var(--font);font-weight:700;font-size:.86rem;color:var(--deep)}
#wkTrailHead .wth-dom{
  font-family:var(--font-head); font-weight:400; letter-spacing:-.015em;
  font-size:1.02rem; line-height:1.2; color:var(--ink);
  max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
#wkTrailHead .wth-path{
  font-family:var(--font); font-size:.68rem; line-height:1.35; font-weight:500;
  color:var(--ink-soft); opacity:.75;                 /* menos protagonismo que el dominio */
  max-width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  word-break:break-all;
}
/* hilo de separación: deja claro que la ficha es la cabecera y el trail su índice */
#wkTrailHead::after{content:"";display:block;width:52px;height:1px;margin:14px 0 0;
  background:linear-gradient(90deg,transparent,var(--ink-soft),transparent);opacity:.45}
/* no existe donde no hay trail: logado (barra lateral) y por debajo de 1180px */
html.wk-auth #wkTrailHead{display:none}
@media (max-width:1180px){#wkTrailHead{display:none}}
@media print{#wkTrailHead{display:none}}
@media (prefers-reduced-motion:reduce){#wkTrailHead{transition:none}}


.gest-dock:not(.is-stuck) .gest-divider .gest-plan-count{display:none}


#shxAccReport{grid-column:1/-1;flex-wrap:wrap}          /* .shx-acc-b es nowrap: sin esto, la
   descripción (flex-basis:100%) estrujaba el título y lo partía palabra a palabra */
#shxAccReport .shx-acc-l{flex:1 1 auto;min-width:0;white-space:normal}
#shxAccReport .shx-acc-d{flex-basis:100%;width:100%;margin-top:3px}


  .finding:has(>.head>.chip.cat-bloq):not(.st-ignorar):not(.st-falso):not(.st-resuelto):not(.st-curso):not(.st-parcial):not(.st-posponer):not(.fp-flag){border-left-color:var(--crit-bd)}
  .finding:has(>.head>.chip.cat-lim):not(.st-ignorar):not(.st-falso):not(.st-resuelto):not(.st-curso):not(.st-parcial):not(.st-posponer):not(.fp-flag){border-left-color:var(--imp-bd)}
  :root{--afec-bd:rgba(224,195,74,.34)}
  html[data-theme="light"]{--afec-bd:rgba(224,195,74,.5)}
  #grpAfec .finding{border-left-color:var(--afec-bd)}
  .finding:has(>.head>.chip.cat-afec):not(.st-ignorar):not(.st-falso):not(.st-resuelto):not(.st-curso):not(.st-parcial):not(.st-posponer):not(.fp-flag){border-left-color:var(--afec-bd)}


  #sufFamState{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
  #sufFamState .suf-lbl{opacity:.8}
  #sufFamState .suf-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 4px 2px 9px;border:1px solid var(--hairline);border-radius:999px;background:var(--field);font-weight:700;font-size:.82rem;line-height:1.6}
  #sufFamState .suf-pill-t{color:var(--ok)}
  #sufFamState .suf-x{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer;opacity:.75;transition:background .14s ease,opacity .14s ease,color .14s ease}
  #sufFamState .suf-x svg{width:11px;height:11px}
  #sufFamState .suf-x:hover,#sufFamState .suf-x:focus-visible{opacity:1;background:rgba(214,69,80,.16);color:var(--crit,#d64550)}
  #sufFamState .suf-pill-clear{padding:2px 11px;border:1px dashed var(--hairline);border-radius:999px;background:transparent;color:var(--ink-soft);font-family:inherit;font-weight:600;font-size:.82rem;line-height:1.6;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}
  #sufFamState .suf-pill-clear:hover,#sufFamState .suf-pill-clear:focus-visible{background:var(--field);border-style:solid;color:var(--ink)}


  :root{--sev-pin-sh:0 12px 20px -14px rgba(0,0,0,.62);--suf-sh:0 5px 12px -10px rgba(0,0,0,.42)}
  html[data-theme="light"]{--sev-pin-sh:0 12px 18px -14px rgba(34,26,19,.30);--suf-sh:0 5px 11px -10px rgba(34,26,19,.16)}
  /* la de afectación manda; la del filtro se rebaja */
  .sev-urlfilter{box-shadow:var(--suf-sh)}
  #listSev .hz-list .sev-group>summary.is-pinned,
  #listSev .hz-list .sev-group>summary.is-pinned:hover{
    border-top-left-radius:0;border-top-right-radius:0;
    box-shadow:inset 0 1px 0 var(--hairline),inset 0 -1px 0 var(--hairline),var(--sev-pin-sh);
  }
  #listSev .hz-list:has(> .sev-group > summary.is-pinned) > .sev-urlfilter{border-bottom-left-radius:0;border-bottom-right-radius:0}


  #listSev .hz-list .sev-group>summary.is-parked{opacity:0;pointer-events:none;transition:opacity .12s ease}


  #decideDudasAnswer .dudas-btns .dudas-end{display:inline-flex;align-items:center;gap:14px;margin-left:auto}
  #decideDudasAnswer .dudas-end .dudas-act{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 14px;box-sizing:border-box;border:1px solid var(--hairline);border-radius:9px;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:.8rem;font-weight:700;line-height:1;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}
  #decideDudasAnswer .dudas-end .dudas-act svg{width:16px;height:16px;flex:none}
  #decideDudasAnswer .dudas-end .dudas-act-rev{color:var(--ok);border-color:var(--mej-bd);background:rgba(142,211,146,.11)}
  #decideDudasAnswer .dudas-end .dudas-act-rev:hover{background:rgba(142,211,146,.2);border-color:var(--mej)}
  #decideDudasAnswer .dudas-end .dudas-act-desc{background:rgba(255,255,255,.05)}
  #decideDudasAnswer .dudas-end .dudas-act-desc:hover{background:var(--field);border-color:var(--ink-soft);color:var(--ink)}
  html[data-theme="light"] #decideDudasAnswer .dudas-end .dudas-act-desc{background:rgba(34,26,19,.04)}
  #decideDudasAnswer .dudas-end .dudas-close{padding:0;border:0;background:none;font-family:inherit;font-size:.86rem;font-weight:600;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:color .14s ease}
  #decideDudasAnswer .dudas-end .dudas-close:hover,#decideDudasAnswer .dudas-end .dudas-close:focus-visible{color:var(--ink)}
  @media (max-width:640px){ #decideDudasAnswer .dudas-btns .dudas-end{margin-left:0;width:100%;justify-content:flex-end} }
  #decideDudasAnswer .dudas-end .dudas-act[hidden]{display:none!important}


  html[data-flow="descartes-listado"] .desc-group .sev-head .sv.desc{color:var(--ink-soft);opacity:.85}
  html[data-flow="descartes-listado"] .desc-group>summary .st{opacity:.9}
  html[data-flow="descartes-listado"] .desc-body .finding{opacity:.82}
  html[data-flow="descartes-listado"] .desc-body .finding:hover{opacity:1}
  /* sin el interruptor el grupo no tiene razón de ser (refresh() ya lo oculta al estar vacío, esto es el cinturón) */
  html:not([data-flow="descartes-listado"]) .desc-group{display:none}


  html[data-flow="descartes-listado"][data-plan="free"] .hz-list .fp-group{display:block}
  html[data-flow="descartes-listado"] #gestDock .plan-resumen{display:none}
  html[data-flow="descartes-listado"] #gestDock #canceladosBlock{display:none!important}
  html[data-flow="descartes-listado"] #gestDock #aresolverBlock>.manos-head{display:none}
  html[data-flow="descartes-listado"] #gestDock #aresolverBlock>.manos-list{margin-top:2px}


  html[data-flow="descartes-listado"] #listSev .desc-body,
  html[data-flow="descartes-listado"] #listSev .fp-body{padding-top:18px}
  html[data-flow="descartes-listado"] #listSev .desc-body>.finding:not(.expanded),
  html[data-flow="descartes-listado"] #listSev .fp-body>.finding:not(.expanded){
    border-radius:0;background:transparent;margin:-1px 0 0 10px;padding:8px 20px;
    border-left-width:1.5px;border-left-style:dotted;
    box-sizing:border-box;height:44px;
  }
  html[data-flow="descartes-listado"] #listSev .desc-body>.finding:not(.expanded)>.fnd-compact,
  html[data-flow="descartes-listado"] #listSev .fp-body>.finding:not(.expanded)>.fnd-compact{
    height:26px;min-height:0;align-items:center;
  }
  html[data-flow="descartes-listado"] #listSev .desc-body>.finding:not(.expanded) .fnd-compact-title,
  html[data-flow="descartes-listado"] #listSev .fp-body>.finding:not(.expanded) .fnd-compact-title{
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }

  #gestDock .finding:not(.expanded){box-sizing:border-box;height:44px}
  #gestDock .finding:not(.expanded)>.fnd-compact{height:26px;min-height:0;align-items:center}   
  #gestDock .finding:not(.expanded) .fnd-compact-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html[data-flow="descartes-listado"] #listSev .desc-body>.finding:not(.expanded):hover,
  html[data-flow="descartes-listado"] #listSev .fp-body>.finding:not(.expanded):hover{
    background:var(--field);border-left-width:3px;border-left-style:solid;
  }

  html[data-flow="descartes-listado"] #listSev .desc-group[hidden],
  html[data-flow="descartes-listado"] #listSev .fp-group[hidden]{display:block!important}
  html[data-flow="descartes-listado"] #listSev .desc-group:not(:has(.finding))>summary,
  html[data-flow="descartes-listado"] #listSev .fp-group:not(:has(.finding))>summary{pointer-events:none;cursor:default}
  html[data-flow="descartes-listado"] #listSev .desc-group:not(:has(.finding)) .sev-head,
  html[data-flow="descartes-listado"] #listSev .fp-group:not(:has(.finding)) .sev-head{filter:grayscale(1);opacity:.42}
  /* reordenar era cosa de la selección: fuera el asa */
  html[data-flow="descartes-listado"] #listSev .desc-body .fnd-drag,
  html[data-flow="descartes-listado"] #listSev .fp-body .fnd-drag{display:none}


  html[data-flow="descartes-listado"] .gest-dock:not(.is-stuck) .gest-divider .gest-plan-count{display:inline-flex}


  #listSev .finding:not(.expanded) .chip.chip-mini,
  #gestDock .finding:not(.expanded) .chip.chip-mini{display:none}


  html[data-flow="descartes-listado"][data-plan="free"] #listSev .finding.fp-flag:not(.expanded)>.fnd-compact>.fnd-dudas-sel{display:inline-flex;margin-left:auto;opacity:0;transition:opacity .16s ease}
  html[data-flow="descartes-listado"][data-plan="free"] #listSev .finding.fp-flag:not(.expanded):hover>.fnd-compact>.fnd-dudas-sel{opacity:1}
  html[data-flow="descartes-listado"][data-plan="free"] #listSev .finding.fp-flag.expanded>.fnd-compact>.fnd-dudas-sel{display:inline-flex;opacity:1;margin-left:auto}


  #decideDudasAnswer .dudas-end .dudas-act.dudas-act-undo{color:var(--ink-soft);border-color:var(--hairline);background:rgba(255,255,255,.05)}
  #decideDudasAnswer .dudas-end .dudas-act.dudas-act-undo:hover{background:var(--field);border-color:var(--ink-soft);color:var(--ink)}
  html[data-theme="light"] #decideDudasAnswer .dudas-end .dudas-act.dudas-act-undo{background:rgba(34,26,19,.04)}


  .onb-embed{display:none!important}


  #decideDudasAnswer .dudas-end .dudas-act .ic-fp{display:none}
  #decideDudasAnswer .dudas-end .dudas-act.dudas-act-fp .ic-box{display:none}
  #decideDudasAnswer .dudas-end .dudas-act.dudas-act-fp .ic-fp{display:inline-block}
  #decideDudasAnswer .dudas-end .dudas-act.dudas-act-fp{color:#8a67cf;border-color:rgba(138,103,207,.55);background:rgba(138,103,207,.10)}
  #decideDudasAnswer .dudas-end .dudas-act.dudas-act-fp:hover{background:rgba(138,103,207,.18);border-color:#8a67cf;color:#8a67cf}
  html[data-theme="dark"] #decideDudasAnswer .dudas-end .dudas-act.dudas-act-fp{color:#b89ce9;border-color:rgba(184,156,233,.42);background:rgba(184,156,233,.12)}
  html[data-theme="dark"] #decideDudasAnswer .dudas-end .dudas-act.dudas-act-fp:hover{background:rgba(184,156,233,.2);border-color:#b89ce9;color:#b89ce9}


  html[data-plan="free"] section.monitor-panel{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
  html[data-plan="free"] section.monitor-panel .mon-net-deco{display:none!important}
  html[data-plan="free"] .mon-head{display:block!important}
  html[data-plan="free"] .mon-shot-wrap{width:100%}
  html[data-plan="free"] .mon-shot-wrap>.scan-shot,
  html[data-plan="free"] .mon-shot-wrap>.mon-wp{display:none}
  html[data-plan="free"] .mon-main{margin-top:0}
  html[data-plan="free"] .mon-main>.scan-eyebrow{display:none}   
  html[data-plan="free"] .mon-main>h2.scan-url{display:none}   /* se conserva: de ahí leen dominio y ruta otros scripts */

  .mon-frame{--mh:164px;--mh-exp:386px;   
    position:relative;width:100%;border-radius:13px;overflow:hidden;background:var(--bg-soft);
    box-shadow:0 18px 40px -24px rgba(50,60,35,.55), inset 0 0 0 1px var(--hairline)}
  /* barra de Safari, mínima: puntos + la dirección */
  .mon-frame-bar{display:flex;align-items:center;gap:11px;height:46px;padding:0 14px;flex:none;
    background:color-mix(in srgb,var(--ink) 8%,var(--bg-soft));border-bottom:1px solid var(--hairline)}
  .mon-frame-bar .mfb-dots{display:flex;gap:5px;flex:none}
  .mon-frame-bar .mfb-dots i{width:8px;height:8px;border-radius:50%;background:var(--ink-soft);opacity:.38}
  .mon-frame-addr{flex:1;min-width:0;height:34px;display:flex;align-items:center;gap:10px;padding:0 15px;border-radius:999px;
    background:color-mix(in srgb,var(--ink) 5%,var(--bg));border:1px solid var(--hairline);
    font-family:var(--font);font-size:1.15rem;font-weight:600;color:var(--ink-soft);overflow:hidden}
  .mon-frame-addr>svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;opacity:.75}
  .mon-frame-addr .mfa-t{display:flex;align-items:baseline;white-space:nowrap;min-width:0;
    overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;cursor:grab}
  .mon-frame-addr .mfa-t::-webkit-scrollbar{height:0}
  .mon-frame-addr .mfa-t:active{cursor:grabbing}
  .mon-frame-addr .mfa-t{mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent);
                         -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 26px),transparent)}
  .mon-frame-addr .mfa-w{opacity:.55;flex:none}
  .mon-frame-addr .mfa-d{color:var(--ink);font-weight:700;flex:none}
  .mon-frame-addr .mfa-rest{white-space:nowrap;flex:none}   
  .mon-frame-addr .mfa-seg{color:inherit;text-decoration:none;border-bottom:1px dotted transparent;transition:color .14s,border-color .14s}
  .mon-frame-addr .mfa-seg:hover,.mon-frame-addr .mfa-seg:focus-visible{color:var(--ink);border-bottom-color:currentColor}
  .mon-frame-addr .mfa-ext{display:inline-flex;align-items:center;margin-left:8px;opacity:.55;vertical-align:-2px}
  .mon-frame-addr .mfa-ext svg{width:11px;height:11px;stroke:currentColor;fill:none}
  .mon-frame-addr:hover .mfa-ext{opacity:.85}

  .mon-frame-status{display:flex;align-items:center;justify-content:space-between;gap:18px;height:68px;padding:0 22px;flex:none;
    background:color-mix(in srgb,var(--ink) 6%,var(--bg-soft));border-top:1px solid var(--hairline);
    font-family:var(--font);font-size:.70rem;font-weight:600;color:var(--ink-soft);opacity:.95}   
  .mon-frame-status .mfs-l,.mon-frame-status .mfs-r{display:flex;align-items:center;gap:9px;min-width:0}
  .mon-frame-status svg{width:14px;height:14px;flex:none;stroke:currentColor;fill:none;opacity:.7}   
  .mon-frame-status .mfs-r{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mon-frame-status b{font-weight:700;color:var(--ink);opacity:.85}

  .mon-frame-body{position:relative;display:flex;gap:12px;padding:12px;height:var(--mh);
    transition:height .42s cubic-bezier(.22,.61,.36,1)}
  .mon-frame.is-exp .mon-frame-body{height:var(--mh-exp)}
  /* difuminado con el fondo mientras está colapsado */
  .mon-frame-body::after{content:"";position:absolute;left:0;right:0;bottom:0;height:54px;pointer-events:none;z-index:3;
    background:linear-gradient(to top,var(--bg) 6%,color-mix(in srgb,var(--bg) 55%,transparent) 55%,transparent);
    transition:opacity .35s ease}
  .mon-frame.is-exp .mon-frame-body::after{opacity:0}

  .mon-dev{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;
    border-radius:7px;box-shadow:inset 0 0 0 1px var(--hairline)}
  .mon-dev.is-d{flex:1 1 auto;min-width:0}
  .mon-dev.is-m{flex:0 0 190px;border-radius:15px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ink) 14%,var(--bg-soft))}
  .mon-dev-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
  .mon-dev-scroll::-webkit-scrollbar{width:0;height:0}
  .mon-dev-scroll img{display:block;width:100%;height:auto}

  .mon-frame-hint{position:absolute;right:12px;bottom:10px;z-index:4;display:inline-flex;align-items:center;gap:6px;
    margin:0;padding:4px 11px;border-radius:999px;background:rgba(12,14,9,.62);color:#fff;
    font-family:var(--font);font-size:.6rem;font-weight:700;pointer-events:none;transition:opacity .3s ease}
  .mon-frame.is-exp .mon-frame-hint{opacity:0}
  .mon-frame-hint svg{width:10px;height:10px;stroke:currentColor;fill:none;animation:monDown 2s ease-in-out infinite}
  @keyframes monDown{0%,100%{transform:translateY(-1px)}50%{transform:translateY(2px)}}
  @media (prefers-reduced-motion:reduce){.mon-frame-hint svg{animation:none}.mon-frame-body{transition:none}}

  /* la URL de debajo (globo + dominio + ruta navegable) se queda: es el dato, no el mockup */
  .mon-url{display:flex;flex-direction:column;gap:6px;min-width:0}
  .mon-url .mu-dom{display:flex;align-items:center;gap:12px;min-width:0}
  .mon-url .mu-dom>svg{width:24px;height:24px;flex:none;stroke:currentColor;fill:none;opacity:.72;color:var(--ink-soft)}
  .mon-url .mu-tx{display:flex;flex-direction:column;min-width:0}
  .mon-url .mu-www{font-family:var(--font);font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:lowercase;
    color:var(--ink-soft);opacity:.7;line-height:1.1}
  .mon-url .mu-d{font-family:var(--font-head);font-weight:400;letter-spacing:-.015em;font-size:1.55rem;line-height:1.14;color:var(--ink);
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .mon-url .mu-path{display:block;font-family:var(--font);font-size:.8rem;font-weight:500;color:var(--ink-soft);opacity:.85;line-height:1.4}
  .mon-url .mu-path>svg{width:12px;height:12px;stroke:currentColor;fill:none;opacity:.7;margin-right:8px;vertical-align:-1px}
  .mon-url .mu-seg{color:inherit;text-decoration:none;border-bottom:1px dotted transparent;transition:color .14s ease,border-color .14s ease}
  .mon-url .mu-seg:hover,.mon-url .mu-seg:focus-visible{color:var(--ink);border-bottom-color:currentColor}
  .mon-url .mu-ext{display:inline-flex;align-items:center;margin-left:9px;vertical-align:-2px;opacity:.6}
  .mon-url .mu-ext svg{width:12px;height:12px;stroke:currentColor;fill:none}
  .mon-url:hover .mu-ext{opacity:.9}
  @media (max-width:760px){
    .mon-frame{--mh:118px;--mh-exp:262px}
    .mon-dev.is-m{flex:0 0 132px}
    .mon-url .mu-d{font-size:1.24rem}
  }


  #wkTrailHead{display:none!important}


  /* (a) el marco de arriba se abre por abajo */
  .mon-frame{border-radius:13px 13px 0 0!important;box-shadow:0 -2px 0 0 transparent, inset 0 0 0 1px var(--hairline)!important}
  .mon-frame-body{padding-bottom:14px}
  /* (b) el casco del navegador */
  .brw-shell{position:absolute;left:50%;transform:translateX(-50%);width:912px;max-width:100%;
    pointer-events:none;border:1px solid var(--hairline);border-top:0;border-radius:0 0 15px 15px;
    background:linear-gradient(180deg,color-mix(in srgb,var(--ink) 4%,transparent),transparent 220px);
    box-shadow:0 30px 70px -50px rgba(0,0,0,.55)}
  /* (c) barra de estado fija abajo */
  .mon-frame-status.is-fixed{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:912px;max-width:calc(100% - 32px);
    z-index:9002;border:1px solid var(--hairline);border-top:1px solid var(--hairline);
    border-radius:0 0 15px 15px;background:color-mix(in srgb,var(--ink) 10%,var(--bg));
    box-shadow:0 18px 34px -22px rgba(0,0,0,.55)}
  /* aparcada: cuando el final del marco entra en pantalla, deja de flotar y cierra el casco en su sitio */
  .mon-frame-status.is-parked{position:absolute;left:50%;transform:translateX(-50%);bottom:auto;width:912px;max-width:100%;
    z-index:3;border:1px solid var(--hairline);border-radius:0 0 15px 15px;
    background:color-mix(in srgb,var(--ink) 10%,var(--bg));box-shadow:0 18px 34px -26px rgba(0,0,0,.5)}
  /* la barra fija no debe comerse el final del informe: se reserva su alto abajo */
  html[data-plan="free"] body{padding-bottom:96px}
  html[data-plan="free"] .cf-wk{margin-top:130px}
  @media (max-width:760px){ .brw-shell{width:calc(100% - 8px)} .mon-frame-status.is-fixed{border-radius:10px 10px 0 0} }


  :root{--brw-edge:color-mix(in srgb,var(--ink) 30%,transparent)}
  section.monitor-panel{overflow:visible!important}
  html[data-plan="free"] .mon-frame{width:calc(100% + 28px);margin-left:-14px}
  html[data-plan="free"] .mon-frame{border:1px solid var(--brw-edge)!important;border-bottom:0!important;
    box-shadow:0 30px 70px -50px rgba(0,0,0,.55)!important}
  html[data-plan="free"] .mon-frame-body{padding-left:26px;padding-right:26px}
  html[data-plan="free"] .mon-frame-bar{padding-left:28px;padding-right:28px;border-bottom-color:var(--brw-edge)}
  html[data-plan="free"] .mon-frame-hint{right:26px}
  .brw-shell{width:940px;border-color:var(--brw-edge)}
  .mon-frame-status.is-fixed,.mon-frame-status.is-parked{width:940px;border-color:var(--brw-edge)}
  /* (2) */
  .mon-frame-status.is-fixed{bottom:10px}
  html[data-plan="free"] body{padding-bottom:126px}
  .cf-wk{border-top:0!important}
  .brw-skirt{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:940px;max-width:calc(100% - 32px);
    height:41px;z-index:9001;background:var(--bg);pointer-events:none;overflow:hidden}
  .brw-skirt[hidden]{display:none}
  .brw-skirt>i{position:absolute;display:block;width:540px;height:540px;bottom:-240px;border-radius:50%;filter:blur(90px)}
  .mon-frame-status.is-fixed,.mon-frame-status.is-parked{opacity:1}
  @media (max-width:760px){ .brw-skirt{width:calc(100% - 8px)} }
  @media (max-width:760px){
    html[data-plan="free"] .mon-frame{width:100%;margin-left:0}
    html[data-plan="free"] .mon-frame-body{padding-left:12px;padding-right:12px}
    html[data-plan="free"] .mon-frame-bar{padding-left:14px;padding-right:14px}
    .brw-shell{width:calc(100% - 8px)}
    .mon-frame-status.is-fixed,.mon-frame-status.is-parked{width:calc(100% - 8px);border-radius:0 0 10px 10px}
  }


  .sel-refs{margin:20px 0 2px;text-align:center;font-family:var(--font);font-size:.92rem;color:var(--ink-soft);line-height:1.95}
  .sel-refs[hidden]{display:none}
  .sel-refs a{color:var(--ink);font-weight:600;text-decoration:none;cursor:pointer;
    border-bottom:1px dotted color-mix(in srgb,var(--ink) 42%,transparent);transition:border-color .14s}
  .sel-refs a:hover,.sel-refs a:focus-visible{border-bottom-style:solid;border-bottom-color:var(--ink)}
  .sel-refs b{font-weight:750}
  .sel-refs [hidden]{display:none}
  .sel-refs .sr-d:not([hidden])+.sr-f{margin-left:.38em}   


  .brw-skirt{display:none!important}                       /* (c) */
  .brw-shell{border-bottom:0;border-radius:0}              /* el cierre lo pone el pie, no el casco */
  /* EL CASCO CON FONDO (Juan, 24/09: «la parte de arriba no está conectada con
     el resto de la ventana, y en móvil se nota aún más»). Llevaba un velo de
     tinta al 4 % que se desvanecía a los 220px: el cuerpo de la ventana se
     quedaba transparente entre dos barras opacas —la de direcciones y la de
     estado— y se leían como tres piezas sueltas. Con el mismo --bg-soft del
     marco de las capturas, las tres forman una sola ventana. */
  .brw-shell{background:var(--bg-soft);z-index:-1}
  /* El casco es absoluto y va PRIMERO en .wrap: con fondo opaco y sin esto se
     pintaría ENCIMA de las secciones (un absoluto tapa a sus hermanos
     estáticos). Con z-index −1 dentro de un contexto propio de .wrap queda
     detrás de su contenido y delante del fondo de la página. */
  .wrap{isolation:isolate}
  /* (a) la cabecera bloqueada arriba */
  .brw-topbar{position:fixed;top:10px;left:50%;transform:translateX(-50%);width:940px;max-width:calc(100% - 32px);
    z-index:9002;border:1px solid var(--brw-edge);border-bottom:1px solid var(--brw-edge);border-radius:15px 15px 0 0;
    background:color-mix(in srgb,var(--ink) 8%,var(--bg-soft));box-shadow:0 -14px 30px -20px rgba(0,0,0,.5)}
  .brw-topbar[hidden]{display:none}
  /* LAS BARRAS FIJAS, AL ANCHO DE LA VENTANA (Juan, 24/09: «la parte de
     arriba aún no está conectada»). Iban a 940px fijos centrados en la
     pantalla, pero la ventana no mide eso en todas: a 1300px con el índice
     lateral mide 698 y en móvil el ancho de la pantalla. La cabecera pegada y
     la barra de estado flotante sobresalían de sus bordes y se leían como
     piezas aparte. brw-window-js ya publica el ancho y el centro reales del
     marco (--brw-w, --brw-cx): se usan esos. Con `html` delante para ganar a
     los anchos de móvil (calc(100% - 8px)), que van más abajo en la hoja.
     Se colocan por su borde izquierdo (--brw-x0) y sin transform: otra regla
     les quita el translateX(-50%) y, con el centro, quedaban media ventana a
     la derecha. */
  html .brw-topbar,html .mon-frame-status.is-fixed{width:var(--brw-w,940px);left:var(--brw-x0,0px);transform:none;max-width:none}
  /* LOS LATERALES, POR FUERA DEL CONTENIDO (idea de Juan, 24/09). Con las dos
     barras fijas, el contenido de la ventana se recorta en cada scroll para que
     no asome por encima ni por debajo de ellas, y ese recorte llega tarde: los
     bordes del casco y del marco, que son contenido, se recortaban con él y
     parpadeaban al scrollear rápido. Mientras las dos barras están fijas, los
     laterales los dibuja esta pieza fija en pantalla, entre una y otra, que no
     depende del scroll. Encima del contenido y debajo de las barras (9002). */
  .wrap::after{content:"";position:fixed;z-index:9001;pointer-events:none;display:none;
    left:var(--brw-x0,0px);width:var(--brw-w,940px);box-sizing:border-box;
    top:var(--brw-top-max,56px);bottom:var(--brw-bottom,0px);
    border-left:1px solid var(--brw-edge);border-right:1px solid var(--brw-edge)}
  html.brw-pegada.brw-win .wrap::after{display:block}
  /* Y LAS DOS BARRAS, PEGADAS AL BORDE DE LA PANTALLA. El contenido ya no se
     recorta (ver casco.ts): pasa por debajo de la cabecera pegada y del pie
     fijo, que son opacos. Con los 10px de margen de antes se le veía pasar por
     ese hueco (y por las esquinas redondeadas); taparlo con una tira del color
     del fondo dejaba dos bloques lisos sobre el degradado. Sin margen y con las
     esquinas de ese lado rectas, no hay hueco que tapar: la ventana se lee
     como si siguiera más allá del borde. */
  /* LA VENTANA, DEL MISMO ANCHO EN LAS TRES PIEZAS (Juan, 24/09: «en móvil la
     parte de arriba, la de la vista previa, se ve más angosta que la de los
     desplegables»). En móvil el marco iba al 100 % del contenido, el casco a
     calc(100% - 8px) de la pantalla y el pie a 100 % + 28px: tres anchos
     distintos. Ahora el marco sobresale 14px por lado como en escritorio (lo
     mismo que el pie) y el casco copia el ancho real del marco (--brw-w). */
  @media (max-width:760px){ html[data-plan="free"] .mon-frame{width:calc(100% + 28px);margin-left:-14px} }
  /* Los dobles del pie de «Iniciar sesión» y del modo oscuro: solo en móvil
     (se enseñan en el bloque de ≤760px de más abajo). */
  #wkPie .mfs-movil{display:none}
  /* La fecha del análisis copiada en «Muévelo» y el doble de «Reanálisis en…»
     de la cabecera: solo en móvil (ver sus scripts). */
  #muevelo .mv-fecha,.hero .hero-rean,.brw-franja-abajo,#wsbLengua{display:none}
  /* EN MÓVIL NADA ENSANCHA LA PÁGINA (Juan, 24/09: «al desplegar "¿Cómo está
     mi web?" el informe se mueve o cambia de tamaño»). Medido a 375px: al
     abrirla la página pasaba a 406 de ancho y el móvil encogía el informe
     entero para que cupiera. Lo ensanchaban dos filas que no se partían —los
     botones de cada grupo de hallazgos (.fam-acts) y el divisor con el
     recuento (.gd-mid)— y los globos de ayuda de los «i», que ocupan sitio
     aunque estén ocultos. Las filas bajan a una segunda línea si no caben, y
     lo que sobresalga sin verse ya no cuenta para el ancho. */
  @media (max-width:760px){
    html,body{overflow-x:clip}
    .fam-lbl,.fam-acts,.gd-mid{flex-wrap:wrap;min-width:0}
    /* El divisor iba a «0 0 auto»: no encogía nunca, y con su recuento
       («12 / 12») al lado del título medía 346px en una caja de 287. */
    .gd-mid{flex:1 1 auto}
  }
  html .brw-shell{width:var(--brw-w,940px)}
  html .brw-topbar{top:0;border-top:0;border-radius:0}
  html .mon-frame-status.is-fixed{bottom:0;border-bottom:0;border-radius:0}
  html{scroll-padding-top:calc(16px + var(--brw-top-max,0px))}   
  .sev-urlfilter{top:calc(12px + var(--brw-top,0px))}            
  .toc{top:var(--brw-top,0px)}
  .suri-sticky{top:calc(12px + var(--brw-top,0px))}
  html[data-plan="free"] .gest-dock.is-stuck,
  html[data-plan="paid"] .gest-dock.is-stuck{bottom:var(--brw-bottom,0px)}
  html.brw-win .gest-dock.is-stuck{transform:translateY(0)!important}
  @media (max-width:760px){ .brw-topbar{width:calc(100% - 8px);border-radius:10px 10px 0 0} }


  /* (a) */
  .mon-frame-status{height:46px!important;padding:0 18px!important}
  html[data-plan="free"] body{padding-bottom:84px}
  /* (b) los dos botones del pie */
  .mon-frame-status .mfs-c{display:flex;align-items:center;gap:6px;flex:none}
  .mon-frame-status .mfs-btn{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 11px;
    font-family:var(--font);font-size:.70rem;font-weight:650;letter-spacing:.01em;color:var(--ink-soft);
    background:color-mix(in srgb,var(--ink) 7%,transparent);border:1px solid var(--hairline);border-radius:999px;
    cursor:pointer;transition:color .14s,background .14s,border-color .14s}
  .mon-frame-status .mfs-btn:hover,.mon-frame-status .mfs-btn:focus-visible{color:var(--ink);
    background:color-mix(in srgb,var(--ink) 12%,transparent);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}
  .mon-frame-status .mfs-btn svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;opacity:.85}
  .mon-frame-status.is-parked .mfs-c{display:none}   /* al final del informe ya están los botones de verdad */
  @media (max-width:900px){ .mon-frame-status .mfs-btn span{display:none} .mon-frame-status .mfs-btn{padding:0 9px} }
  /* (c) el favicon, del tamaño del candado y con su mismo aire */
  .mon-frame-addr .mfa-fav{width:15px;height:15px;flex:none;border-radius:3px;object-fit:contain;
    margin:0 1px 0 -2px;opacity:.95}


  /* (a) */
  html[data-plan="free"] .foot{justify-content:center;border-top:0;padding-top:0;margin-top:6px;gap:0}
  html[data-plan="free"] .foot>span:not(.brand){display:none}
  html[data-plan="free"] .report-version{display:none}
  html[data-plan="free"] .foot .brand{font-size:.92rem}
  /* (b) */
  .bal-top .bal-radar{background:var(--glass-bg-strong);border:1px solid var(--hairline);
    border-top:2px solid var(--a3);border-radius:14px}
  html[data-theme="dark"] .bal-top .bal-radar{background:var(--glass-bg-strong);border-color:var(--hairline);
    border-top-color:var(--a3)}


  /* (a) */
  .mon-frame-status{position:relative}
  /* r79 · el alto lo marca el icono del sello, y con `flex-start` el rótulo
     («Informe v6 · rNN · Motor: 4.1») se quedaba pegado arriba: medido, su
     centro caía en 19 con la barra centrada en 23. Centrado queda a la misma
     altura que la fecha de la izquierda, y con dos líneas el icono se centra
     respecto al bloque, que es lo que se espera. */
  .mon-frame-status .mfs-r{white-space:normal;text-align:right;line-height:1.3;max-width:240px;align-items:center;gap:7px}
  .mon-frame-status .mfs-fecha{display:block}
  .mon-frame-status .mfs-c{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  /* (b) */
  .mon-frame-status .mfs-btn{background:transparent;color:var(--a3);font-weight:700;
    border-color:color-mix(in srgb,var(--a3) 55%,transparent)}
  .mon-frame-status .mfs-btn:hover,.mon-frame-status .mfs-btn:focus-visible{
    color:var(--a3);border-color:var(--a3);background:color-mix(in srgb,var(--a3) 12%,transparent)}
  .mon-frame-status .mfs-btn svg{opacity:1}
  html[data-theme="light"] .mon-frame-status .mfs-btn{color:color-mix(in srgb,var(--deep) 72%,#000);
    border-color:color-mix(in srgb,var(--deep) 62%,transparent)}
  html[data-theme="light"] .mon-frame-status .mfs-btn:hover,
  html[data-theme="light"] .mon-frame-status .mfs-btn:focus-visible{color:var(--deep);border-color:var(--deep);
    background:color-mix(in srgb,var(--deep) 10%,transparent)}
  .mon-frame-status.sin-acc .mfs-c{display:none}
  /* (c) */
  .modal-overlay{top:0;bottom:0;left:50%;right:auto;
    transform:translateX(-50%);width:940px;max-width:calc(100% - 32px);
    overflow-y:auto;align-items:flex-start}
  .modal-overlay>.modal{margin:auto;max-height:none}   /* centra si cabe, y si no, deja scrollear */
  /* (d) */
  #modalSave .modal{max-width:700px}
  #modalSave .co-social{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex-direction:unset}
  #modalSave .co-social .co-soc{width:100%;padding:.62em .5em;font-size:.84rem;gap:8px}
  #modalSave .modal{padding:22px}
  #modalSave .co-acct-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  #modalSave .co-acct-fields>select,#modalSave .co-acct-fields>.co-sel,
  #modalSave .co-acct-fields>p,#modalSave .co-acct-fields>.co-acct-note{grid-column:1/-1}
  #modalSave .co-acct-fields>.co-role-wrap{order:9;grid-column:1/-1}


  /* (a) */
  #modalShareNew .shx-acc{grid-template-columns:repeat(3,1fr)!important;gap:9px!important;margin:0 0 16px!important}
  #modalShareNew .shx-acc-b{grid-column:auto!important;padding:11px 12px;border-radius:12px;align-content:start}
  #modalShareNew .shx-acc-b .shx-acc-ic{width:19px;height:19px}
  #modalShareNew .shx-acc-b .shx-acc-l{font-size:.85rem;font-weight:600;line-height:1.25}
  #modalShareNew .shx-acc-b .shx-acc-d{font-size:.745rem;line-height:1.3;margin-top:2px;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #modalShareNew .shx-lead{margin-bottom:11px}
  #modalShareNew .shx-field{margin:0 0 11px}
  #modalShareNew textarea{min-height:46px}
  #modalShareNew .modal.shx{padding:22px}
  #modalShareNew .shx-qh{margin-bottom:7px}
  /* el aire vertical del propio cristal, más justo: son 12px arriba y abajo en vez de 18 */
  .modal-overlay{padding:12px 18px}
  /* (b) */
  html.wk-modal-open,html.wk-modal-open body{overflow:hidden}


  html[data-plan="free"] .mon-dev.is-m{display:none!important}
  html[data-plan="free"] .mon-frame-body{padding:0!important}
  html[data-plan="free"] .mon-dev.is-d{flex:1 1 auto;min-width:0;border-radius:0}
  html[data-plan="free"] .mon-frame{--mh:189px;--mh-exp:400px}   
  html[data-plan="free"] .mon-frame-hint{right:16px;bottom:12px}


  .mdef{border:0!important;background:none!important;border-radius:0!important;overflow:visible!important;
    margin:2px 0 10px!important}
  .mdef .def-h{display:none!important}
  .mdef .mdef-inner{padding:0!important;min-height:0!important}
  .mdef .def-p{margin:0}


  html[data-plan="free"] .finding.managed.fp-foot-on:not(.expanded):not(.is-summary){padding-bottom:0!important}


  /* el hero, quieto: sin scroll propio y con el cuerpo clicable */
  html[data-plan="free"] .mon-frame .mon-dev-scroll{overflow:clip!important;overflow-clip-margin:0}
  html[data-plan="free"] .mon-frame-body{cursor:zoom-in}
  /* el badge, centrado abajo */
  html[data-plan="free"] .mon-frame-hint{left:50%;right:auto;bottom:12px;transform:translateX(-50%);
    pointer-events:auto;cursor:zoom-in;opacity:1}
  html[data-plan="free"] .mon-frame.is-exp .mon-frame-hint{opacity:1}   /* ya no hay estado expandido */
  html[data-plan="free"] .mon-frame-body:hover~.mon-frame-hint,
  html[data-plan="free"] .mon-frame-hint:hover{filter:brightness(1.12)}

  /* el popup: pantalla completa, por encima de todo, y con scroll propio */
  .shotfull{position:fixed;inset:0;z-index:9600;display:flex;align-items:flex-start;justify-content:center;
    padding:34px 20px 40px;overflow-y:auto;overscroll-behavior:contain;
    background:color-mix(in srgb,var(--bg) 78%,#000)}
  .shotfull[hidden]{display:none}
  .shotfull-box{width:min(1180px,94vw);margin:auto 0;border-radius:14px;overflow:hidden;
    border:1px solid var(--brw-edge);box-shadow:0 40px 90px -40px rgba(0,0,0,.6);background:#fff}
  .shotfull-box img{display:block;width:100%;height:auto}
  .shotfull-x{position:fixed;top:18px;right:22px;width:38px;height:38px;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;cursor:pointer;
    border:1px solid var(--hairline);background:var(--bg);color:var(--ink)}
  .shotfull-x:hover{border-color:var(--ink-soft)}
  .shotfull-x svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2.2}
  .shotfull-cap{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;
    font-family:var(--font);font-size:.76rem;font-weight:600;color:var(--ink-soft);
    background:color-mix(in srgb,var(--bg) 88%,transparent);border:1px solid var(--hairline);
    border-radius:999px;padding:6px 13px}
  html.shotfull-open{overflow:hidden}
  html.shotfull-open body{overflow:hidden}


  .h1-rep-cache{display:none!important}
  .mon-frame-status .mfs-r{max-width:380px}
  .mon-frame-status .mfs-cache{opacity:.9}
  .mon-frame-status .mfs-hora{font-variant-numeric:tabular-nums}


  .h1-rep{display:none!important}
  .mon-frame-status .mfs-r>svg{display:none}          /* el sello del escudo, fuera */
  .mon-frame-status .mfs-l{white-space:nowrap;align-items:center}
  .mon-frame-status .mfs-fecha{display:inline!important}
  .mon-frame-status .mfs-r{max-width:none;white-space:nowrap;text-align:right}


  html[data-plan="free"] section.monitor-panel{margin-top:5px!important}


  /* era un párrafo sin más: parecía enlace pero no llevaba a ningún sitio. Ahora se pulsa y se ve que se pulsa. */
  .plan-empty .pe-l1{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;
    text-decoration-color:color-mix(in srgb,currentColor 45%,transparent);text-underline-offset:3px}
  .plan-empty .pe-l1:hover{text-decoration-style:solid}


#pilas{--tx:9px;--row:36px;position:fixed;top:0;right:0;bottom:0;width:290px;padding:0 16px;
  pointer-events:none;z-index:55;overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent 4%,#000 22%,#000 78%,transparent 96%);
  mask-image:linear-gradient(180deg,transparent 4%,#000 22%,#000 78%,transparent 96%);
  opacity:1}
#pilas .pl-hair{position:absolute;left:8px;right:8px;top:50%;height:calc(var(--row) + 10px);
  transform:translateY(-50%);border-radius:11px;pointer-events:none;
  background:linear-gradient(270deg,rgba(188,212,122,.14),rgba(188,212,122,.03) 62%,transparent);
  opacity:0;transition:opacity .4s ease}
#pilas.is-on .pl-hair{opacity:1}
#pilas .pl-hair{display:none!important}
#plList{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%)}
#plList .pl-cab{display:flex;flex-direction:row-reverse;align-items:center;height:26px;padding-right:var(--tx);
  font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);opacity:.8}
.pl-node{--c:var(--hairline);--cl:var(--ink-soft);position:relative;display:flex;flex-direction:row-reverse;
  align-items:center;height:var(--row);padding-right:var(--tx);cursor:pointer;pointer-events:auto}
.pl-node::before{content:"";position:absolute;right:var(--tx);top:0;width:2px;margin-right:-1px;height:100%;
  background:repeating-linear-gradient(180deg,var(--c) 0 2px,transparent 2px 6px);pointer-events:none}
.pl-branch{width:17px;height:0;border-top:1.5px dotted var(--c);flex:none}
.pl-dot{width:11px;height:11px;border-radius:50%;border:1.5px solid var(--c);background:var(--bg);flex:none;
  transition:width .18s,height .18s,box-shadow .18s,background .18s}
.pl-lbl{margin-right:10px;font-size:1.03rem;letter-spacing:.005em;color:var(--cl);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-ic{flex:none;width:15px;height:15px;margin-right:7px;color:var(--cl);opacity:.62;display:block;
  transition:opacity .18s}
.pl-ic svg{width:15px;height:15px;display:block}
.pl-node.hover .pl-ic,.pl-node.abierta .pl-ic{opacity:1}
.pl-node .pl-lbl{margin-right:13px}   
.pl-n{margin-right:9px;font-weight:800;font-size:.92rem;color:var(--cl);opacity:.75;
  transition:transform .3s cubic-bezier(.3,0,.2,1),opacity .2s}
.pl-node.vacio{opacity:.72}   
.pl-node.hover .pl-dot,.pl-node.abierta .pl-dot{width:13px;height:13px}
.pl-node.hover .pl-lbl,.pl-node.abierta .pl-lbl{font-weight:700;color:var(--ink)}
.pl-node.pulsa .pl-n{transform:scale(1.42);opacity:1}
/* cada montón con su color, como las acciones */
.pl-node[data-p="rev"]{--c:var(--mej-bd);--cl:var(--deep)}
.pl-node:not(.vacio) .pl-dot{background:color-mix(in srgb,var(--cl) 55%,var(--bg));border-color:var(--cl)}
.pl-node[data-p="rev"]:not(.vacio) .pl-dot{background:color-mix(in srgb,var(--ok) 55%,var(--bg))}
.pl-node[data-p="ign"]{--c:var(--hairline);--cl:var(--ink-soft)}
.pl-node[data-p="leido"]{--c:var(--field-bd);--cl:var(--ink-soft)}
html[data-theme="dark"] .pl-node[data-p="rev"]{--cl:var(--ok)}
/* los hallazgos del montón: aparecen al pasar por encima, en el mismo lenguaje (nivel 2) */
.pl-sub{max-height:0;overflow:hidden;transition:max-height .32s cubic-bezier(.3,0,.2,1),opacity .22s;opacity:0}
.pl-node.hover + .pl-sub,.pl-node.abierta + .pl-sub,.pl-sub:hover{max-height:230px;opacity:1}
.pl-item{position:relative;display:flex;flex-direction:row-reverse;align-items:center;height:28px;
  padding-right:var(--tx);cursor:pointer;pointer-events:auto}
.pl-item::before{content:"";position:absolute;right:var(--tx);top:0;width:2px;margin-right:-1px;height:100%;
  background:repeating-linear-gradient(180deg,var(--hairline) 0 2px,transparent 2px 6px)}
.pl-item .pl-branch{width:29px}
.pl-item .pl-dot{width:7px;height:7px}
.pl-item .pl-lbl{font-size:.94rem;margin-right:8px;max-width:200px}   
.pl-item:hover .pl-lbl{color:var(--ink);font-weight:600}
.pl-todo{--c:var(--hairline);--cl:var(--ink-soft);position:relative;display:flex;flex-direction:row-reverse;
  align-items:center;height:var(--row);padding-right:var(--tx);cursor:pointer;pointer-events:auto;opacity:.8;
  transition:opacity .2s}
.pl-todo::before{content:"";position:absolute;right:var(--tx);top:0;width:2px;margin-right:-1px;height:50%;
  background:repeating-linear-gradient(180deg,var(--c) 0 2px,transparent 2px 6px)}
.pl-todo:hover{opacity:1}
.pl-todo .pl-lbl{font-size:.94rem}
.pl-todo:hover .pl-lbl{color:var(--ink);font-weight:600}
.pl-todo .pl-dot{width:7px;height:7px;background:var(--bg)}
.pl-mas{font-size:.8rem;color:var(--ink-soft);opacity:.7;text-align:right;padding-right:38px;height:24px;
  display:flex;align-items:center;justify-content:flex-end;pointer-events:none}
@media (max-width:1420px){ #pilas{display:none} }

.gest-dock.is-stuck{opacity:0!important;pointer-events:none!important}

#listSev .hz-list .finding.is-summary>.head>.fnd-title{font-weight:800;color:var(--ink)}
#listSev .hz-list .finding.is-summary[data-leido="1"]>.head>.fnd-title,
#listSev .hz-list .finding.is-summary[data-decision="revisar"]>.head>.fnd-title,
#listSev .hz-list .finding.is-summary[data-decision="archivar"]>.head>.fnd-title,
#listSev .hz-list .finding.is-summary[data-decision="falso"]>.head>.fnd-title{font-weight:600;color:var(--ink-soft)}
#listSev .hz-list .finding.is-summary:hover>.head>.fnd-title{font-weight:800}
#listSev .hz-list .finding.is-summary[data-leido="1"]:hover>.head>.fnd-title,
#listSev .hz-list .finding.is-summary[data-decision="revisar"]:hover>.head>.fnd-title,
#listSev .hz-list .finding.is-summary[data-decision="archivar"]:hover>.head>.fnd-title,
#listSev .hz-list .finding.is-summary[data-decision="falso"]:hover>.head>.fnd-title{font-weight:600;color:var(--ink)}
/* abierto (y por tanto leído): 600, que sí está cargado */
#listSev .hz-list .finding:not(.is-summary)>.head>.fnd-title{font-weight:600}
#listSev .hz-list .finding.is-summary[data-leido="1"]:hover>.head>.fnd-title,
#listSev .hz-list .finding.is-summary[data-decision="revisar"]:hover>.head>.fnd-title,
#listSev .hz-list .finding.is-summary[data-decision="archivar"]:hover>.head>.fnd-title,
#listSev .hz-list .finding.is-summary[data-decision="falso"]:hover>.head>.fnd-title{font-weight:400}


.brw-max-btn{position:static;flex:none;margin-left:10px;
  width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid var(--hairline);border-radius:8px;background:transparent;color:var(--ink-soft);
  cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.brw-max-btn:hover{color:var(--ink);border-color:var(--field-bd);background:var(--field)}
.brw-max-btn svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brw-max-btn .ic-min{display:none}
html.brw-max .brw-max-btn .ic-max{display:none}
html.brw-max .brw-max-btn .ic-min{display:block}
/* con el botón en el flujo no hay que reservar hueco: la barra lo coloca como a los demás iconos */

@media (max-height:820px){
  html.brw-max .wrap{padding-left:14px;padding-right:14px}
}


#wkLeidoMenu{position:fixed;z-index:9500;min-width:196px;padding:5px;border-radius:12px;
  border:1px solid var(--hairline);background:var(--bg-soft);
  box-shadow:0 18px 44px -20px rgba(0,0,0,.7);opacity:0;transform:translateY(-4px);
  pointer-events:none;transition:opacity .14s ease,transform .16s ease}
#wkLeidoMenu.is-on{opacity:1;transform:none;pointer-events:auto}
#wkLeidoMenu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;
  border-radius:9px;background:transparent;color:var(--ink);cursor:pointer;
  font-family:var(--font);font-size:.86rem;font-weight:600;text-align:left}
#wkLeidoMenu button:hover{background:var(--field)}
#wkLeidoMenu svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;color:var(--ink-soft)}


.fnd-fly{display:none!important}          /* el chip que el informe mandaba hacia abajo: fuera */

.wk-hole{position:fixed;z-index:9390;pointer-events:none;border-radius:50%;
  background:radial-gradient(circle at 50% 50%, #05070a 0 38%, color-mix(in srgb,var(--orb) 45%,transparent) 62%, transparent 74%);
  box-shadow:0 0 14px 4px color-mix(in srgb,var(--orb) 45%,transparent), inset 0 0 12px 2px #000}
/* r78 · por encima de la criba (velo 9700, panel 9701). Con 9400 la partícula
   salía y se animaba, pero DEBAJO del velo: al decidir desde «¿Qué ha cambiado?»
   no se veía ninguna. No estorba: no recibe clics. */
.wk-orb{position:fixed;z-index:9702;pointer-events:none;width:15px;height:15px;border-radius:50%;
  background:radial-gradient(circle at 34% 30%, #fff 0 16%, var(--orb) 48%, color-mix(in srgb,var(--orb) 55%,transparent) 100%);
  box-shadow:0 0 12px 3px color-mix(in srgb,var(--orb) 55%,transparent),
             0 0 36px 12px color-mix(in srgb,var(--orb) 20%,transparent)}
.wk-orb.chispa{width:8px;height:8px;box-shadow:0 0 9px 2px color-mix(in srgb,var(--orb) 40%,transparent)}
.wk-orb.a-rev,.wk-hole.a-rev{--orb:var(--ok)}
.wk-orb.a-ign,.wk-hole.a-ign{--orb:var(--ink-soft)}
.wk-orb.a-dud,.wk-hole.a-dud{--orb:var(--imp)}
@keyframes plLatido{
  0%{transform:scale(1)} 16%{transform:scale(1.44)} 30%{transform:scale(1.02)}
  46%{transform:scale(1.26)} 64%{transform:scale(1)} 100%{transform:scale(1)}}
.pl-node.late .pl-n{animation:plLatido .72s cubic-bezier(.3,0,.2,1)}
.pl-node.late .pl-dot{box-shadow:0 0 12px 2px color-mix(in srgb,var(--cl) 45%,transparent)}
@media (prefers-reduced-motion:reduce){ .wk-orb,.wk-hole{display:none} .pl-node.late .pl-n{animation:none} }


#trail .tr-cab,#pilas .pl-cab{position:absolute;height:26px;display:flex;align-items:center;
  font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);
  opacity:.8;pointer-events:none;z-index:3}
#trail .tr-cab{left:25px;top:calc(34% - 104px)}
#pilas .pl-cab{right:25px;left:auto;justify-content:flex-end;top:calc(34% - 104px)}
#trail .tr-cab,#pilas .pl-cab{display:none!important}
/* r83 · el carril derecho sube 36px para quedar a la altura del índice de la
   izquierda: así los dos títulos van alineados y cada uno a la misma distancia
   de su contenido. Se mueve este porque no rota con el scroll —el de la
   izquierda sí, y además lleva el difuminado atado a su título. */
#plList{top:calc(50% - (var(--row) / 2) - 36px);transform:none}
.brw-topbar{left:var(--brw-cx,50%)}
.mon-frame-status.is-fixed{left:var(--brw-cx,50%)}

html.wk-home #pilas,html.wk-home #trail{display:none!important}
/* mismos pesos y mismos hovers en los dos */
.pl-node.hover .pl-lbl,.pl-node.abierta .pl-lbl{font-weight:600;color:var(--ink)}
.tr-node.hover .tr-lbl{font-weight:600}
.pl-item:hover .pl-lbl,.pl-todo:hover .pl-lbl{font-weight:600;color:var(--ink)}


#pilas .pl-lbl{max-width:0;opacity:0;margin-right:0;transform-origin:right center;
  transition:max-width .34s cubic-bezier(.3,0,.2,1),opacity .22s ease,margin-right .34s cubic-bezier(.3,0,.2,1)}
#pilas.is-open .pl-node>.pl-lbl,#pilas.is-open .pl-todo>.pl-lbl,
#pilas .pl-node.flash>.pl-lbl{max-width:190px;opacity:1;margin-right:13px}
/* los hijos de un montón solo se ven ya desplegados: su nombre no colapsa */
#pilas .pl-item .pl-lbl{max-width:200px;opacity:1;margin-right:8px}
#pilas:not(.is-open) .pl-sub{max-height:0!important;opacity:0!important}
/* la cifra manda en reposo; el icono, siempre presente */
#pilas .pl-ic{opacity:.72}
#pilas .pl-n i{font-style:normal;font-weight:600;opacity:.55;margin-left:1px}
#pilas.is-open .pl-node.hover .pl-ic,#pilas.is-open .pl-todo:hover .pl-ic,
#pilas .pl-node.flash .pl-ic{opacity:1}
/* la separadora del trail, espejada */
#pilas .pl-node::after,#pilas .pl-todo:first-child::after{content:"";position:absolute;right:42px;left:6px;
  bottom:0;height:1px;pointer-events:none;
  background:linear-gradient(270deg,rgba(160,180,125,.14),rgba(160,180,125,.03) 78%,transparent)}
#pilas .pl-node[data-p="leido"]::after{display:none}
/* el trail marca el foco con un halo en el punto: aquí igual */
#pilas .pl-node.hover .pl-dot,#pilas .pl-todo:hover .pl-dot{box-shadow:0 0 7px rgba(188,212,122,.38)}
#pilas .pl-node.flash .pl-dot{box-shadow:0 0 10px rgba(188,212,122,.6)}
@media (prefers-reduced-motion:reduce){ #pilas .pl-lbl{transition:none} }


#modalShareNew .shx-acc-b,#modalShareNew #shxAccReport{flex-wrap:nowrap;align-items:center;padding:10px 12px}
#modalShareNew .shx-acc-b .shx-acc-l{font-size:.86rem;font-weight:600;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}
#modalShareNew .shx-acc-b .shx-acc-d{display:none}
#modalShareNew .shx-acc{margin-bottom:8px!important}
#modalShareNew .shx-acc-ayuda{margin:0 0 15px;font-size:.78rem;line-height:1.4;color:var(--ink-soft);
  min-height:2.8em}
#modalShareNew .shx-acc-ayuda:empty{min-height:0;margin:0 0 4px}


html.has-wsb .mini-site.show{display:flex!important}
#miniSite.show{
  position:fixed;left:16px;top:16px;bottom:auto;z-index:44;
  width:258px;max-width:none;flex-direction:column;align-items:stretch;gap:0;
  padding:0;border-radius:13px;overflow:hidden;transition:none;
  background:var(--bg-soft);backdrop-filter:none;-webkit-backdrop-filter:none;
  border:none;box-shadow:0 18px 40px -24px rgba(50,60,35,.55), inset 0 0 0 1px var(--hairline);
}
#miniSite.show .ms-bar{display:flex;align-items:center;gap:7px;height:26px;padding:0 8px;flex:none;
  background:color-mix(in srgb,var(--ink) 8%,var(--bg-soft));border-bottom:1px solid var(--hairline)}
#miniSite.show .ms-dots{display:flex;gap:4px;flex:none}
#miniSite.show .ms-dots i{width:6px;height:6px;border-radius:50%;background:var(--ink-soft);opacity:.38}
#miniSite.show .ms-addr{flex:1;min-width:0;height:17px;display:flex;align-items:center;padding:0 8px;
  border-radius:999px;background:color-mix(in srgb,var(--ink) 5%,var(--bg));border:1px solid var(--hairline)}
#miniSite.show .ms-body{flex:0 1 auto;min-height:0;max-height:none;overflow-y:auto;overflow-x:hidden;
  overscroll-behavior:contain;background:#fff;line-height:0}
#miniSite.show.suave{transition:transform 1.5s cubic-bezier(.16,.84,.24,1),opacity 1s ease}
#miniSite.show .mini-shot{display:block;width:100%;height:auto;max-height:none;min-height:0;
  border:none;border-radius:0;box-shadow:none;background:#fff}
#miniSite.show .web-shot{display:block;width:100%;height:auto;
  background-size:100% auto;background-position:top center;background-repeat:no-repeat}
#miniSite.show .mini-url{flex:1;min-width:0;flex-direction:row;align-items:center;gap:6px;padding:0}
#miniSite.show .mini-dom{font-family:var(--font);font-size:.66rem;font-weight:700;overflow:hidden;text-overflow:ellipsis}
#miniSite.show .mini-urls{display:none}
#miniSite.show .mini-path{display:none}          /* la ruta la cuenta la barra del mockup */
@media (max-width:1180px){ #miniSite.show{display:none!important} }   /* sin trail, sin píldora */


@keyframes msAterriza{
  0%{opacity:0;transform:scale(.06) rotate(-210deg);filter:blur(2px)}
  60%{opacity:1;transform:scale(1.05) rotate(6deg);filter:blur(0)}
  100%{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}
}
@keyframes msDestello{
  0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--sp3,#bcd47a) 65%,transparent), 0 18px 40px -24px rgba(50,60,35,.55), inset 0 0 0 1px var(--hairline)}
  100%{box-shadow:0 0 0 18px transparent, 0 18px 40px -24px rgba(50,60,35,.55), inset 0 0 0 1px var(--hairline)}
}
#miniSite.show.aterriza{animation:msAterriza .62s cubic-bezier(.18,.85,.3,1) both, msDestello .9s ease-out both;transform-origin:50% 50%}
@keyframes msDespega{
  0%{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}
  22%{opacity:1;transform:scale(1.05) rotate(-8deg);filter:blur(0)}
  100%{opacity:0;transform:scale(.06) rotate(230deg);filter:blur(2px)}
}
#miniSite.show.despega{animation:msDespega .42s cubic-bezier(.55,0,.8,.35) both;transform-origin:50% 50%}
@media (prefers-reduced-motion:reduce){ #miniSite.show.aterriza,#miniSite.show.despega{animation:none} }


#trail .tr-lbl{font-size:var(--tr-fs,1.03rem)}
#trail .tr-node.lvl2 .tr-lbl{font-size:calc(var(--tr-fs,1.03rem) * .91)}
#pilas .pl-node>.pl-lbl{font-size:var(--tr-fs,1.03rem)}
#pilas .pl-item .pl-lbl,#pilas .pl-todo .pl-lbl{font-size:calc(var(--tr-fs,1.03rem) * .91)}
#pilas .pl-n{font-size:calc(var(--tr-fs,1.03rem) * .89)}


.cf-opts{margin-bottom:90px}
@media (max-height:820px){ .cf-opts{margin-bottom:74px} }

#brwFaldon{position:fixed;left:0;right:0;bottom:0;height:calc(var(--brw-y1,10px) + 1px);
  background:var(--bg);z-index:9001;pointer-events:none;display:none}
html.brw-win #brwFaldon,html.brw-max #brwFaldon{display:block}


:root{--maxw:max(860px, calc(100vw - 640px))}
html.wk-auth{--maxw:max(860px, calc(100vw - 640px - var(--wsb-wc, 0px)))}
html.wk-auth:not(.wsb-collapsed){--maxw:max(860px, calc(100vw - 640px - var(--wsb-w, 0px)))}
@media (max-width:1180px){ :root{--maxw:960px} }   /* sin trails no hay nada que reservar */

.brw-shell{width:calc(100% - 20px)}
.brw-topbar,
.mon-frame-status.is-fixed{width:var(--brw-w, min(calc(var(--maxw) - 20px), calc(100% - 32px)))}
.mon-frame-status.is-parked{left:50%!important;right:auto!important;transform:translateX(-50%)!important;
  width:calc(100% - 20px)!important;max-width:none!important}


.sec-open{flex-wrap:nowrap}
.sec-open h2{white-space:nowrap;flex:0 0 auto;font-size:clamp(1.02rem,1.55vw,1.6rem)}
.sec-open .sec-hint{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:clamp(.74rem,.95vw,.85rem)}

.hero-share{position:fixed;top:18px;right:18px;transform:none;z-index:60;
  background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:none;
  padding:7px 13px;border-radius:999px;border:1px solid var(--hairline)}
@media(max-width:720px){ .hero-share{position:static;margin:0 0 14px auto;background:none;border:none} }
.hero-share{transition:opacity .3s ease}
html.hero-out .hero-share{opacity:0;pointer-events:none}


html.has-wsb .wsb .toc{display:none!important}


/* mismo patrón que la regla que lo ocultaba, y colocada DESPUÉS (con `@media` no llegaba a aplicar);
   luego se devuelven las dos excepciones: la pantalla de inicio y las ventanas estrechas. */
html.wk-auth #trail{display:block!important}
html.wk-auth.wk-home #trail{display:none!important}
@media (max-width:1180px){ html.wk-auth #trail{display:none!important} }


#pilas .pl-sub{display:none!important}


html:fullscreen, html:-webkit-full-screen{background:#0B0E08}
html[data-theme="light"]:fullscreen{background:#EFE6D8}

.brw-topbar,
.mon-frame-status.is-fixed{left:var(--brw-x0, var(--brw-cx, 50%));
  transform:var(--brw-tx, translateX(0))}
:root{--brw-tx:translateX(0)}
/* sin la medida del marco (arranque), se vuelve al centrado de siempre */
@supports not (left: var(--brw-x0)) { .brw-topbar{left:50%;transform:translateX(-50%)} }

#brwFaldon{z-index:8500;height:min(calc(var(--brw-y1,10px) + 1px), 14px)}


.wsb{overscroll-behavior:contain}
.wsb-main{min-height:0}


html.wk-home .modal-overlay{top:0!important;bottom:0!important;left:0!important;right:0!important;
  transform:none!important;width:auto!important;max-width:none!important;align-items:center!important}
.modal-overlay{min-height:min(560px, 100svh)}


.wkdev{display:inline-flex;gap:2px;flex:none;padding:2px;border-radius:999px;
  background:color-mix(in srgb,var(--ink) 8%,transparent);border:1px solid var(--hairline)}
.wkdev button{display:inline-flex;align-items:center;justify-content:center;width:26px;height:20px;padding:0;
  border:none;background:none;border-radius:999px;color:var(--ink-soft);cursor:pointer;opacity:.85}
.wkdev button svg{width:15px;height:15px;display:block}
.wkdev button:hover{opacity:1}
.wkdev button[aria-pressed="true"]{background:color-mix(in srgb,var(--ok) 20%,transparent);color:var(--ok);opacity:1}

/* en el visor a pantalla completa: más grande y arriba, junto al cierre */
#shotFull .wkdev{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:9700;gap:4px;padding:4px;
  background:var(--bg);border:1px solid var(--field-bd);box-shadow:0 10px 26px -12px rgba(0,0,0,.6)}
#shotFull .wkdev button{width:auto;height:32px;padding:0 13px;gap:7px;font-family:var(--font);
  font-weight:700;font-size:.8rem;color:var(--ink-soft);opacity:1}
#shotFull .wkdev button svg{width:17px;height:17px}
#shotFull .wkdev button::after{content:attr(data-t)}
#shotFull .wkdev button[aria-pressed="true"]{background:var(--ok);color:var(--navy,#12160E)}
html[data-theme="light"] #shotFull .wkdev button[aria-pressed="true"]{background:var(--deep);color:#fff}
#shotFull.is-m .shotfull-box{max-width:min(420px,92vw)!important;margin-left:auto;margin-right:auto}
#shotFull.is-m .shotfull-box img{width:100%!important;max-width:100%!important;height:auto!important}



.wkh-scan{border-color:transparent;background:var(--grad,linear-gradient(120deg,var(--ok),var(--deep)));
  color:#12160E;font-weight:800;box-shadow:0 6px 16px -8px rgba(126,178,106,.7)}
.wkh-scan:hover{border-color:transparent;filter:brightness(1.06)}
.wkh-scan svg{stroke:currentColor}
html[data-theme="light"] .wkh-scan{color:#12160E}

.hz-foot-i.hz-abierta .hc-tip{opacity:1!important;visibility:visible!important;transform:translateX(-50%) translateY(0)!important}
.hz-foot b{cursor:pointer}

#decideDudasAnswer .dudas-end .dudas-act-desc2{display:none}
#decideDudasAnswer.tiene-fp .dudas-end .dudas-act-desc2{display:inline-flex}


.fnd-compact .fnd-fam-ic{position:relative;flex:none;display:inline-flex;align-items:center;margin-right:2px;
  color:var(--deep);opacity:.9}
html[data-theme="dark"] .fnd-compact .fnd-fam-ic{color:var(--ok)}
.fnd-compact .fnd-fam-ic svg{width:16px;height:16px}
.fnd-compact .fnd-fam-ic[data-fam-name]::after{content:attr(data-fam-name);position:absolute;left:0;
  top:calc(100% + 6px);white-space:nowrap;background:var(--bg);border:1px solid var(--hairline);
  border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink-soft);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .12s;z-index:61}
.fnd-compact .fnd-fam-ic:hover::after,.fnd-compact .fnd-fam-ic:focus-visible::after{opacity:1;visibility:visible}


.modal-overlay{width:var(--brw-w, min(940px, calc(100% - 32px)))!important;
  left:var(--brw-cx, 50%);transform:translateX(-50%);
  border-radius:0 0 15px 15px}
html.wk-home .modal-overlay{width:auto!important;left:0!important;transform:none!important;border-radius:0}
/* con la ventana en reposo (sin mockup) no hay esquina que respetar */
html:not(.brw-win):not(.brw-max) .modal-overlay{border-radius:0}

.modal-overlay.hay-mas::after{content:"";position:sticky;bottom:0;left:0;right:0;display:block;height:34px;
  margin-top:-34px;pointer-events:none;
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--bg) 78%,transparent))}


.cf-opts{grid-template-columns:repeat(6,1fr)}   
@media(max-width:900px){.cf-opts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.cf-opts{grid-template-columns:1fr}}

/* los exportar viejos, fuera (se conservan en el DOM: el popup los usa para simular la descarga) */
[data-exp-kind="excel"],[data-exp-kind="ai"]{display:none!important}

.grep-links .grep-link{background:none!important;border:none!important;box-shadow:none!important;
  padding:0!important;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;font-weight:600;
  color:var(--ink-soft);opacity:.85;text-decoration:none;letter-spacing:.01em}
.grep-links .grep-link::before{content:"[";opacity:.55;margin-right:1px}
.grep-links .grep-link::after{content:"]";opacity:.55;margin-left:1px}
.grep-links .grep-link:hover{color:var(--ink);opacity:1;text-decoration:underline;text-underline-offset:3px}

/* «FALSO POSITIVO», IGUAL EN TODOS LOS SITIOS (28/09). El bueno es el del pie
   de la tarjeta (.fnd-fp-foot, en layout.tsx): tinta suave, 600, y lila al
   pasar el ratón. El del modal de decidir (#decideFalso) iba en verde y 700. */
#decideFalso{color:var(--ink-soft)!important;font-weight:600!important;font-family:var(--font);
  text-decoration:none!important;transition:color .15s}
#decideFalso:hover,#decideFalso:focus-visible{color:#b89ce9!important;text-decoration:none!important}
/* Con el tic de la tarjeta (mismo dibujo y tamaño). Solo cuando el botón dice
   «Falso positivo»: con el hallazgo ya en falsos positivos dice «Devolver al
   listado» (decidir.ts) y ahí el tic no toca. */
#decideFalso{display:inline-flex!important;align-items:center;gap:6px}
#decideFalso .dfp-ic{width:14px;height:14px;flex:none}
#decideFalso:not([data-destino="falso_positivo"]) .dfp-ic{display:none}

/* EL RIEL DE LA DERECHA («Cómo vas»: #pilas y su título), OCULTO (Juan,
   28/09). No se quita: sigue en la página (lo cuentan otras piezas), pero no
   se ve ni responde, así que tocar por esa zona no hace nada. Para volver a
   enseñarlo basta con borrar esta regla. */
#pilas,#pilas *,.wk-riel-tit.es-dcha{visibility:hidden!important;pointer-events:none!important}
/* EN MÓVIL, SIN LA NAVEGACIÓN DE SECCIONES (Juan, 28/09): ni el índice ni su
   rótulo «Secciones», que quedaba suelto encima de la captura. En escritorio
   sigue igual. */
@media (max-width:760px){ #wkCarriles{display:none!important} }
/* LOS MODALES, POR DEBAJO DEL MENÚ DE ARRIBA (Juan, 28/09: el de compartir
   quedaba con el título y la X tapados). En móvil con sesión y el menú a la
   vista, el menú (52px) y su «lengua» van por encima de todo: el modal empieza
   después, y si no cabe entero se desplaza por dentro. */
@media (max-width:760px){
  html.wk-auth:not(.wsb-menu-oculto) .modal-overlay.open{padding-top:84px!important;box-sizing:border-box}
  html.wk-auth:not(.wsb-menu-oculto) .modal-overlay.open>.modal{max-height:calc(100dvh - 84px - 16px)!important;overflow-y:auto}
}

/* Con un modal abierto, fuera los flotantes de abajo a la izquierda (el modo
   oscuro y «Iniciar sesión»): van a z 9000+ y se veían encima del modal
   (Juan, 28/09, en «Tengo dudas»). */
html:has(.modal-overlay.open) .wk-tema.flotante,html:has(.modal-overlay.open) #wkThemeBtn,
html:has(.modal-overlay.open) #wkLoginEntry{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/* Y Suri, que también flota encima (Juan, 28/09, en «Pruebas en bruto»): con
   un modal abierto no se ve; al cerrarlo vuelve donde estaba. */
html:has(.modal-overlay.open) .su{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* «INICIAR SESIÓN», «GUARDAR» Y «COMPARTIR», CON EL LIMA DE LA LANDING (Juan,
   28/09). Copia del .btn-cta de la landing: el degradado que va y viene, el
   brillo que lo cruza, tinta encima y el mismo empujón al pasar. Son: el
   «Iniciar sesión» flotante y el «Entrar» del pie en móvil, «Guardar» y
   «Compartir» del pie y el «Compartir» de arriba. Las tarjetas grandes de
   «Muévelo» no: son opciones para elegir, no un botón. */
#heroShare,#wkLoginEntry,#wkPie .mfs-btn[data-go="save"],#wkPie .mfs-btn[data-go="share"],#wkPie .mfs-login{
  position:relative;overflow:hidden;isolation:isolate;
  background:var(--grad-cta)!important;background-size:220% 100%!important;
  color:var(--ink-on-grad)!important;border-color:transparent!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  font-weight:600;animation:wkCtaGrad 6s ease-in-out infinite;
  transition:transform .2s,box-shadow .2s,filter .2s}
#heroShare svg,#wkLoginEntry svg,#wkPie .mfs-btn[data-go="save"] svg,#wkPie .mfs-btn[data-go="share"] svg,#wkPie .mfs-login svg{color:var(--ink-on-grad)!important;stroke:currentColor}
#heroShare::after,#wkLoginEntry::after,#wkPie .mfs-btn[data-go="save"]::after,#wkPie .mfs-btn[data-go="share"]::after,#wkPie .mfs-login::after{
  content:"";position:absolute;z-index:-1;top:0;left:-60%;width:45%;height:100%;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);
  transform:skewX(-18deg);animation:wkCtaBrillo 4.5s ease-in-out infinite}
#heroShare:hover,#wkLoginEntry:hover,#wkPie .mfs-btn[data-go="save"]:hover,#wkPie .mfs-btn[data-go="share"]:hover,#wkPie .mfs-login:hover{
  transform:translateY(-2px);box-shadow:0 12px 26px -10px rgba(78,124,63,.6)!important;filter:saturate(1.14);color:var(--ink-on-grad)!important}
@keyframes wkCtaGrad{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes wkCtaBrillo{0%{left:-60%}22%{left:130%}100%{left:130%}}
@media (prefers-reduced-motion:reduce){
  #heroShare,#wkLoginEntry,#wkPie .mfs-btn[data-go="save"],#wkPie .mfs-btn[data-go="share"],#wkPie .mfs-login{animation:none}
  #heroShare::after,#wkLoginEntry::after,#wkPie .mfs-btn[data-go="save"]::after,#wkPie .mfs-btn[data-go="share"]::after,#wkPie .mfs-login::after{display:none}
}

/* «PRUEBAS EN BRUTO», COMO UNA ETIQUETA DE CÓDIGO (Juan, 28/09: más visible y
   más dinámico, «que se vea como si fuera un código»). Se lee
   <pruebas_en_bruto/>, en la misma monoespaciada pero más grande: los signos
   en verde, el nombre en tinta y un cursor que parpadea. El texto de verdad
   («Pruebas en bruto») sigue en el span, a tamaño 0: es el que oye el lector
   de pantalla; lo que se ve lo pintan los pseudos. */
.gest-report .grep-links #btnTechReport{display:inline-flex!important;align-items:center;gap:0;
  padding:9px 14px!important;border-radius:10px;border:1px solid color-mix(in srgb,var(--deep) 45%,var(--hairline))!important;
  background:color-mix(in srgb,var(--deep) 8%,var(--field,transparent))!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem!important;font-weight:700;letter-spacing:0;
  color:var(--ink)!important;opacity:1!important;text-decoration:none!important;cursor:pointer;
  box-shadow:0 6px 18px -12px color-mix(in srgb,var(--deep) 70%,transparent)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
/* La hoja que iba suelta a su izquierda va DENTRO, al principio (la mete su
   script; order −1 la pone delante del «<», que es el ::before). */
.gest-report .grep-links #btnTechReport>.grep-ic{order:-1;width:17px;height:17px;flex:none;margin-right:8px;color:var(--deep)}
html[data-theme="dark"] .gest-report .grep-links #btnTechReport>.grep-ic{color:var(--ok)}
.gest-report .grep-links #btnTechReport::before{content:"<";opacity:1;margin:0;color:var(--deep)}
.gest-report .grep-links #btnTechReport::after{content:"/>";opacity:1;margin:0 0 0 1px;color:var(--deep)}
.gest-report .grep-links #btnTechReport>span{font-size:0;display:inline-flex;align-items:center}
.gest-report .grep-links #btnTechReport>span::before{content:"pruebas_en_bruto";font-size:1rem}
/* El cursor, justo antes del cierre. */
.gest-report .grep-links #btnTechReport>span::after{content:"";display:inline-block;width:.55em;height:1.05em;margin-left:2px;
  background:var(--deep);border-radius:1px;animation:wkCursorBruto 1.1s steps(1) infinite}
@keyframes wkCursorBruto{0%,49%{opacity:1}50%,100%{opacity:0}}
.gest-report .grep-links #btnTechReport:hover{transform:translateY(-2px);border-color:var(--deep)!important;
  background:color-mix(in srgb,var(--deep) 14%,var(--field,transparent))!important;
  box-shadow:0 12px 26px -12px color-mix(in srgb,var(--deep) 85%,transparent)!important}
.gest-report .grep-links #btnTechReport:active{transform:translateY(0)}
.gest-report .grep-links #btnTechReport:focus-visible{outline:2px solid var(--deep);outline-offset:3px}
html[data-theme="dark"] .gest-report .grep-links #btnTechReport::before,
html[data-theme="dark"] .gest-report .grep-links #btnTechReport::after{color:var(--ok)}
html[data-theme="dark"] .gest-report .grep-links #btnTechReport>span::after{background:var(--ok)}
html[data-theme="dark"] .gest-report .grep-links #btnTechReport{border-color:color-mix(in srgb,var(--ok) 45%,var(--hairline))!important;
  background:color-mix(in srgb,var(--ok) 10%,transparent)!important;box-shadow:0 6px 18px -12px color-mix(in srgb,var(--ok) 60%,transparent)!important}
html[data-theme="dark"] .gest-report .grep-links #btnTechReport:hover{border-color:var(--ok)!important;
  background:color-mix(in srgb,var(--ok) 16%,transparent)!important}
@media (prefers-reduced-motion:reduce){
  .gest-report .grep-links #btnTechReport>span::after{animation:none}
  .gest-report .grep-links #btnTechReport:hover{transform:none}
}

/* ---- el cristal de Exportar ---- */
#modalExport .modal{max-width:680px}
#modalExport .xp-h{font-family:var(--font-head);font-weight:800;font-size:1.34rem;margin:0 0 4px}
#modalExport .xp-lead{margin:0 0 16px;color:var(--ink-soft);font-size:.9rem}
#modalExport .xp-q{font-weight:700;font-size:.92rem;margin:0 0 8px}
#modalExport .xp-q .xp-n{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;
  margin-right:7px;border-radius:50%;background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--deep);
  font-size:.7rem;font-weight:800}
html[data-theme="dark"] #modalExport .xp-q .xp-n{color:var(--ok)}
#modalExport #xpInc{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:0}
#modalExport #xpInc .shx-acc-b{padding:10px 12px;border-radius:12px;flex-wrap:nowrap;align-items:center;
  min-height:41px}   
#modalExport #xpInc .shx-acc-b .shx-acc-ic{width:15px;height:15px;flex:none;color:var(--ink-soft);display:inline-flex}
#modalExport #xpInc .shx-acc-b .shx-acc-ic svg{width:15px;height:15px;display:block;stroke:currentColor;fill:none;stroke-width:1.9}
#modalExport #xpInc .shx-acc-b .shx-acc-l{font-size:.86rem;font-weight:600;line-height:1.3;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;flex:1 1 auto;min-width:0}
#modalExport #xpInc .shx-acc-b[aria-pressed="true"]{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok);
  background:color-mix(in srgb,var(--ok) 12%,transparent)}
#modalExport #xpInc .shx-acc-b[aria-pressed="true"] .shx-acc-ic,
#modalExport #xpInc .shx-acc-b[aria-pressed="true"] .shx-acc-l{color:var(--ok)}
html[data-theme="light"] #modalExport #xpInc .shx-acc-b[aria-pressed="true"]{border-color:var(--deep);
  box-shadow:inset 0 0 0 1px var(--deep)}
html[data-theme="light"] #modalExport #xpInc .shx-acc-b[aria-pressed="true"] .shx-acc-ic,
html[data-theme="light"] #modalExport #xpInc .shx-acc-b[aria-pressed="true"] .shx-acc-l{color:var(--deep)}

#modalExport .xp-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
#modalExport .xp-op{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;
  border:1px solid var(--hairline);background:color-mix(in srgb,var(--ink) 3%,transparent);cursor:pointer;
  font-family:var(--font);font-size:.83rem;font-weight:600;color:var(--ink);text-align:left;transition:border-color .15s,background .15s}
#modalExport .xp-op svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.9;color:var(--ink-soft)}
#modalExport .xp-op:hover{border-color:var(--ink-soft)}
#modalExport .xp-op[aria-pressed="true"]{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok);
  background:color-mix(in srgb,var(--ok) 12%,transparent)}
#modalExport .xp-op[aria-pressed="true"] svg{color:var(--ok)}
#modalExport .xp-q{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
#modalExport .xp-ayuda{margin:0;font-size:.78rem;line-height:1.4;color:var(--ink-soft);
  font-weight:400;flex:1 1 auto;min-width:0}
#modalExport .xp-aviso{margin:9px 0 16px;font-size:.8rem;line-height:1.45;color:var(--ink-soft)}
#modalExport .xp-aviso:empty{display:none}
#modalExport .xp-aviso .wk-nada-baja{display:block;margin-top:0}
#modalExport .xp-aviso .wk-nada-baja[hidden]{display:none !important}

#modalExport .xp-rama{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#modalExport .xp-via{display:flex;align-items:center;gap:11px;padding:13px 15px;border-radius:14px;
  border:1px solid var(--hairline);background:color-mix(in srgb,var(--ink) 3%,transparent);cursor:pointer;
  font-family:var(--font);text-align:left;color:var(--ink);transition:border-color .15s,background .15s}
#modalExport .xp-via svg{width:21px;height:21px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;color:var(--ink-soft)}
#modalExport .xp-via b{display:block;font-size:.94rem;font-weight:800;line-height:1.2}
#modalExport .xp-via span{display:block;font-size:.74rem;color:var(--ink-soft);margin-top:2px}
#modalExport .xp-via:hover{border-color:var(--ink-soft)}
#modalExport .xp-via[aria-pressed="true"]{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok);
  background:color-mix(in srgb,var(--ok) 12%,transparent)}
#modalExport .xp-via[aria-pressed="true"] svg{color:var(--ok)}
#modalExport .xp-via{position:relative;padding-right:46px}
#modalExport .xp-why{position:absolute;right:12px;top:50%;transform:translateY(-50%);
  width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:50%;border:1px solid var(--field-bd);background:var(--field);
  font-family:var(--font-head);font-size:.82rem;font-weight:800;color:var(--ink-soft);cursor:help}
#modalExport .xp-why:hover,#modalExport .xp-why:focus-visible{color:var(--ink);border-color:var(--ink-soft)}
#modalExport .xp-tip{position:absolute;right:0;bottom:calc(100% + 9px);width:290px;padding:11px 13px;
  border-radius:12px;background:var(--bg);border:1px solid var(--hairline);
  box-shadow:0 18px 40px -20px rgba(0,0,0,.55);
  font-family:var(--font);font-size:.79rem;font-weight:500;line-height:1.45;color:var(--ink-soft);
  text-align:left;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .15s;z-index:20}
#modalExport .xp-tip b{display:block;color:var(--ink);font-weight:800;margin-bottom:4px}
#modalExport .xp-why:hover .xp-tip,#modalExport .xp-why:focus-visible .xp-tip,
#modalExport .xp-why:focus-within .xp-tip{opacity:1;visibility:visible}

/* lo que hay dentro de cada camino: se despliega */
#modalExport .xp-sub{max-height:0;opacity:0;overflow:hidden;
  transition:max-height .3s cubic-bezier(.3,0,.2,1),opacity .22s ease,margin .3s}
#modalExport .xp-sub.abierta{max-height:240px;opacity:1;margin-top:10px;margin-bottom:6px}
#modalExport .xp-sub .xp-row{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
#modalExport .xp-sub-q{margin:0 0 9px;font-size:.86rem;font-weight:700;color:var(--ink);text-align:center}
#modalExport .xp-sub .xp-op{flex:1 1 0;min-width:0;max-width:164px;justify-content:flex-start;min-height:42px;
  padding:9px 11px;gap:8px;font-size:.79rem;white-space:nowrap}
#modalExport .xp-sub .xp-op span{overflow:hidden;text-overflow:ellipsis}

#modalExport .xp-logo{display:inline-flex;flex:none}
#modalExport .xp-logo svg{width:17px;height:17px;color:inherit}

#modalExport .xp-pie{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px}
#modalExport .xp-nota{font-size:.76rem;color:var(--ink-soft);opacity:.85}
#modalExport .xp-go{display:inline-flex;align-items:center;gap:9px;border:none;border-radius:999px;
  padding:11px 22px;font-family:var(--font);font-weight:800;font-size:.92rem;cursor:pointer;
  background:var(--grad,linear-gradient(120deg,var(--ok),var(--deep)));color:#12160E;
  box-shadow:0 8px 20px -10px rgba(126,178,106,.8);transition:filter .15s,opacity .15s}
#modalExport .xp-go:hover{filter:brightness(1.06)}
#modalExport .xp-go[disabled]{opacity:.45;cursor:default;box-shadow:none;filter:none}
#modalExport .xp-go svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:2}
@media(max-width:640px){ #modalExport .xp-row{grid-template-columns:1fr} #modalExport .xp-ia-row{grid-template-columns:repeat(2,1fr)} }


html.brw-max .brw-shell{
  position:fixed!important;left:var(--mx-l,5px)!important;top:var(--mx-t,5px)!important;
  width:var(--mx-w,calc(100vw - 10px))!important;
  height:calc(100vh - 10px)!important;   /* el motor le escribe un `height` inline pensado para abrazar el
                                            carril; maximizado el marco es la pantalla entera */
  bottom:auto!important;transform:none!important;border-radius:15px!important;
  border-top:1px solid var(--brw-edge)!important}
html.brw-max .brw-topbar,
html.brw-max .mon-frame-status.is-fixed{left:var(--mx-l,5px)!important;transform:none!important;
  width:var(--mx-w,calc(100vw - 10px))!important;max-width:none!important}
html.brw-max .brw-topbar{top:var(--mx-t,5px)!important}
html.brw-max .mon-frame-status.is-fixed{bottom:var(--mx-b,5px)!important}
/* el marco del hero vuelve a su sitio dentro del carril (no manda ya la geometría del casco) */
html.brw-max .mon-frame{width:auto}
/* el carril, centrado dentro del marco y dejando su hueco a los dos trails */
html.brw-max .wrap{max-width:max(760px, calc(var(--mx-w, 100vw) - 640px))}
/* los popups se acotan al marco grande */
html.brw-max .modal-overlay{left:var(--mx-l,5px)!important;transform:none!important;
  width:var(--mx-w,calc(100vw - 10px))!important;max-width:none!important}


html.brw-max #brwTopbar{display:flex!important}
html.brw-max #miniSite.show{top:calc(var(--mx-t,5px) + var(--brw-top-max,52px) + 10px)!important}
html.wk-auth .brw-topbar{z-index:58}


html.brw-max .wrap{padding-top:calc(var(--mx-t,5px) + var(--brw-top-max,46px) + 14px)}
html.brw-max #wkLoginEntry{bottom:calc(var(--mx-b,5px) + var(--brw-bottom-h,46px) + 14px)!important}
/* El tema, encima del login y con 10 px entre los dos (34 px de login + 10).
   `.wk-tema.flotante` es el conmutador de hoy (TemaBoton); #wkThemeBtn, el
   del diseño: solo con el de hoy se quedaban uno encima del otro al
   maximizar (Juan, 28/09). */
/* Maximizada, la cabecera y el pie van a 5 px del borde y por ese hueco se
   veía pasar el informe (Juan, 28/09). Dos franjas del color del fondo, de
   lado a lado y hasta pasado el canto de cada barra, por DETRÁS de ellas
   (van a 9002; esto a 9001, en el mismo apilado de .wrap). */
html.brw-max .wrap::before{content:"";position:fixed;z-index:9001;pointer-events:none;left:0;right:0;top:0;
  height:calc(var(--mx-t,5px) + 12px);background:var(--bg)}
html.brw-max .brw-franja-abajo{display:block!important;position:fixed;z-index:9001;pointer-events:none;left:0;right:0;bottom:0;
  height:calc(var(--mx-b,5px) + 12px);background:var(--bg)}
/* Y el logo fijo de arriba a la derecha, fuera: maximizada, la ventana ocupa
   la pantalla y el logo quedaba encima de su cabecera (Juan, 28/09). */
html.brw-max #wkBrandTop{display:none!important}
/* A ras de la pantalla, el canto de la ventana solo se veía a los lados (a la
   derecha, junto al scroll): fuera también ahí, como arriba y abajo. */
html.brw-max #brwShell,html.brw-max #brwTopbar,html.brw-max #wkPie{border-left-width:0!important;border-right-width:0!important}
html.brw-max #wkThemeBtn,html.brw-max .wk-tema.flotante{bottom:calc(var(--mx-b,5px) + var(--brw-bottom-h,46px) + 58px)!important}


.cf-opts{margin-bottom:64px}
@media (max-height:820px){ .cf-opts{margin-bottom:56px} }
html[data-plan="free"] .cf-wk{margin-top:36px}
html[data-plan="free"] .cf-wk{padding-top:40px}


html.brw-max #wkHome{
  padding-top:calc(var(--mx-t,5px) + var(--brw-top-max,46px) + 14px);
  padding-bottom:calc(var(--mx-b,5px) + var(--brw-bottom-h,46px) + 28px)}


html[data-plan="free"] body{padding-bottom:20px}
html[data-plan="free"] .cf-wk{margin-top:20px;padding-top:32px}


html.brw-max .hero-share{
  top:calc(var(--mx-t,5px) + var(--brw-top-max,46px) + 12px);
  right:calc(var(--mx-t,5px) + 18px);
  z-index:9003}


html:not(.brw-max)[data-plan="free"] .cf-wk{margin-top:calc(var(--brw-bottom-h,46px) + 20px);padding-top:30px}


html.wk-auth:not(.wk-home):not(.brw-max) .wrap{left:var(--wrap-dx,0px)}


html:not(.brw-max)[data-plan="free"] .cf-wk{padding-top:48px}


#trail{-webkit-mask-image:linear-gradient(180deg,transparent var(--tr-m0,4%),#000 var(--tr-m1,24%),#000 76%,transparent 96%);
       mask-image:linear-gradient(180deg,transparent var(--tr-m0,4%),#000 var(--tr-m1,24%),#000 76%,transparent 96%)}


html.brw-max #trail,
html.brw-max #pilas{width:206px!important;padding-left:10px;padding-right:10px;--tr-fs:.64rem!important}

/* iconos, dots y ramas: −40% */
html.brw-max .tr-branch{width:10px}
html.brw-max .tr-node.lvl2 .tr-branch{width:17px}
html.brw-max .tr-dot{width:7px;height:7px;border-width:1.2px}
html.brw-max .tr-node.lvl2 .tr-dot{width:5px;height:5px}
html.brw-max .tr-node.active .tr-dot,
html.brw-max .tr-node.hover .tr-dot{width:8px;height:8px}
html.brw-max .tr-node.active.lvl2 .tr-dot,
html.brw-max .tr-node.hover.lvl2 .tr-dot{width:7px;height:7px}
html.brw-max .pl-branch{width:10px}
html.brw-max .pl-item .pl-branch{width:17px}
html.brw-max .pl-dot{width:7px;height:7px;border-width:1.2px}
html.brw-max .pl-item .pl-dot,
html.brw-max .pl-todo .pl-dot{width:5px;height:5px}
html.brw-max .pl-node.hover .pl-dot,
html.brw-max #pilas .pl-todo:hover .pl-dot{width:8px;height:8px}
html.brw-max .pl-ic,
html.brw-max .pl-ic svg{width:9px;height:9px}
html.brw-max .pl-ic{margin-right:5px}
html.brw-max .pl-n{margin-right:6px}

/* y el contenido se queda con lo que antes era aire: reserva 640 → 488 (2 × (206 + 38)) */
html.brw-max .wrap{max-width:max(760px, calc(var(--mx-w, 100vw) - 488px))}


html.brw-max #trail,
html.brw-max #pilas{--tr-fs:.78rem!important}
html.brw-max .wrap{max-width:max(760px, calc(var(--mx-w, 100vw) - 444px))}
html.brw-max #miniSite.show{width:186px!important}
html.brw-max #miniSite.show .ms-body{max-height:116px!important}


html.brw-max #trail,
html.brw-max #pilas{width:176px!important}
html.brw-max .wrap{max-width:max(760px, calc(var(--mx-w, 100vw) - 356px))}
html.brw-max #miniSite.show{width:149px!important}
html.brw-max #miniSite.show .ms-body{max-height:93px!important}


html.brw-max #monitorPanel .mon-frame-bar{display:none}
html.brw-max #monitorPanel .mon-frame-body{border-top-left-radius:13px;border-top-right-radius:13px;overflow:hidden}


html.sys-mac .mon-frame-bar .mfb-dots{gap:8px}
html.sys-mac .mon-frame-bar .mfb-dots i{
  position:relative;width:12px;height:12px;opacity:1;cursor:pointer;pointer-events:auto;
  display:inline-flex;align-items:center;justify-content:center;
  transition:filter .15s ease}
html.sys-mac .mon-frame-bar .mfb-dots i:nth-child(1){background:#FF5F57}
html.sys-mac .mon-frame-bar .mfb-dots i:nth-child(2){background:#FEBC2E}
html.sys-mac .mon-frame-bar .mfb-dots i:nth-child(3){background:#28C840}
html.sys-mac .mon-frame-bar .mfb-dots i::after{
  content:"";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--font);font-size:9px;font-weight:900;line-height:1;color:rgba(0,0,0,.55);opacity:0;
  transition:opacity .12s ease}
html.sys-mac .mon-frame-bar .mfb-dots:hover i::after{opacity:1}
html.sys-mac .mon-frame-bar .mfb-dots i:nth-child(1)::after{content:"\00d7";font-size:11px}
html.sys-mac .mon-frame-bar .mfb-dots i:nth-child(2)::after{content:"\2013"}
html.sys-mac .mon-frame-bar .mfb-dots i:nth-child(3)::after{content:"\21f1";font-size:10px}
html.sys-mac .mon-frame-bar .mfb-dots i:active{filter:brightness(.85)}

/* Windows: los tres, planos, a la derecha */
html.sys-win .mon-frame-bar .mfb-dots{display:none}
.wkw-ctls{display:none;margin-left:auto;align-items:stretch;align-self:stretch;flex:none}
html.sys-win .mon-frame-bar .wkw-ctls{display:flex}
.wkw-ctl{width:44px;border:0;background:none;color:var(--ink-soft);cursor:pointer;display:flex;
  align-items:center;justify-content:center;transition:background .13s ease,color .13s ease}
.wkw-ctl:hover{background:color-mix(in srgb,var(--ink) 10%,transparent);color:var(--ink)}
.wkw-ctl[data-w="close"]:hover{background:#E81123;color:#fff}
.wkw-ctl svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:square}
html.sys-win .mon-frame-bar{padding-right:0}
html.sys-win .mon-frame-bar .mon-frame-addr{min-width:0}
html.sys-win .mon-frame-bar .wkw-ctls{flex:none}

/* el maximizar propio se va: ya lo hacen los del sistema */
html.sys-mac .brw-max-btn,html.sys-win .brw-max-btn{display:none!important}


html.sys-mac .brw-max-btn,html.sys-win .brw-max-btn{display:inline-flex!important}
html.sys-win .mon-frame-bar .brw-max-btn{margin-left:auto;margin-right:8px}
html.sys-win .mon-frame-bar .wkw-ctls{margin-left:0}
/* las dos flechas: fuera para maximizar, dentro para restaurar */
.brw-max-btn .ic-max,.brw-max-btn .ic-min{stroke-linecap:round;stroke-linejoin:round}


.wkw-ctls{display:flex!important}
html.sys-mac .mon-frame-bar .mfb-dots i,
html.sys-win .mon-frame-bar .mfb-dots i{
  width:8px;height:8px;background:var(--ink-soft);opacity:.38;cursor:default;pointer-events:none}
html.sys-mac .mon-frame-bar .mfb-dots i::after{content:none!important}
html.sys-mac .mon-frame-bar .mfb-dots{gap:5px;display:flex}
html.sys-win .mon-frame-bar .mfb-dots{display:flex}
/* los círculos de color de macOS llevaban `:nth-child`, que gana en especificidad: hay que igualarla */
html.sys-mac .mon-frame-bar .mfb-dots i:nth-child(1),
html.sys-mac .mon-frame-bar .mfb-dots i:nth-child(2),
html.sys-mac .mon-frame-bar .mfb-dots i:nth-child(3){background:var(--ink-soft);opacity:.38}
.mon-frame-bar{padding-right:0}
html[data-plan="free"] .mon-frame-bar{padding-right:0}
.mon-frame-bar .mon-frame-addr{min-width:0}
.mon-frame-bar .brw-max-btn{margin-left:auto;margin-right:8px}
.mon-frame-bar .wkw-ctls{margin-left:0}


html.sys-mac .brw-max-btn,html.sys-win .brw-max-btn,.mon-frame-bar .brw-max-btn{display:none!important}
.mon-frame-bar .wkw-ctls{margin-left:auto}


.cf-ns-row{position:relative}
.cfns-chips{position:absolute;left:52px;right:var(--cfns-r,150px);top:50%;transform:translateY(-50%);
  display:flex;align-items:center;gap:7px;flex-wrap:nowrap;overflow:hidden;pointer-events:auto}
.cf-ns-row.tiene-texto .cfns-chips{display:none}
.cfns-chip{flex:none;font-family:var(--font);font-size:.79rem;font-weight:700;line-height:1;
  color:#41513f;background:#fff;border:1px solid rgba(0,0,0,.10);border-radius:999px;padding:.52em .86em;
  cursor:pointer;white-space:nowrap;transition:background .14s ease,border-color .14s ease,color .14s ease}
.cfns-chip:hover{background:#eef3e6;border-color:rgba(0,0,0,.18);color:#1e2a17}
.cfns-chip b{font-weight:800}
/* el del dominio puede ser largo: se recorta antes que empujar a los otros fuera del campo */
.cfns-chip[data-ns="other"]{max-width:44%;overflow:hidden;text-overflow:ellipsis}
.cf-ns-row:not(.tiene-texto) .cf-ns-input::placeholder{color:transparent}
@media (max-width:640px){ .cfns-chips{position:static;transform:none;flex-wrap:wrap;margin-top:8px} }

/* el aviso de la caché */
#modalCache .mc-cnt{display:flex;flex-direction:column;align-items:center;gap:4px;margin:14px 0 6px}
#modalCache .mc-reloj{font-family:var(--font-head,var(--font));font-size:2.4rem;font-weight:800;letter-spacing:-.02em;
  color:var(--ink);font-variant-numeric:tabular-nums;line-height:1}
#modalCache .mc-pie{font-size:.84rem;color:var(--ink-soft)}
#modalCache .mc-barra{width:100%;max-width:280px;height:6px;border-radius:999px;background:var(--field);overflow:hidden;margin-top:8px}
#modalCache .mc-fill{height:100%;width:100%;border-radius:999px;background:linear-gradient(90deg,#9ccf57,#d8e56b);transition:width .95s linear}
#modalCache .btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}
#modalCache.listo .mc-reloj{color:var(--ok,#4E7C3F)}


  .sw-mail-ya{margin:14px 0 2px;font-size:.9rem;color:var(--ink-soft);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .sw-mail-ya b{color:var(--ink)}
  .sw-mail-ya[hidden]{display:none!important}   /* `hidden` es de la hoja de USUARIO: el display de arriba lo pisaría */
  .sw-rol-nota{margin:6px 0 0;font-size:.8rem;line-height:1.45;color:var(--ink-soft);opacity:.85}
  #modalSiteWait .acct-field[hidden]{display:none!important}


.shx-acc-b[disabled],.shx-acc-b[aria-disabled="true"]{opacity:.42;cursor:not-allowed;filter:grayscale(.4)}
.shx-acc-b[disabled]:hover,.shx-acc-b[aria-disabled="true"]:hover{border-color:var(--hairline)}
.wk-nada{font-size:.82rem;font-weight:500;line-height:1.4;color:var(--ink-soft);letter-spacing:0}
.xp-q .wk-nada,.shx-qh .wk-nada{white-space:normal}
.wk-nada b{font-weight:700;color:var(--ink)}
.wk-nada-a{font:inherit;font-weight:700;color:var(--deep);background:none;border:0;padding:0;
  cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.wk-nada-a:hover{color:var(--ok)}
html[data-theme="dark"] .wk-nada-a{color:var(--sp3,#bcd47a)}


.ev-mk.ev-ko{color:var(--crit)}
.ev-mk.ev-wr{color:var(--imp,#E0954A)}
.ev-mk.ev-na{color:var(--ink-soft);opacity:.55}
.tech-body .metric[data-ev="na"] .mv .now{color:var(--ink-soft);opacity:.7;font-weight:600}
.tech-body .metric[data-ev="na"] .mv .goal{opacity:.7}


.close-free{margin-top:40px}
.cf-title{margin-bottom:30px}


#monitorPanel .mon-dev-scroll{transition:opacity .18s ease}
#monitorPanel.mp-vacio .mon-dev-scroll{opacity:0}
#monitorPanel.mp-vacio .mon-frame-body{
  background-image:radial-gradient(circle at 50% 46%, color-mix(in srgb,var(--ink) 7%,transparent) 0 42%, transparent 62%);
  background-repeat:no-repeat;background-size:100% 100%}
#monitorPanel.mp-vacio .mon-frame-hint{opacity:0}

/* el nacimiento: la imagen se expande desde el punto donde ha caído la luz */
@keyframes mpNace{
  0%{opacity:0;transform:scale(.08) rotate(-120deg);filter:blur(4px)}
  60%{opacity:1;transform:scale(1.03) rotate(4deg);filter:blur(0)}
  100%{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}
}
#monitorPanel.mp-nace .mon-dev-scroll{animation:mpNace .62s cubic-bezier(.18,.85,.3,1) both;transform-origin:50% 46%}
@media (prefers-reduced-motion:reduce){ #monitorPanel.mp-nace .mon-dev-scroll{animation:none} }


  .modal-overlay{background:transparent !important;
    -webkit-backdrop-filter:none !important;backdrop-filter:none !important}
  #wkVeil{
    position:fixed;inset:0;pointer-events:none;opacity:0;
    background:rgba(20,24,15,.55);
    -webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
    transition:opacity .25s ease;
  }
  #wkVeil.on{opacity:1}
  /* los carriles, por delante del velo (sin llegar al popup) */
  html.wk-veil-on #trail,html.wk-veil-on #pilas{z-index:var(--veil-z-up,99) !important}
  html.wk-veil-on #wkThemeBtn,html.wk-veil-on #wkLoginEntry,html.wk-veil-on #wkPlenoBtn,
  html.wk-veil-on #wkHome,html.wk-veil-on .hero-share{z-index:var(--veil-z-down,97) !important}
  html.wk-veil-on:not(.brw-max) .mon-frame-status,
  html.wk-veil-on:not(.brw-max) #brwFaldon,
  html.wk-veil-on:not(.brw-max) #brwTopbar,
  html.wk-veil-on:not(.brw-max) .brw-topbar{z-index:var(--veil-z-down,97) !important}
  @media(prefers-reduced-motion:reduce){#wkVeil{transition:none}}


  #toast,#toastW{opacity:0 !important;pointer-events:none !important}

  #wkToasts{position:fixed;top:72px;right:16px;z-index:9500;   /* sobre el casco (9002), bajo el acceso (10000) */
    display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none;
    max-width:min(86vw,380px)}
  .wkt{--c:var(--ink-soft);
    position:relative;overflow:hidden;pointer-events:auto;cursor:pointer;
    display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;
    width:100%;padding:.72em .95em .8em;border-radius:12px;
    /* fondo OPACO (nunca translúcido: debajo pasa el informe entero) y el color como acento */
    background:color-mix(in srgb,var(--bg) 92%,var(--ink) 8%);
    border:1px solid var(--hairline);border-left:3px solid var(--c);
    box-shadow:0 14px 34px -12px rgba(0,0,0,.7);
    font-size:.86rem;line-height:1.45;color:var(--ink);text-align:left;
    animation:wktIn .38s cubic-bezier(.2,.9,.3,1) both}
  .wkt.va{animation:wktOut .3s cubic-bezier(.5,0,.75,.2) both}
  .wkt-ic{width:18px;height:18px;flex:none;color:var(--c);margin-top:1px}
  .wkt-ic svg{width:18px;height:18px;display:block}
  .wkt-tx{font-weight:600}
  /* la cuenta atrás: se ve cuánto queda y se para si pones el puntero encima */
  .wkt-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--c);opacity:.5;
    transform-origin:left center;animation:wktBar 4s linear forwards}
  .wkt:hover .wkt-bar,.wkt:focus-within .wkt-bar{animation-play-state:paused}
  .wkt.err{--c:var(--crit-t)}
  .wkt.warn{--c:var(--warn-t)}
  .wkt.ok{--c:var(--ok)}

  @keyframes wktIn {from{transform:translateX(calc(100% + 28px));opacity:0} to{transform:none;opacity:1}}
  @keyframes wktOut{from{transform:none;opacity:1} to{transform:translateX(calc(100% + 28px));opacity:0}}
  @keyframes wktBar{from{transform:scaleX(1)} to{transform:scaleX(0)}}
  @media(max-width:720px){#wkToasts{right:12px;left:12px;max-width:none;align-items:stretch}}
  @media(prefers-reduced-motion:reduce){
    .wkt{animation:none} .wkt.va{animation:none;opacity:0} .wkt-bar{animation-duration:6s}
  }


  #listSev .hz-list .sev-group > summary.is-pinned,
  #listSev .hz-list .sev-group > summary.is-pinned:hover{
    box-shadow:
      inset 1px 0 0 var(--hairline),     /* el flanco que faltaba */
      inset -1px 0 0 var(--hairline),
      inset 0 -1px 0 var(--hairline),    /* la de abajo se queda: separa del contenido del grupo */
      var(--sev-pin-sh);
  }
  /* el filtro deja de rematar por abajo mientras hay una afectación pegada.
     Se apaga el COLOR, no el borde: con `border-box`, quitarlo movería el contenido 1px. */
  #listSev .hz-list:has(> .sev-group > summary.is-pinned) > .sev-urlfilter{
    border-bottom-color:transparent;
  }


  html.brw-max .wrap{padding-left:10px;padding-right:10px}
  html.brw-max .mon-frame{margin-left:0;border-color:transparent !important}


  @media(max-width:900px){
    .cf-opts{grid-template-columns:repeat(3,1fr)}
    .cf-opt{grid-column:auto}
    .cf-opt:nth-child(4){border-left:0}
  }
  @media(max-width:640px){
    .cf-opts{grid-template-columns:1fr}
    .cf-opt,.cf-opt:nth-child(4),.cf-opt:nth-child(5){grid-column:auto;border-left:0}
    .cf-opt+.cf-opt{border-left:0;
      border-top:1px solid color-mix(in srgb,var(--hairline) 55%,transparent);padding-top:18px}
  }


  .d3-ignore,
  [data-dec3="ignore"],
  .frm-act[data-tip="Descartar"],
  .fam-act[data-fam-act="ignore"],
  .sel-ico[data-tip="Descartar"],
  .pr-cell[data-f="desc"],
  #listSev .desc-group,
  #gestDock #canceladosBlock{display:none !important}


  html.brw-max .cf-opts{margin-bottom:20px}


  .wk-tabs{display:flex;gap:6px;margin:14px 0 18px;border-bottom:1px solid var(--hairline)}
  .wk-tab{position:relative;border:0;background:none;cursor:pointer;font-family:var(--font);
    font-size:.88rem;font-weight:700;color:var(--ink-soft);padding:.55em .9em;border-radius:10px 10px 0 0;
    transition:color .18s,background .18s}
  .wk-tab:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}
  .wk-tab[aria-selected="true"]{color:var(--ok)}
  .wk-tab[aria-selected="true"]::after{content:"";position:absolute;left:.6em;right:.6em;bottom:-1px;
    height:2px;background:var(--ok);border-radius:2px}
  .wk-tab-n{display:inline-block;margin-left:6px;font-size:.72rem;font-weight:800;
    color:var(--ink);background:color-mix(in srgb,var(--ink) 12%,transparent);
    border-radius:999px;padding:.05em .45em;vertical-align:1px}
  .wk-tab[aria-selected="true"] .wk-tab-n{color:#17240f;background:var(--ok)}
  .wk-panel[hidden],.wk-pie[hidden],.acct-modal-sub[hidden]{display:none !important}
  /* dentro de una pestaña, el bloque ya no necesita su margen de sección */
  .wk-panel .acct-alertas{margin-top:0}
  /* el título lo dice ya la pestaña: el panel ES el bloque (`.acct-alertas.wk-panel`), así que el
     rótulo es su PRIMER HIJO, no el de un descendiente — con el selector anterior no casaba nada. */
  .wk-panel > .shx-qh:first-child{display:none}


  html.wk-front #trail,html.wk-front #pilas{z-index:var(--veil-z-down,97) !important}

  .modal-overlay{overflow:hidden !important}
  .modal-overlay>.modal{max-height:calc(100vh - 36px);overflow-y:auto;overscroll-behavior:contain}
  .modal-overlay>.modal::-webkit-scrollbar{width:0;height:0}
  /* con el casco en modo ventana el alto útil es el suyo, no el de la pantalla */
  html.brw-win .modal-overlay>.modal{max-height:calc(100vh - 48px)}


  .cf-opts .cf-opt{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
  .cf-opts .cf-opt-t{display:flex;align-items:center;justify-content:center;text-align:center;
    min-height:2.5em;line-height:1.2}
  .cf-opts .cf-opt-sub{margin-top:6px}


  .cf-opts .cf-opt{position:relative;border-radius:14px;
    transition:background .22s ease,transform .22s ease,color .2s ease}
  /* el velo va en un pseudo para poder desvanecerlo sin tocar el fondo del bloque */
  .cf-opts .cf-opt::before{content:"";position:absolute;inset:2px;border-radius:12px;
    background:radial-gradient(120% 90% at 50% 0%,
      color-mix(in srgb,var(--ok) 22%,transparent) 0%,
      color-mix(in srgb,var(--ok) 8%,transparent) 45%, transparent 78%);
    opacity:0;transition:opacity .22s ease;pointer-events:none;z-index:0}
  .cf-opts .cf-opt > *{position:relative;z-index:1}
  .cf-opts .cf-opt:hover::before{opacity:.75}
  .cf-opts .cf-opt:focus-visible::before{opacity:.75}
  .cf-opts .cf-opt:active::before{opacity:1}
  .cf-opts .cf-opt:active{transform:translateY(1px)}
  /* el icono acompaña, sin dar el salto */
  .cf-opts .cf-opt svg{transition:transform .22s ease}
  .cf-opts .cf-opt:hover svg{transform:translateY(-2px) scale(1.04)}
  /* ESTADO: el que has accionado se queda encendido, sin depender del ratón */
  .cf-opts .cf-opt.cf-opt-active::before{opacity:.55}
  .cf-opts .cf-opt.cf-opt-active{color:var(--ok)}
  .cf-opts .cf-opt.cf-opt-active::after{content:"";position:absolute;left:26%;right:26%;bottom:6px;
    height:2px;border-radius:2px;background:var(--ok);opacity:.85}
  @media(prefers-reduced-motion:reduce){
    .cf-opts .cf-opt,.cf-opts .cf-opt::before,.cf-opts .cf-opt svg{transition:none}
    .cf-opts .cf-opt:hover svg{transform:none}
  }


  .wk-dots{position:fixed;width:11px;display:flex;flex-direction:column;align-items:center;
    justify-content:space-between;pointer-events:none;z-index:2147483000;opacity:0;
    transition:opacity .25s ease}
  .wk-dots.on{opacity:1}
  .wk-dots i{display:block;width:4.5px;height:4.5px;border-radius:50%;background:var(--ok);
    opacity:.13;transform:scale(.82);will-change:opacity,transform}
  .wk-dots i.nucleo{box-shadow:0 0 6px color-mix(in srgb,var(--ok) 55%,transparent)}
  @media(prefers-reduced-motion:reduce){.wk-dots i{transition:none}}


  #muevelo .mv-card{padding:4px 0 0;background:none;border:0;box-shadow:none;border-radius:0;
    backdrop-filter:none}
  #muevelo .mv-estado{position:relative;z-index:1;margin:0 0 18px;font-size:.92rem;color:var(--ink-soft);line-height:1.5;text-align:center}
  #muevelo #mvOpts{margin-bottom:10px}
  #muevelo .mv-estado b{color:var(--ink)}
  #muevelo .mv-opts{grid-template-columns:repeat(3,1fr)}
  #muevelo .mv-estado b{color:var(--ink)}

  /* ---- el cierre se queda con DOS cartas ---- */
  .close-free .cf-opts{grid-template-columns:repeat(2,1fr)}
  .close-free .cf-opt-sub{max-width:26ch;margin-left:auto;margin-right:auto}
  @media(max-width:640px){.close-free .cf-opts{grid-template-columns:1fr}}
  .cf-ns-site{display:flex;align-items:center;gap:13px;width:100%;margin:14px 0 0;text-align:left;
    padding:13px 15px;border-radius:14px;cursor:pointer;font-family:var(--font);
    border:1px dashed color-mix(in srgb,var(--deep) 42%,transparent);
    background:color-mix(in srgb,var(--deep) 6%,transparent);
    transition:border-color .18s,background .18s}
  .cf-ns-site:hover{border-color:var(--deep);background:color-mix(in srgb,var(--deep) 10%,transparent)}
  .cf-ns-site .cns-ic{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;
    background:color-mix(in srgb,var(--deep) 14%,transparent);color:var(--deep)}
  .cf-ns-site .cns-ic svg{width:18px;height:18px}
  .cf-ns-site .cns-l{flex:1;min-width:0;display:block}
  .cf-ns-site .cns-l b{display:block;font-size:.94rem;color:var(--ink)}
  .cf-ns-site .cns-l span{display:block;font-size:.8rem;color:var(--ink-soft);margin-top:2px}
  .cf-ns-site .cns-beta{flex:none;font-size:.66rem;font-weight:800;letter-spacing:.06em;
    text-transform:uppercase;color:#fff;background:#A9631B;padding:4px 9px;border-radius:999px}
  .cf-ns-site .cns-ch{width:16px;height:16px;flex:none;color:var(--ink-soft)}
  .cf-ns-full{margin:12px 2px 0;font-size:.86rem;color:var(--ink-soft)}
  .cf-ns-full button{border:0;background:none;padding:0;font:inherit;font-weight:700;color:var(--ok);
    cursor:pointer;text-decoration:underline;text-underline-offset:3px}
  .cf-ns-full button:hover{color:var(--a3)}

  /* el tiempo que te ahorras, en cada tarifa */
  .wv-plan-t{display:block;font-size:.76rem;font-weight:700;color:var(--a3);margin-top:-2px}


  .xp-q > .wk-nada,.shx-qh > .wk-nada{display:none !important}   /* la del rótulo, retirada */
  .wk-nada-baja{display:block;margin-top:7px;font-size:.82rem;line-height:1.45;color:var(--ink-soft)}
  .xp-ayuda .wk-nada-baja:first-child,.shx-acc-ayuda .wk-nada-baja:first-child{margin-top:0}
  .wk-nada-baja .wk-nada-a{font-weight:700}


  html .close-free [data-cf="site"]{display:none !important}
  html:not(.brw-max) .close-free{margin-top:104px}
  html:not(.brw-max) .close-free .cf-opts{margin-bottom:22px}
  html:not(.brw-max)[data-plan="free"] .cf-wk{margin-top:34px;padding-top:30px}

  .cf-opts{position:relative;isolation:isolate;align-items:stretch;overflow:visible}
  .cf-opts .cf-opt{min-height:184px;justify-content:center;gap:12px;z-index:1;
    padding-top:20px;padding-bottom:20px}
  .close-free .cf-title{margin-bottom:18px}
  .cf-opts .cf-opt+.cf-opt{border-left:0}
  .cf-opts .cf-opt svg{width:36px;height:36px}
  .cf-opts .cf-opt .cf-opt-t{display:flex;align-items:center;justify-content:center;
    min-height:2.5em;line-height:1.22;font-size:1.02rem}
  .cf-opts .cf-opt-sub{margin-top:0;padding-top:0;min-height:2.7em}

  .cf-opts .cf-opt::before,
  .cf-opts .cf-opt:hover::before,
  .cf-opts .cf-opt:active::before,
  .cf-opts .cf-opt.cf-opt-active::before{opacity:0}
  .cf-opts .cf-opt.cf-opt-active::after{display:none}
  .cf-opts .cf-opt.cf-opt-active{border-bottom-color:transparent}
  .close-free .cf-newscan{margin-top:4px;margin-left:0;margin-right:auto;text-align:left}
  .close-free .cf-newscan .cf-ns-label{text-align:left}
  .close-free .cf-opts:has(+ .cf-newscan:not([hidden])){margin-bottom:6px}

  .cf-blob{position:absolute;left:0;top:0;width:293px;height:200px;pointer-events:none;z-index:0;
    opacity:0;transition:opacity .3s ease;will-change:transform}
  :root{--blob-c:255,255,255; --blob-a:.95}
  html[data-theme="dark"]{--blob-c:0,0,0; --blob-a:.55}
  .cf-blob-i{position:absolute;inset:0;
    background:radial-gradient(closest-side circle at 50% 47%,
      rgba(var(--blob-c), var(--blob-a)) 0%,
      rgba(var(--blob-c), calc(var(--blob-a) * .62)) 48%,
      rgba(var(--blob-c), calc(var(--blob-a) * .3)) 100%);
    filter:blur(26px);
    border-radius:48% 52% 58% 42% / 52% 46% 54% 48%;
    animation:cfBlobRespira 13s ease-in-out infinite}
  /* la opacidad la lleva el bucle (se recoge un poco en las junturas), así que aquí NO se fija:
     un `!important` desde CSS ganaría al estilo en línea y dejaría la luz clavada. */
  @keyframes cfBlobRespira{
    0%,100%{border-radius:48% 52% 58% 42% / 52% 46% 54% 48%;transform:scale(1,1) rotate(0deg)}
    18%    {border-radius:62% 38% 44% 56% / 40% 62% 38% 60%;transform:scale(1.12,.90) rotate(8deg)}
    36%    {border-radius:38% 62% 60% 40% / 63% 37% 61% 39%;transform:scale(.91,1.11) rotate(-7deg)}
    54%    {border-radius:56% 44% 38% 62% / 46% 58% 42% 54%;transform:scale(1.07,.97) rotate(4deg)}
    72%    {border-radius:44% 56% 63% 37% / 57% 43% 59% 41%;transform:scale(.96,1.06) rotate(-3deg)}
    88%    {border-radius:53% 47% 49% 51% / 44% 56% 44% 56%;transform:scale(1.03,1.01) rotate(2deg)}
  }
  @media(prefers-reduced-motion:reduce){
    .cf-blob-i{animation:none;filter:blur(22px)}
  }


  .mon-frame-addr>.mfa-ssl{flex:none;display:inline-flex;align-items:center;justify-content:center;
    width:26px;height:26px;margin-left:-4px;border:0;border-radius:999px;background:none;
    color:var(--ok);cursor:pointer;transition:background .18s,transform .18s}
  .mon-frame-addr>.mfa-ssl svg{width:15px;height:15px;stroke:currentColor;fill:none;opacity:1;
    stroke-width:2.1}
  .mon-frame-addr>.mfa-ssl:hover{background:color-mix(in srgb,var(--ok) 16%,transparent)}
  .mon-frame-addr>.mfa-ssl:active{transform:scale(.94)}
  .mon-frame-addr>.mfa-ssl[aria-expanded="true"]{background:color-mix(in srgb,var(--ok) 22%,transparent)}
  .mon-frame-addr>.mfa-ssl:focus-visible{outline:2px solid var(--ok);outline-offset:2px}

  .wk-ssl-pop{position:fixed;z-index:9200;width:322px;max-width:calc(100vw - 28px);
    background:var(--glass-bg);border:1px solid var(--hairline);border-radius:15px;
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    box-shadow:0 22px 48px -18px rgba(0,0,0,.7);padding:14px 15px 13px;
    font-family:var(--font);color:var(--ink);
    opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .22s cubic-bezier(.3,0,.2,1)}
  .wk-ssl-pop.on{opacity:1;transform:none}
  .wk-ssl-h{display:flex;align-items:center;gap:9px;margin-bottom:9px}
  .wk-ssl-h svg{width:17px;height:17px;color:var(--ok);flex:none}
  .wk-ssl-h b{font-family:var(--font-head);font-weight:400;letter-spacing:-.01em;font-size:1.02rem}
  .wk-ssl-l{font-size:.84rem;line-height:1.55;color:var(--ink-soft);margin:0}
  .wk-ssl-l b{color:var(--ink);font-weight:700}
  .wk-ssl-datos{list-style:none;margin:11px 0 0;padding:11px 0 0;border-top:1px solid var(--hairline);
    display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--ink-soft)}
  .wk-ssl-datos li{display:flex;gap:8px}
  .wk-ssl-datos span{flex:none;width:74px;color:color-mix(in srgb,var(--ink-soft) 78%,transparent)}
  .wk-ssl-datos b{color:var(--ink);font-weight:700}
  /* el hallazgo, en miniatura y sin una sola acción */
  .wk-ssl-hz{margin-top:12px;padding-top:11px;border-top:1px solid var(--hairline)}
  .wk-ssl-hz-t{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
    color:color-mix(in srgb,var(--ink-soft) 80%,transparent);margin:0 0 7px}
  .wk-ssl-hz-c{display:flex;align-items:flex-start;gap:9px;padding:9px 11px;border-radius:11px;
    background:var(--field);border:1px solid var(--hairline)}
  .wk-ssl-hz-p{flex:none;width:8px;height:8px;border-radius:50%;margin-top:5px}
  .wk-ssl-hz-x{min-width:0}
  .wk-ssl-hz-x b{display:block;font-size:.86rem;line-height:1.35;color:var(--ink)}
  .wk-ssl-hz-x span{font-size:.76rem;color:var(--ink-soft)}
  @media(prefers-reduced-motion:reduce){.wk-ssl-pop{transition:none}}


  .modal-overlay.wk-fullscan{
    inset:0 !important;left:0 !important;right:0 !important;
    width:100vw !important;max-width:none !important;transform:none !important;
    border-radius:0 !important;padding:24px !important;
    align-items:center !important;justify-content:center !important}
  /* el fondo lo pone el propio overlay: `.modal-overlay` no pinta nada (el velo es otro
     elemento), así que sin este `::before` se vería el informe detrás */
  .modal-overlay.wk-fullscan::before{content:"";position:fixed;inset:0;background:var(--bg);opacity:.98}
  .modal-overlay.wk-fullscan > *{position:relative;z-index:1}
  /* la caja pierde el aspecto de tarjeta: en una pantalla no hay ventanita */
  .modal-overlay.wk-fullscan > .modal{
    background:none !important;border:none !important;box-shadow:none !important;
    backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
    width:min(720px,100%) !important;max-width:none !important;max-height:none !important;
    padding:0 20px !important;text-align:center;overflow:visible !important}
  .modal-overlay.wk-fullscan .modal-t,.modal-overlay.wk-fullscan h3{
    font-family:var(--font-head);font-weight:700;font-size:1.55rem;letter-spacing:-.025em;
    color:var(--ink);padding-right:0 !important;margin:0 0 10px;text-align:center}
  .modal-overlay.wk-fullscan .modal-sub,.modal-overlay.wk-fullscan .acct-modal-sub{
    text-align:center;margin:0 auto 26px;max-width:560px}
  .modal-overlay.wk-fullscan > .modal-close{position:fixed !important;top:20px !important;
    right:22px !important;left:auto !important;bottom:auto !important;
    width:42px;height:42px;border-radius:50%;display:grid;place-items:center;z-index:3;
    border:1px solid var(--hairline);background:var(--glass-bg-strong);color:var(--ink-soft)}
  .modal-overlay.wk-fullscan > .modal-close:hover{color:var(--ink);border-color:var(--deep)}
  #modalScan.wk-fullscan{z-index:99}
  .modal-overlay.wk-fullscan .modal-foot .linkbtn[data-close]{display:none}
  #wkGate .wk-gate-card:has([data-gview="analyze"]:not([hidden])) .wk-gate-back{display:none}
  #wkGate .wk-gate-x{position:fixed;top:20px;right:22px;width:42px;height:42px;border-radius:50%;
    display:none;place-items:center;cursor:pointer;z-index:3;
    border:1px solid var(--hairline);background:var(--glass-bg-strong);color:var(--ink-soft)}
  #wkGate .wk-gate-x:hover{color:var(--ink);border-color:var(--deep)}
  #wkGate .wk-gate-card:has([data-gview="analyze"]:not([hidden])) ~ .wk-gate-x,
  #wkGate:has([data-gview="analyze"]:not([hidden])) .wk-gate-x{display:grid}
  #wkGate .wk-gate-x svg{width:17px;height:17px}
  .wk-fullscan-logo{display:block;width:52px;height:52px;margin:0 auto 22px;border-radius:50%;overflow:hidden}
  .wk-fullscan-logo img{width:64px;height:64px;display:block;margin:-6px 0 0 -6px}
  /* la etiqueta del campo, centrada como el resto */
  .modal-overlay.wk-fullscan .acct-field{display:block;text-align:center}
  .modal-overlay.wk-fullscan .acct-field-lbl{display:block;margin:0 0 10px}
  .modal-overlay.wk-fullscan .modal-foot{justify-content:center;margin-top:22px}

  #wkGate .wk-gate-card:has([data-gview="analyze"]:not([hidden])),
  #wkGate .wk-gate-card:has([data-gview="analyzing"]:not([hidden])){
    max-width:min(720px,100%) !important;background:none !important;border:none !important;
    box-shadow:none !important;padding:0 20px !important}
  #wkGate .wk-gate-card:has([data-gview="analyze"]:not([hidden])) .wk-gate-h1,
  #wkGate .wk-gate-card:has([data-gview="analyzing"]:not([hidden])) .wk-gate-h1{font-size:1.55rem}
  /* el campo, con el aire de las otras pantallas */
  #wkGate .wk-gate-url.wk-urlrow{margin-top:6px}

  .ra-overlay.wk-fullscan-prog{background:var(--bg) !important;
    -webkit-backdrop-filter:none !important;backdrop-filter:none !important}
  /* la caja de esta pantalla es `.ra-overlay-panel.glass`, no `.ra-progress` (comprobado en vivo):
     pierde el cristal y el marco, como las otras dos. */
  .ra-overlay.wk-fullscan-prog .ra-overlay-panel{background:none !important;border:none !important;
    box-shadow:none !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important;
    width:min(560px,100%) !important;max-width:none !important;padding:0 20px !important;text-align:center}
  .ra-overlay.wk-fullscan-prog .ra-prog-title{font-family:var(--font-head);font-size:1.35rem;
    font-weight:700;letter-spacing:-.02em}


  .wk-urlrow,#cfNewScan .cf-ns-row{display:flex;align-items:center;gap:8px;
    background:var(--field);border:1px solid var(--field-bd);border-radius:999px;
    padding:7px 7px 7px 20px;box-shadow:0 16px 36px -16px rgba(0,0,0,.28)}
  .wk-urlrow > .wk-urlrow-ic,#cfNewScan .cf-ns-ic{display:inline-flex;flex:none;color:var(--ink-soft)}
  .wk-urlrow > .wk-urlrow-ic svg{width:20px;height:20px}
  .wk-urlrow input,#cfNewScan .cf-ns-input{flex:1 1 auto;min-width:0;font-family:var(--font);
    font-size:1rem !important;color:var(--ink) !important;background:transparent !important;
    border:none !important;border-radius:0 !important;outline:none !important;
    box-shadow:none !important;padding:0 !important;height:auto !important;width:auto}
  .wk-urlrow input:focus{box-shadow:none !important;border:none !important}
  .wk-urlrow input::placeholder,#cfNewScan .cf-ns-input::placeholder{color:var(--ink-soft);opacity:.75}
  /* el CTA, dentro y con el verde de la casa, un punto más contenido */
  .wk-urlrow .wk-urlrow-go,#cfNewScan .cf-ns-go{display:inline-flex;align-items:center;gap:8px;
    flex:none;font-family:var(--font);font-weight:800;font-size:.94rem;color:#1e2a17;
    background:linear-gradient(100deg,#9ccf57,#d8e56b);border:none;border-radius:999px;
    padding:11px 20px;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .12s;
    box-shadow:none;margin:0;width:auto;min-width:0}
  .wk-urlrow .wk-urlrow-go:hover{filter:brightness(1.05);transform:translateY(-1px)}
  .wk-urlrow .wk-urlrow-go svg{width:17px;height:17px;flex:none}
  /* la puerta: su caja pierde el aspecto propio y su botón deja de ocupar una fila */
  #wkGate .wk-gate-url.wk-urlrow{margin-bottom:0}


  .cfns-tapon{display:none !important}
  #cfNewScan .cfns-chips{position:static;transform:none;display:flex;flex-wrap:wrap;
    align-items:center;gap:8px;margin:0 0 11px;overflow:visible;left:auto;right:auto;top:auto}
  /* al escribir ya NO se esconden: son el estado, no un relleno del hueco */
  .cf-ns-row.tiene-texto ~ .cfns-chips,#cfNewScan .cfns-chips{display:flex}
  #cfNewScan .cfns-chip[data-ns="other"]{max-width:none}
  /* la elegida se queda marcada, y se puede cambiar */
  #cfNewScan .cfns-chip[aria-pressed="true"]{background:color-mix(in srgb,var(--ok) 16%,#fff);
    border-color:var(--ok);color:#1e2a17;box-shadow:inset 0 0 0 1px var(--ok)}
  /* el campo recupera su texto de ayuda: ya no hay píldoras tapándolo */
  .cf-ns-row:not(.tiene-texto) .cf-ns-input::placeholder{color:#9aa39a}
  @media (max-width:640px){ #cfNewScan .cfns-chips{margin-bottom:9px} }


  .wk-face[data-score="1"]{--fc:#C7473F}
  .wk-face[data-score="2"]{--fc:#D07C3A}
  .wk-face[data-score="3"]{--fc:#B99A3C}
  .wk-face[data-score="4"]{--fc:#7BA24A}
  .wk-face[data-score="5"]{--fc:#4E7C3F}

  /* al pasar por encima: se TIÑE (el color, del sentimiento) */
  .wk-face:hover{color:var(--fc);border-color:var(--fc);
    background:color-mix(in srgb,var(--fc) 13%,var(--field))}
  /* elegida: se RELLENA de SU color (el relleno, de la elección) */
  .wk-face.sel{color:#fff;background:var(--fc);border-color:var(--fc);transform:scale(1.12)}

  /* --- los adornos: quietos y ocultos hasta que hay hover o elección --- */
  .wk-face svg{overflow:visible}
  .wkf-extra{opacity:0;transition:opacity .18s ease}
  .wk-face:hover .wkf-extra,.wk-face.sel .wkf-extra{opacity:1}

  .wkf-blush{display:none}

  /* chispas de la más enfadada: saltan hacia fuera y se apagan, cada una a su ritmo */
  .wkf-spark{fill:currentColor}
  .wk-face[data-score="1"]:hover .wkf-spark,
  .wk-face[data-score="1"].sel .wkf-spark{animation:wkfSpark 1.15s ease-out infinite}
  .wkf-spark:nth-of-type(2){animation-delay:.16s !important}
  .wkf-spark:nth-of-type(3){animation-delay:.34s !important}
  .wkf-spark:nth-of-type(4){animation-delay:.52s !important}
  @keyframes wkfSpark{
    0%{opacity:0;transform:translate(0,0) scale(.4)}
    18%{opacity:1;transform:translate(0,-2px) scale(1)}
    100%{opacity:0;transform:translate(0,-9px) scale(.5)}
  }
  /* corazoncitos de la más contenta: suben despacio, como el humo */
  .wkf-heart{fill:currentColor}
  .wk-face[data-score="5"]:hover .wkf-heart,
  .wk-face[data-score="5"].sel .wkf-heart{animation:wkfHeart 1.9s ease-out infinite}
  .wkf-hg:nth-of-type(2) .wkf-heart{animation-delay:.55s !important}
  .wkf-hg:nth-of-type(3) .wkf-heart{animation-delay:1.1s !important}
  @keyframes wkfHeart{
    0%{opacity:0;transform:translate(0,0) scale(.35)}
    22%{opacity:.95;transform:translate(0,-3px) scale(1)}
    100%{opacity:0;transform:translate(0,-12px) scale(.6)}
  }
  .wkf-spark,.wkf-heart{transform-box:fill-box;transform-origin:50% 50%}
  @media(prefers-reduced-motion:reduce){
    .wkf-spark,.wkf-heart{animation:none !important}
  }


  /* el contador toma prestado el aspecto del de los montones */
  #pilas .pl-todo .pl-n{font-size:calc(var(--tr-fs, 1.03rem) * .89);font-weight:800;
    color:var(--ink-soft);margin:0 7px 0 0;transition:transform .25s cubic-bezier(.3,1.5,.5,1),opacity .25s}
  #pilas .pl-todo.pulsa .pl-n{transform:scale(1.42);opacity:1;color:var(--ok)}
  #pilas .pl-todo.vacio .pl-n{opacity:.5}


  .wkt-undo{grid-template-columns:auto 1fr auto;align-items:center;gap:11px}
  .wkt-undo .wkt-tx{font-weight:600}
  .wkt-undo .wkt-tx b{font-weight:800}
  .wkt-undo .wkt-tx small{display:block;font-size:.78em;font-weight:600;opacity:.72;margin-top:1px}
  .wkt-undo-b{flex:none;border:1px solid var(--hairline);background:var(--field);color:var(--ink);
    border-radius:999px;padding:6px 13px;font-family:var(--font);font-weight:800;font-size:.8rem;
    cursor:pointer;white-space:nowrap}
  .wkt-undo-b:hover{border-color:var(--ok);color:var(--ok)}
  /* más margen que un aviso normal: este pide una decisión, no solo enterarse */
  .wkt-undo .wkt-bar{animation-duration:7s}


  .close-free .cf-opts{grid-template-columns:1fr auto 1fr}
  @media(max-width:640px){ .close-free .cf-opts{grid-template-columns:1fr} }

  .close-free .cf-title.wk-t-oculto{position:absolute;width:1px;height:1px;margin:0;padding:0;
    overflow:hidden;clip-path:inset(50%);white-space:nowrap}

  .wk-ahora{display:flex;align-items:center;justify-content:center;gap:9px;
    padding:0 8px;align-self:center;user-select:none}
  .wk-ahora-t{font-family:var(--font-head);font-weight:800;font-size:1.34rem;
    letter-spacing:-.02em;color:var(--ink);white-space:nowrap;line-height:1.1}
  .wk-flecha{flex:none;width:76px;height:18px;overflow:visible}
  .wk-flecha-izq{transform:scaleX(-1)}
  .wkf-pt{fill:var(--ok);opacity:.3}
  .wkf-punta{fill:none;stroke:var(--ok);stroke-width:2.2;stroke-linecap:round;
    stroke-linejoin:round;opacity:.38;
    transform-box:fill-box;transform-origin:50% 50%}
  /* la luz solo corre cuando la sección está a la vista: fuera de pantalla no se anima nada */
  .cf-opts.ahora-on .wkf-pt{animation:wkfLuz 3.6s linear infinite;
    animation-delay:calc(var(--i, 0) * .052s + var(--fase, 0s))}
  .cf-opts.ahora-on .wkf-punta{animation:wkfLuzPunta 3.6s linear infinite;
    animation-delay:calc(var(--i, 0) * .052s + var(--fase, 0s))}
  .wk-flecha-der{--fase:1.8s}          /* media vuelta después que la izquierda */
  @keyframes wkfLuz{
    0%{fill:var(--ok);opacity:.3;filter:none}
    5%{fill:#E9C64A;opacity:1;filter:drop-shadow(0 0 2.6px rgba(233,198,74,.85))}
    15%{fill:var(--ok);opacity:.3;filter:none}
    100%{fill:var(--ok);opacity:.3;filter:none}
  }
  @keyframes wkfLuzPunta{
    0%{stroke:var(--ok);opacity:.38;filter:none;transform:translateX(0) scale(1)}
    /* el golpe: en un pestañeo se enciende, crece y sale despedida */
    4%{stroke:#E9C64A;opacity:1;filter:drop-shadow(0 0 4px rgba(233,198,74,.95));
       transform:translateX(3px) scale(1.42)}
    9%{stroke:#E9C64A;opacity:.92;filter:drop-shadow(0 0 3px rgba(233,198,74,.7));
       transform:translateX(1.4px) scale(1.16)}
    14%{transform:translateX(.4px) scale(1.04)}
    22%{stroke:var(--ok);opacity:.38;filter:none;transform:translateX(0) scale(1)}
    100%{stroke:var(--ok);opacity:.38;filter:none;transform:translateX(0) scale(1)}
  }
  @media(prefers-reduced-motion:reduce){
    .cf-opts.ahora-on .wkf-pt,.cf-opts.ahora-on .wkf-punta{animation:none}
  }
  /* en móvil las cartas se apilan: la bisagra deja de tener dos lados que señalar */
  @media(max-width:640px){
    .wk-ahora{padding:6px 0}
    .wk-flecha{display:none}
  }


  .bal-radar{display:flex;flex-direction:column}
  .bal-radar .gest-report{align-self:center;margin:0 0 14px;padding:0;border:0;background:none;
    min-height:0;display:inline-flex;align-items:center}
  .bal-radar .gest-report .grep-ic{width:14px;height:14px;margin-right:6px;opacity:.8}
  .bal-radar .gest-report .grep-link{font-size:.8rem;font-weight:700;color:var(--ink-soft);
    text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;cursor:pointer}
  .bal-radar .gest-report:hover .grep-link{color:var(--deep)}
  .gest-divider .gd-mid{flex-wrap:wrap;row-gap:4px}



  html:not([data-theme="dark"]) .wk-tab[aria-selected="true"] .wk-tab-n{color:#fff}

  .wv-plan-ah.es-fuego{color:#fff;background:linear-gradient(100deg,#A9631B,#B03246)}
  .wv-plan-ah.es-medio{color:#fff;background:#A9631B}

  .wsb-fav{background:hsl(var(--fv,210) 52% 30%)}
  .wkh-fav{background:hsl(var(--fv,210) 52% 30%)}


  #wkBrandTop{position:absolute;top:20.5px;right:22px;left:auto;z-index:9410;display:none;
    align-items:center;gap:9px;pointer-events:none}
  html:not(.wk-auth) .hero-share{font-family:var(--font-head);font-weight:700;
    font-size:.94rem;letter-spacing:-.02em}
  html.wk-modal-open #wkBrandTop,
  html.wk-veil-on #wkBrandTop{display:none!important}
  html:not(.wk-auth) #wkBrandTop{display:flex}
  #wkBrandTop .logo-crop{width:30px;height:30px}
  #wkBrandTop .wk-brand-nm{font-family:var(--font-head);font-weight:800;font-size:1.02rem;
    letter-spacing:-.02em;color:var(--ink)}
  html.brw-max #wkBrandTop{top:calc(var(--brw-top, 56px) + 20.5px)}   
  @media(max-width:900px){ #wkBrandTop{display:none!important} }   /* ahí manda el hero, no la firma */

  @media(min-width:1181px){
    html:not(.brw-max) .wrap{max-width:none;margin-left:var(--wsb-w, 290px);margin-right:250px}
  }

  .hero-share{position:absolute !important;transform:none !important;z-index:3}
  html.brw-max .hero-share{top:auto;right:auto;z-index:3}
  html.hero-out .hero-share{opacity:1;pointer-events:auto}


  .wk-rean{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;line-height:1.1;
    border:1px solid var(--hairline);border-radius:999px;background:none;color:var(--ink-soft);
    font:inherit;font-size:.72rem;font-weight:700;padding:3px 11px 3px 9px;cursor:pointer;
    transition:color .18s,border-color .18s,background .18s,opacity .18s}
  .wk-rean svg{width:13px;height:13px;flex:none}
  .wk-rean[disabled]{cursor:default;opacity:.62}
  .wk-rean:not([disabled]):hover{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent);
    background:color-mix(in srgb,var(--ok) 10%,transparent)}
  .wk-rean:not([disabled]) svg{color:var(--ok)}
  .wk-rean:not([disabled]):hover svg{animation:wkReanGira .6s ease}
  @keyframes wkReanGira{from{transform:rotate(0)}to{transform:rotate(360deg)}}
  /* al quedar libre: un pulso, una sola vez — avisa sin quedarse dando la lata */
  .wk-rean.es-libre{animation:wkReanLibre .55s cubic-bezier(.2,.8,.3,1.4) both}
  @keyframes wkReanLibre{0%{transform:scale(.9)}60%{transform:scale(1.07)}100%{transform:scale(1)}}
  @media (prefers-reduced-motion:reduce){
    .wk-rean:hover svg,.wk-rean.es-libre{animation:none}
  }
  .mon-frame-status .mfs-r .wk-rean{margin-right:2px}
  .wkh-row .wk-rean,.wkh-pag-act .wk-rean{width:26px;height:26px;padding:0;justify-content:center;border-radius:999px;gap:0}
  .wkh-row .wk-rean svg,.wkh-pag-act .wk-rean svg{width:14px;height:14px}


  .wvc-run{fill:var(--ok);opacity:0}
  .wvc-ping{fill:none;stroke:var(--ok);stroke-width:1.6;opacity:0}
  .wvc-halo{fill:var(--ok);opacity:0}
  /* el rótulo de la zona movida se enciende cuando la luz pasa por ella */
  .wvc-pie span{transition:color .45s ease,opacity .45s ease}
  .wvc-pie.es-movido span:first-child{color:var(--ok);opacity:1}
  .wvc-pie.es-quieto span:last-child{color:var(--ok);opacity:1}
  @media (prefers-reduced-motion:reduce){
    .wvc-run,.wvc-ping,.wvc-halo{display:none}
    .wvc-pie span{transition:none}
  }


  /* la pantalla del reanálisis: la misma que la de analizar, no una barra dentro de un popup */
  .wk-rean-pantalla{position:fixed;inset:0;z-index:9600;display:none;align-items:center;justify-content:center}
  .wk-rean-pantalla.is-on{display:flex}
  .wk-rean-pantalla .ra-prog-title{margin-bottom:14px}
  /* mientras dura, el popup se aparta: su barra ya no pinta nada */
  .modal-overlay.wk-rean-oculto{opacity:0 !important;pointer-events:none !important}


  html[data-wk-input="raton"] :focus-visible{outline:none !important}
  /* los campos de texto son la excepción: ahí el foco se espera aunque se llegue con el ratón */
  html[data-wk-input="raton"] input:focus-visible,
  html[data-wk-input="raton"] textarea:focus-visible,
  html[data-wk-input="raton"] select:focus-visible{outline:2px solid var(--a2) !important}


  /* sin margen izquierdo: la píldora va en su propia línea bajo la fecha, y ese
     margen era justo lo que la sacaba de la celda y la hacía cortarse */
  .wkg-chip[data-t="pendiente"]{color:#b47a1e;
    border-color:color-mix(in srgb,#e0a03a 45%,var(--hairline)) !important}
  .wkg-chip[data-t="cambios"]{color:#3a7fb5;
    border-color:color-mix(in srgb,#5aa9e6 42%,var(--hairline)) !important}
  .wkg-chip[data-t="revisado"]{color:var(--deep,#4E7C3F);
    border-color:color-mix(in srgb,var(--a3,#8ed392) 45%,var(--hairline)) !important}
  /* sin nada que atender: gris y sin desplegar, como pidió */
  .wkg-chip[data-t="quieto"]{color:var(--ink-soft);opacity:.55;cursor:default;
    pointer-events:none;max-width:30px !important}
  .wkg-chip[data-t="quieto"] span{display:none}
  .wkg-chip:hover{color:var(--ink)}
  .wkg-chip[data-t="pendiente"]{color:var(--ink);
    background:color-mix(in srgb,#e0a03a 22%,transparent);
    border-color:color-mix(in srgb,#e0a03a 45%,var(--hairline))}
  .wkg-chip[data-t="pendiente"]:hover{background:color-mix(in srgb,#e0a03a 32%,transparent)}
  .wkg-chip[data-t="cambios"]{color:var(--ink);
    background:color-mix(in srgb,#5aa9e6 18%,transparent);
    border-color:color-mix(in srgb,#5aa9e6 40%,var(--hairline))}
  .wkg-chip[data-t="revisado"]{color:var(--deep,#4E7C3F);
    background:color-mix(in srgb,var(--a3,#8ed392) 20%,transparent);
    border-color:color-mix(in srgb,var(--a3,#8ed392) 42%,var(--hairline));cursor:default}
  .wkg-chip[data-t="quieto"]{cursor:default;opacity:.72}

  /* en las filas de informes anteriores, solo texto: qué pasó entonces */
  .wkg-ant{margin-left:9px;font-size:.72rem;font-weight:700;color:var(--ink-soft);white-space:nowrap}

  /* la campana de la barra lateral: informa, no vende */
  .wsb-dom-h{position:relative}
  .wkg-bell{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;
    width:17px;height:17px;margin:0 0 0 7px;border-radius:50%;border:0;padding:0;cursor:pointer;
    background:transparent;color:#b47a1e;vertical-align:middle}
  .wkg-bell svg{width:15px;height:15px}
  .wkg-bell:hover{color:var(--ink)}
  /* 1 · la fila es el marco de referencia de lo posicionado */
  .wsb-dom-h{position:relative}

  /* 2 · el punto de estado, en la esquina del avatar (el informe trae su propia
         regla con `left:19px`, hay que pisarla) */
  .wsb-dom-h .wsb-fav{position:relative;overflow:visible}
  .wsb-dom-h .wsb-fav > .wsb-dom-dot{
    position:absolute !important; left:-3px !important; top:-3px !important;
    right:auto !important; margin:0 !important; z-index:3;
    box-shadow:0 0 0 2px var(--bg)}

  /* 3 · la campana, anclada al borde derecho. Su solución, y su medida: 5px,
         que es la que le cuadra en los dos estados. */
  .wsb-dom-h .wkg-bell{position:absolute;left:unset;right:5px;top:50%;
    transform:translateY(-50%);margin:0}
  html.wsb-collapsed .wsb-dom-h .wkg-bell{right:5px;width:15px;height:15px}
  html.wsb-collapsed .wsb-dom-h .wkg-bell svg{width:14px;height:14px}

  :root, html.wk-auth{--wsb-w:317px}
  /* Campanea de verdad: medio segundo de repique cada cinco, en bucle. El ciclo
     dura 5s y el movimiento ocupa solo su primer 10%, así que avisa sin cansar. */
  @keyframes wkgRepique{
    0%{transform:rotate(0)} 1.5%{transform:rotate(14deg)} 3%{transform:rotate(-11deg)}
    4.5%{transform:rotate(8deg)} 6%{transform:rotate(-6deg)} 7.5%{transform:rotate(3deg)}
    9%{transform:rotate(-1.5deg)} 10%,100%{transform:rotate(0)}
  }
  .wkg-bell svg{animation:wkgRepique 5s ease-in-out infinite;transform-origin:50% 15%}
  @media (prefers-reduced-motion:reduce){ .wkg-bell svg{animation:none} }


  /* El favicon deja de ser adorno: lleva al hallazgo de la vista previa. */
  .mon-frame-addr .mfa-fav{cursor:pointer;border-radius:3px;transition:box-shadow .15s ease, transform .12s ease}
  .mon-frame-addr .mfa-fav:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--ok,#4E7C3F) 22%,transparent)}
  .mon-frame-addr .mfa-fav:active{transform:scale(.94)}

  /* la ficha, con el mismo aspecto que la del candado */
  .wk-fav-pop{position:fixed;z-index:9200;width:322px;max-width:calc(100vw - 28px);
    background:var(--glass-bg);border:1px solid var(--hairline);border-radius:15px;
    -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
    box-shadow:0 22px 48px -18px rgba(0,0,0,.7);padding:14px 15px 13px;
    font-family:var(--font);color:var(--ink);
    opacity:0;transform:translateY(-6px);transition:opacity .2s ease,transform .22s cubic-bezier(.3,0,.2,1)}
  .wk-fav-pop.on{opacity:1;transform:none}
  .wk-fav-h{display:flex;align-items:center;gap:9px;margin-bottom:9px}
  .wk-fav-h img{width:17px;height:17px;border-radius:3px;flex:none;object-fit:contain}
  .wk-fav-h b{font-family:var(--font-head);font-weight:400;letter-spacing:-.01em;font-size:1.02rem}
  .wk-fav-l{font-size:.84rem;line-height:1.55;color:var(--ink-soft);margin:0}
  .wk-fav-l b{color:var(--ink);font-weight:700}
  .wk-fav-datos{list-style:none;margin:11px 0 0;padding:11px 0 0;border-top:1px solid var(--hairline);
    display:flex;flex-direction:column;gap:6px;font-size:.82rem;color:var(--ink-soft)}
  .wk-fav-datos li{display:flex;gap:8px}
  .wk-fav-datos span{flex:none;width:74px;color:color-mix(in srgb,var(--ink-soft) 78%,transparent)}
  .wk-fav-datos b{color:var(--ink);font-weight:700}
  @media(prefers-reduced-motion:reduce){.wk-fav-pop{transition:none}}


  /* Los cinco velos del informe, cada uno con su forma de abrirse: por clase
     (`open`/`on`), por atributo (`hidden`) o por estilo (`display`). */
  body:has(.modal-overlay.open, .modal-overlay.on, .wkc-velo.on,
           .ea-backdrop:not([hidden]),
           .nomira-backdrop:not([style*="none"]),
           .ra-overlay) .mon-frame-status{z-index:1 !important}


  html.brw-max .close-free{margin-top:52px}
  html.brw-max .cf-analyze{border-top:1px solid var(--hairline);padding-top:52px}


  html.brw-max .wrap{padding-top:51px}


  .bal-radar .hz-radar{max-width:520px;margin-left:auto;margin-right:auto}

  .verdict-badges > .vb-item{flex-shrink:0 !important;flex-basis:auto !important}
  .verdict-badges > .vb-ok, .verdict-badges > .vb-estado{
    flex-grow:0 !important;min-height:148px}
  .verdict-badges > .vb-hz{flex-grow:1 !important}

  .verdict-badges > .vb-hz{display:flex;flex-direction:column;justify-content:center}
  .verdict-badges > .vb-hz .hz-foot{margin-top:14px}


  /* r81 · los dos carriles laterales no decían qué eran. Van FUERA de ellos: el
     carril difumina su parte de arriba y un título dentro se perdería. */
  /* mismo peso y tono que «MIS DOMINIOS» del panel de inicio, para que se lea
     como lo que es: el rótulo de una zona, no un elemento más del carril. */
  .wk-riel-tit{position:fixed;z-index:56;pointer-events:none;
    font-family:var(--font);font-size:.72rem;font-weight:800;letter-spacing:.1em;
    text-transform:uppercase;color:var(--ink-soft);opacity:.75;white-space:nowrap;
    transition:opacity .2s ease}
  .wk-riel-tit[hidden]{display:none}
  .wk-riel-tit::after{content:"";display:block;height:1px;margin-top:6px;
    background:linear-gradient(90deg,color-mix(in srgb,var(--ink-soft) 34%,transparent),transparent)}
  .wk-riel-tit.es-dcha{text-align:right}
  .wk-riel-tit.es-dcha::after{background:linear-gradient(270deg,color-mix(in srgb,var(--ink-soft) 34%,transparent),transparent)}


  /* =========================================================================
     r88 · la fila del hallazgo se ve IGUAL en el listado y en la selección.
     Manda el listado. La forma de referencia para las acciones es «Tengo dudas»:
     cuadrado de 30 con las esquinas redondeadas (9px) y contorno.
     ========================================================================= */

  /* 1 · el reloj de la Historia deja de ser una píldora */
  /* r95 · ACOTADO: «¿Qué ha cambiado?» va a reutilizar `.finding`, y una forma
     impuesta desde aquí le caería encima sin que nadie la pidiera. */
  #listSev .wkh6-btn,#gestDock .wkh6-btn{border-radius:9px !important;min-width:30px;height:30px;padding:0 7px;justify-content:center}
  #listSev .wkh6-btn.mini,#gestDock .wkh6-btn.mini{min-width:30px;height:30px}

  /* 2 · «Quitar de A revisar» es el equivalente de «Mover a»: mismo sitio, misma
     forma y mismo tamaño, pero en blanco. Y como las demás acciones, no está en
     reposo: aparece al pasar el ratón o con la ficha desplegada. */
  #gestDock .fnd-unselect{
    box-sizing:border-box;min-width:26px;height:26px;padding:0 8px;
    border:1px solid var(--hairline) !important;border-radius:8px !important;
    background:var(--bg) !important;color:var(--ink-soft) !important;
    font-family:var(--font);font-weight:700;font-size:.74rem}
  #gestDock .fnd-unselect:hover{border-color:var(--field-bd) !important;color:var(--ink) !important}
  #gestDock .finding:not(.expanded) .fnd-unselect{opacity:0;transition:opacity .18s ease}
  #gestDock .finding:not(.expanded):hover .fnd-unselect,
  #gestDock .finding:not(.expanded):focus-within .fnd-unselect,
  #gestDock .finding.expanded .fnd-unselect{opacity:1}

  /* 3 · el orden de la selección, el del listado:
        arrastre · título · … · dudas | historia | quitar · y el chevron al final */
  #gestDock .finding > .fnd-compact > .fnd-drag{order:0}
  #gestDock .finding > .fnd-compact > .fnd-compact-title{order:1}
  /* el distintivo de afectación, a la DERECHA del título (antes iba delante) */
  #gestDock .finding > .fnd-compact > .fnd-cmeta{order:2}
  #gestDock .finding > .fnd-compact > .fnd-sevdot{order:2}
  /* y el título arranca donde el del listado: sin nada delante que le empuje */
  #gestDock .finding > .fnd-compact{padding-left:0;column-gap:11px}
  #gestDock .finding > .fnd-compact > .fnd-compact-title{margin-left:0}
  /* (el margen que separaba del título lo lleva ahora el rótulo «Mover a») */
  #gestDock .finding > .fnd-compact > .wkh6-btn{order:4}
  #gestDock .finding > .fnd-compact > .fnd-unselect{order:5}
  #gestDock .finding > .fnd-compact > .fnd-compact-chev{order:9;margin-left:10px}
  /* el separador suelto sobra: se dibujan con un filo a la izquierda */
  #gestDock .finding > .fnd-compact > .frm-sep{display:none}
  #gestDock .finding > .fnd-compact > .fnd-unselect{margin-left:6px}
  /* r92 · la cabecera de la selección es la del listado: «Mover a» + el botón, y
     lo único que cambia es ese botón, que aquí devuelve el hallazgo al listado.
     Orden: rótulo · devolver · dudas · (chevron al final). */
  #gestDock .finding > .fnd-compact > .frm-move-lbl{order:3;margin-left:auto;
    font-family:var(--font);font-size:.7rem;font-weight:600;color:var(--ink-soft);white-space:nowrap}
  #gestDock .finding > .fnd-compact > .fnd-unselect{order:4}
  #gestDock .finding > .fnd-compact > .fnd-dudas-sel{order:5;margin-left:6px}
  /* el rótulo sigue la misma regla que las acciones: no está en reposo */
  #gestDock .finding:not(.expanded) > .fnd-compact > .frm-move-lbl{opacity:0;transition:opacity .18s ease}
  #gestDock .finding:not(.expanded):hover > .fnd-compact > .frm-move-lbl,
  #gestDock .finding:not(.expanded):focus-within > .fnd-compact > .frm-move-lbl,
  #gestDock .finding.expanded > .fnd-compact > .frm-move-lbl{opacity:1}

  /* 4 · la familia no pinta nada aquí: el rótulo del grupo ya la dice */
  #gestDock .finding > .fnd-compact > .fnd-fam-ic{display:none !important}

  /* 5 · los puntos de arrastrar, como el resto: solo al pasar el ratón
        (o con la fila desplegada, donde sí se está trabajando en ella) */
  /* el arrastre sale del flujo: así el título arranca donde el del listado y la
     fila no se mueve al aparecer. Es la pieza que él dijo que podía ceder. */
  #gestDock .finding > .fnd-compact{position:relative}
  #gestDock .finding > .fnd-compact > .fnd-drag{position:absolute;left:-16px;top:50%;transform:translateY(-50%);margin:0}
  #gestDock .finding:not(.expanded) > .fnd-compact > .fnd-drag{opacity:0;transition:opacity .18s ease}
  #gestDock .finding:not(.expanded):hover > .fnd-compact > .fnd-drag,
  #gestDock .finding:not(.expanded):focus-within > .fnd-compact > .fnd-drag,
  #gestDock .finding.expanded > .fnd-compact > .fnd-drag{opacity:.5}


  /* =========================================================================
     r93 · devolver una familia entera al listado.
     Su motivo, literal: «si lo muevo accidentalmente y muevo catorce a la
     selección… luego tengo que pulsarlos uno a uno». Si se puede mandar en masa,
     se tiene que poder traer en masa. Es el gemelo del «Mueve todo a» del
     listado, con el mismo aspecto y la misma regla: aparece al pasar el ratón.
     ========================================================================= */
  #gestDock .sel-fam-lbl{position:relative}
  #gestDock .sel-fam-acts{display:inline-flex;align-items:center;gap:6px;margin-left:14px;
    opacity:0;pointer-events:none;transition:opacity .16s ease}
  #gestDock .sel-fam-lbl:hover .sel-fam-acts,
  #gestDock .sel-fam-lbl:focus-within .sel-fam-acts{opacity:1;pointer-events:auto}
  #gestDock .sel-fam-acts-lbl{font-family:var(--font);font-size:.7rem;font-weight:600;
    letter-spacing:0;text-transform:none;color:var(--ink-soft);white-space:nowrap}
  #gestDock .sel-fam-act{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;
    height:26px;padding:0 9px;border:1px solid var(--hairline);border-radius:8px;
    background:var(--bg);color:var(--ink-soft);cursor:pointer;
    font-family:var(--font);font-weight:700;font-size:.72rem;white-space:nowrap;
    transition:border-color .15s,color .15s}
  #gestDock .sel-fam-act:hover{border-color:var(--field-bd);color:var(--ink)}
  #gestDock .sel-fam-act svg{width:13px;height:13px;flex:none}


  /* r94 · en la selección el chevron iba pelado y en negro; en el listado es
     «Ver más» en verde, y «Colapsar» al desplegar. Se iguala. */
  #gestDock .fnd-compact-chev{display:inline-flex;align-items:center;gap:5px;width:auto;
    color:var(--ok) !important;font-family:var(--font);font-weight:700;font-size:.74rem;white-space:nowrap}
  #gestDock .fnd-compact-chev svg{width:14px;height:14px;flex:none}
  #gestDock .fnd-compact-chev .fcv-col{display:none}
  #gestDock .finding.expanded .fnd-compact-chev .fcv-mas{display:none}
  #gestDock .finding.expanded .fnd-compact-chev .fcv-col{display:inline}
  /* r96 · el giro de 180° estaba en el BOTÓN, y al meterle texto se lo llevaba
     por delante: «Colapsar» salía del revés. Gira solo la flecha. */
  #gestDock .finding.managed.expanded > .fnd-compact > .fnd-compact-chev{transform:none !important}
  #gestDock .finding.managed.expanded > .fnd-compact > .fnd-compact-chev svg{transform:rotate(180deg)}
  #gestDock .fnd-compact-chev svg{transition:transform .25s}

  /* r96 · el título saltaba de línea por 17px. El margen con la botonera se
     queda (12px, se sigue viendo separado); lo que cede cuando aprieta es el
     rótulo «Mover a», que es prescindible: el botón ya dice el verbo entero
     («Devolver al listado»). Medido: a 1400 le faltaban 17px y el rótulo ocupa
     unos 55 con su hueco. */
  #gestDock .finding > .fnd-compact > .frm-move-lbl{margin-left:auto;padding-right:2px}
  #gestDock .finding > .fnd-compact > .fnd-compact-title{padding-right:12px}
  @media (max-width:1520px){
    #gestDock .finding > .fnd-compact > .frm-move-lbl{display:none}
    #gestDock .finding > .fnd-compact > .fnd-unselect{margin-left:auto}
  }


  /* ⚠️ LA CABECERA DEL REGISTRO, REDISEÑADA POR ÉL. Cuatro decisiones suyas:
     1) el contador baja DEBAJO del titular, muy pegado —«son dos líneas, pero como
        los botones ya ocupan tres de altura, se alinearán bien»—, y eso libera el
        ancho central entero;
     2) los botones, centrados con ese bloque de dos líneas y a la derecha;
     3) el orden: Excel · mi IA · Pruebas en bruto;
     4) «Pruebas en bruto» DEJA DE SER BOTÓN: va entre corchetes y en monoespaciada,
        con el tratamiento que el informe ya tiene (`.grep-links .grep-link`), que se
        REUTILIZA tal cual. Es coherente: los dos primeros exportan, este da acceso a
        datos técnicos. */
  #cambios details.wkq-reg > summary{flex-wrap:wrap;row-gap:8px;align-items:center}
  #cambios details.wkq-reg > summary .wkq-reg-tit{display:inline-flex;flex-direction:column;
    align-items:flex-start;gap:1px;flex:0 0 auto;min-width:0}
  #cambios details.wkq-reg > summary .wkq-reg-tit > .wkq-reg-n{margin:0}
  #cambios details.wkq-reg > summary .wkq-exp-up{order:5;margin-left:auto;
    display:flex;align-items:center;gap:12px;flex-wrap:wrap}
  #cambios details.wkq-reg > summary .wkq-gchev{order:9;margin-left:0;align-self:center}
  #cambios details.wkq-reg > summary .wkq-exp-b{margin:0;display:inline-flex;align-items:center;gap:7px;
    font:inherit;font-family:var(--font);font-size:.76rem;font-weight:700;cursor:pointer;
    border-radius:999px;padding:6px 14px;border:1px solid var(--deep);background:transparent;
    color:var(--deep);white-space:nowrap}
  html[data-theme="dark"] #cambios details.wkq-reg > summary .wkq-exp-b{color:var(--ok);border-color:var(--ok)}
  #cambios details.wkq-reg > summary .wkq-exp-b:hover{background:var(--mej-bg)}
  #cambios details.wkq-reg > summary .wkq-exp-b svg{width:14px;height:14px;flex:none;
    fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

  /* ⚠️ LA PÍLDORA, AL PASAR EL RATÓN — idea suya, y es mejor que dejarla fija: la
     etiqueta de honestidad aparece JUSTO cuando se va a pulsar, que es cuando
     importa, y no ocupa sitio el resto del tiempo. Va en `position:fixed` y colgada
     del `body` —«me da igual que se ponga encima de cualquier objeto»—: dentro del
     contenedor la recortaría el primer `overflow:hidden` que se cruzara. */
  .wkq-dev-flota{position:fixed;z-index:9600;display:inline-flex;align-items:center;gap:5px;
    padding:3px 9px;border-radius:999px;background:var(--crit);color:#fff;
    font-family:var(--font);font-size:.6rem;font-weight:800;letter-spacing:.06em;
    text-transform:uppercase;white-space:nowrap;pointer-events:none;
    box-shadow:0 10px 24px -12px rgba(0,0,0,.7);opacity:0;visibility:hidden}
  .wkq-dev-flota.on{opacity:1;visibility:visible}

  /* ⚠️ EL PIE SE VA ENTERO. Tenía la píldora, el botón viejo —ya oculto— y la línea
     de las ocho columnas, que describía la exportación... que ahora vive arriba.
     Duplicado: «esto sobra, si ya están los botones de exportar». Y la lista de
     columnas NO se rescata en ningún otro sitio, decisión suya: «es un prototipo,
     como para hablar del formato de exportación».
     ⚠️ Lo que NO se toca y sigue arriba de la tabla: la píldora «PRUEBAS EN BRUTO ·
     ANÁLISIS ANTERIOR → ACTUAL» y la nota roja de los valores simulados. Esas son
     la honestidad de la TABLA, no del botón. */
  #cambios .wkq-exp.wkq-exp-vacia{display:none}


  /* ⚠️ SE DEJA DE HABLAR DE LISTAS Y SE HABLA DE MOVER. Diseño suyo. Con «ignorar»
     fuera del producto, «devolver al listado» y «deseleccionar» no significan nada:
     lo que se decide es a dónde lo mandas.

     ⛔ Y AQUÍ HUBO UN ERROR QUE SE DESHACE (r145). Monté el botón como interruptor
     de ESTADO —«✓ En revisión» y, al pasar el ratón, la acción—. Él lo tumbó y con
     razón: *«el check es una información y moverlo es otra, no uséis el mismo
     artefacto… solo debe estar el movimiento»*. Nunca pidió un estado en el botón.
     **El botón dice SOLO a dónde va.** Nada de en qué estado está, nada de check y
     ninguna marca de ubicación —«uno ya sabe dónde está»—.

     ⭐ Y la consecuencia técnica: **NO se toca la forma del botón**. El informe ya
     trae el patrón que él pide —`.frm-act-t` nace con `max-width:0` y se despliega
     al pasar el ratón, empujando—. Mi capa anterior colgaba un rótulo propio SIEMPRE
     visible y se cargaba justo ese comportamiento. Ahora solo se escribe DENTRO del
     rótulo que el botón ya tiene, y el despliegue sale gratis. */

  /* ── lo que NO decide baja de rango: enlace, no botón ──
     ⚠️ SOLO donde el control NO es un `.frm-act` de la botonera. En la botonera los
     controles ya nacen colapsados a icono, así que ahí no compiten con nada; y
     quitarles el marco y el icono los dejaba en NADA — que es lo que él vio roto en
     «Tengo dudas» en todos sus estados. */
  .wkd-lnk{background:none !important;border:0 !important;box-shadow:none !important;
    padding:0 !important;border-radius:0 !important;
    color:var(--ink-soft) !important;text-decoration:underline !important;text-underline-offset:3px;
    font-weight:500 !important}
  .wkd-lnk:hover{color:var(--ink) !important;background:none !important}
  .wkd-lnk > svg{display:none !important}

  /* ⚠️ FUERA EL «Mover a»: es el rótulo que precedía a la botonera y es el lenguaje
     de destinos que él tumbó. Ahora cada botón ya dice a dónde va. */
  #listSev .finding .frm-move-lbl,
  #gestDock .finding .frm-move-lbl,
  #cambios .finding .frm-move-lbl{display:none !important}


  /* ⚠️ «COMPARTIR» PISABA EL TITULAR. Hallazgo suyo. Medido: el botón va en
     `position:absolute` a `top:60px; right:-14px` del `.hero` —o sea que se sale 14 px
     por la derecha— y ocupa los 113 px finales del hero; el titular fluye por debajo y
     su texto llegaba hasta 42 px DENTRO del botón.
     El arreglo no es mover el botón —está donde él lo quiere— sino **reservarle sitio
     en el flujo**: el titular deja libre esa esquina y el texto parte antes. Así no
     depende del ancho: el botón está anclado a la derecha y la reserva también. */
  /* ⚠️ Y la reserva es un HUECO FLOTANTE, no un `padding-right`. Con padding se
     acortan TODAS las líneas del titular y en pantallas de 1280 costaba una línea
     entera de más (140 → 186 px de alto) para esquivar un botón que solo ocupa la
     esquina de arriba. Con un hueco flotado a la derecha **solo se acortan las
     líneas que el botón realmente toca**; las de abajo siguen a todo el ancho. */
  .hero .hero-top > h1::before{content:"";float:right;
    width:var(--wk-share-w,0px);height:var(--wk-share-h,0px)}
  /* por debajo de tablet el botón deja de flotar sobre el texto y la reserva sobra */
  @media(max-width:760px){ .hero .hero-top > h1::before{display:none} }


  /* ⚠️ LA DIRECCIÓN DEL INFORME, EN UN SOLO SITIO. No son apuntes sueltos: está
     extendiendo al resto lo que se hizo en «¿Qué ha cambiado?» —fuera las cajas y un
     sangrado igual para todos—. Escrito para que sumar una zona sea AÑADIR UN SELECTOR,
     no repetir el bloque: cuando pida la siguiente, va arriba y ya está. */

  /* (a) fuera la caja: fondo, borde, sombra y desenfoque. El sangrado NO se toca — los
     30px de la tarjeta son ahora el sangrado que quiere en todas partes. */
  #balance .balance-card{background:none;border:none;box-shadow:none;
    -webkit-backdrop-filter:none;backdrop-filter:none}

  /* (b) el mismo sangrado de 30 que ya tienen `#balance` y `#cambios`.
     ⛔ Y NO VALE EL MISMO SELECTOR PARA LOS TRES, que fue el error: las tres zonas no
     tienen la misma estructura.
       · `#cambios > .wkq-glass` y `#listSev` son CONTENEDORES sin marco → el relleno
         mete el contenido hacia dentro, que es lo que se busca.
       · `#plan-accion` ES EL MARCO —lleva borde de 1px y esquinas de 16— y estaba
         pegado al borde de la sección: el relleno movía lo de dentro y dejaba la caja
         donde estaba. Lo que hay que mover es LA CAJA, y eso es margen, no relleno.
     ⭐ La comprobación ya no es «el relleno está», son dos: **el marco alineado con el
     resto y el contenido dentro de su marco**. Mejor tres reglas correctas que una
     elegante que acierta en dos de tres. */
  #cambios > .wkq-glass,
  #listSev{padding-left:30px;padding-right:30px}

  /* la caja entera se mete, y por dentro conserva su propio relleno */
  #plan-accion{margin-left:30px;margin-right:30px}

  /* ⚠️ Y EN VENTANA ESTRECHA, 20 — no 16. Los 16 eran invento nuestro; **el 20 es del
     fichero**: la regla vieja que da `padding-left/right:20px` a cinco tarjetas
     (`.balance-card`, `.summary-card`, `.resolve-card`…). Su criterio fue «mirar qué
     tienen los demás y aplicar lo mismo», así que gana el fichero y **nadie se separa de
     nadie**: ni hay que tocar la regla de las cinco ni hacer especial a ninguna.
     ⛔ Y ojo al reparto: los dos primeros son CONTENEDORES —relleno— y `#plan-accion` es
     el MARCO —margen—. Con relleno volvería el fallo de esta tarde. */
  @media (max-width:1100px){
    #cambios > .wkq-glass,
    #listSev{padding-left:20px;padding-right:20px}
    #plan-accion{margin-left:20px;margin-right:20px}
  }

  /* 📌 El chip del índice en pleno NO está aquí: vive con sus hermanas, en
     `wk-pleno-css`, que es donde el fichero reúne lo que se apaga sin hallazgos.
     Esta hoja es la del sangrado; mezclarlas era hacer que nadie encuentre ninguna. */

  /* (d) LAS DOS CAJAS QUE QUEDABAN. No se decidieron a ojo: se midió el contraste del
     borde y del fondo contra lo que hay detrás, en los DOS temas.

       .hz-list      claro  borde 1.17 · fondo 1.04      oscuro  borde 1.31 · fondo 1.16
       #plan-accion  claro  borde 1.19 · sin fondo       oscuro  borde 3.67 · sin fondo

     · `.hz-list` NO SE VE POR NADA, en ningún tema: 1.17 y 1.04 es una caja que está en
       el fichero y no está en la pantalla. Se va el marco y se queda el relleno, que sí
       hace algo.
     · `#plan-accion` es el caso raro y por eso hay que fijarse: **1.19 en claro, 3.67 en
       oscuro**. No es invisible — es INCONSTANTE: el mismo bloque tiene caja o no según
       el tema, que es peor que no tenerla. Se va, como se fue la de `#balance`.
     ⚠️ Y OJO AL COMENTARIO (b) DE AQUÍ ARRIBA: decía «#plan-accion ES EL MARCO → margin».
     Ya no hay marco, pero **el margen se queda y sigue siendo lo correcto**: es lo que
     alinea su contenido con `#balance` y `#cambios` en los mismos 30. Quitar el borde no
     deshace esa decisión, solo la deja sin la caja que la hacía visible.
     📌 Para revertir: son estas dos líneas. */
  .hz-list{border:none;background:none}
  #plan-accion{border:none}

#gestDock .manos-list .finding.url-filtered-out{display:none!important}
@media (max-width:760px){html #gestDock .manos-list .finding{padding:14px 12px!important}
html #gestDock .manos-list .finding .head{flex-wrap:wrap!important;row-gap:8px;height:auto!important}
html #gestDock .manos-list .finding .fnd-title{order:-1;flex:1 1 100%!important;width:100%;min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html #gestDock .manos-list .finding .fnd-readmanage{margin-left:auto}
html #gestDock .manos-list .finding .fam-tip{max-width:calc(100vw - 64px);left:0!important;right:auto!important}
html #gestDock .manos-list .finding *{max-width:100%}
html #gestDock .manos-list .finding.is-summary{background:var(--field)!important;border-top-color:var(--hairline)!important;border-right-color:var(--hairline)!important;border-left-style:solid!important;border-left-width:3px!important;margin-left:0!important;margin-top:6px!important;border-radius:10px!important}
html #gestDock .manos-list .finding.is-summary>.head>.fnd-title{font-weight:700}
html #gestDock .manos-list .finding .fnd-readmanage .frm-actions{opacity:1!important;pointer-events:auto!important;flex-wrap:wrap;row-gap:6px}
html #gestDock .manos-list .finding .fnd-readmanage .frm-text{display:none!important}
html #gestDock .manos-list .finding .fnd-readmanage{margin-left:0;width:100%}
html #gestDock .manos-list .finding .frm-act{width:auto!important;padding:0 8px!important;gap:5px}
html #gestDock .manos-list .finding .frm-sep{display:none!important}
html #gestDock .manos-list .finding .fnd-readmanage,html #gestDock .manos-list .finding .frm-actions{justify-content:center!important;width:100%}
html #gestDock .manos-list .finding{margin-top:6px!important;margin-bottom:0!important}
html #gestDock .manos-list .finding .fnd-fp-foot{display:none!important}
html #gestDock .manos-list .finding>details.tech[open]+.fnd-fp-foot{display:flex!important}
html #gestDock .manos-list .finding .fnd-fp-foot{position:static!important;justify-content:center;width:max-content;max-width:100%;margin:14px auto 4px!important;left:auto!important;right:auto!important;grid-column:1/-1!important;grid-row:99!important;order:99}
html #gestDock .manos-list .finding.fp-foot-on:not(.is-summary),html #gestDock .manos-list .finding:not(.is-summary){padding-bottom:14px!important}
html #gestDock .manos-list .finding:not(.is-summary){margin-left:0!important;border-radius:10px!important;border-left-style:solid!important;border-left-width:3px!important}
html #gestDock .manos-list .finding .frm-act .frm-act-t{max-width:none!important;opacity:1!important;margin-left:0!important;display:inline!important;font-size:12px;white-space:nowrap}}
#gestDock .manos-list .finding.is-summary{background:transparent;border-top-color:var(--hairline);border-right-color:transparent;border-bottom-color:var(--hairline);border-radius:0;margin-top:-1px;margin-bottom:0;padding-top:8px;padding-bottom:8px;transition:background .15s ease,border-color .15s ease}
#gestDock .manos-list .finding.is-summary:hover{background:var(--field);border-top-color:var(--hairline);border-right-color:var(--hairline)}
#gestDock .manos-list .finding:not(.is-summary){margin-top:9px}
#gestDock .manos-list .finding.is-summary>.head>.fnd-title{font-weight:400}
#gestDock .manos-list .finding.is-summary:hover>.head>.fnd-title{font-weight:700}
#gestDock .manos-list .finding>.head>.fam{display:none}
#gestDock .manos-list .finding.is-summary .fnd-readmanage .frm-actions{opacity:0;pointer-events:none;transition:opacity .14s ease}
#gestDock .manos-list .finding.is-summary:hover .fnd-readmanage .frm-actions{opacity:1;pointer-events:auto}
#gestDock .manos-list .finding[data-fsev="bloq"]{border-left-color:var(--crit-bd)}
#gestDock .manos-list .finding[data-fsev="lim"]{border-left-color:var(--imp-bd)}
#gestDock .manos-list .finding[data-fsev="afec"]{border-left-color:var(--mej-bd)}
#gestDock .manos-list .finding.is-summary{border-left-style:dotted;border-left-width:1.5px}
#gestDock .manos-list .finding.is-summary:hover{border-left-style:solid;border-left-width:3px}
#gestDock .manos-list .finding.is-summary.fam-hl{background:var(--field);border-top-color:var(--hairline);border-right-color:var(--hairline);border-left-style:solid;border-left-width:3px}
#gestDock .manos-list .finding.is-summary.fam-hl>.head>.fnd-title{font-weight:700}
#gestDock .manos-list .finding .frm-act[data-tip="Descartar"]{background:rgba(255,255,255,.05)}
#gestDock .manos-list .finding .frm-act[data-tip="Descartar"]:hover{border-color:var(--ink-soft);color:var(--ink)}
#gestDock .manos-list .finding .frm-act[data-tip="Tengo dudas"],#gestDock .manos-list .finding .frm-act[data-tip="Tengo dudas"]:hover{color:var(--imp);border-color:rgba(224,149,74,.45);background:rgba(224,149,74,.11)}
#gestDock .manos-list .finding .frm-act[data-tip="Tengo dudas"]:hover{background:rgba(224,149,74,.2);border-color:var(--imp);color:var(--imp)}
html[data-plan="free"] #gestDock .manos-list .finding:not(.managed) .head .chip{display:none}
#gestDock .manos-list .sev-group>.grp-body>.finding{margin-left:10px}
html[data-plan="free"] #gestDock .manos-list .finding:not(.managed):not(.is-summary) .fnd-readmanage .frm-actions{display:inline-flex!important;opacity:1!important}
#gestDock .manos-list .finding>.head>.fnd-fam-ic{display:none}
html[data-plan="free"] #gestDock .manos-list .finding.is-summary.url-filtered-out{display:none!important}
#gestDock .manos-list .finding[data-wk-ghost]{display:none !important}
#gestDock .manos-list .finding[data-fsev="afec"]{border-left-color:var(--afec-bd)}
html[data-flow="descartes-listado"] #gestDock .manos-list .desc-body>.finding:not(.expanded),html[data-flow="descartes-listado"] #gestDock .manos-list .fp-body>.finding:not(.expanded){border-radius:0;background:transparent;margin:-1px 0 0 10px;padding:8px 20px;
    border-left-width:1.5px;border-left-style:dotted;
    box-sizing:border-box;height:44px;}
html[data-flow="descartes-listado"] #gestDock .manos-list .desc-body>.finding:not(.expanded)>.fnd-compact,html[data-flow="descartes-listado"] #gestDock .manos-list .fp-body>.finding:not(.expanded)>.fnd-compact{height:26px;min-height:0;align-items:center;}
html[data-flow="descartes-listado"] #gestDock .manos-list .desc-body>.finding:not(.expanded) .fnd-compact-title,html[data-flow="descartes-listado"] #gestDock .manos-list .fp-body>.finding:not(.expanded) .fnd-compact-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
html[data-flow="descartes-listado"] #gestDock .manos-list .desc-body>.finding:not(.expanded):hover,html[data-flow="descartes-listado"] #gestDock .manos-list .fp-body>.finding:not(.expanded):hover{background:var(--field);border-left-width:3px;border-left-style:solid;}
html[data-flow="descartes-listado"] #gestDock .manos-list .desc-group:not(:has(.finding))>summary,html[data-flow="descartes-listado"] #gestDock .manos-list .fp-group:not(:has(.finding))>summary{pointer-events:none;cursor:default}
html[data-flow="descartes-listado"] #gestDock .manos-list .desc-group:not(:has(.finding)) .sev-head,html[data-flow="descartes-listado"] #gestDock .manos-list .fp-group:not(:has(.finding)) .sev-head{filter:grayscale(1);opacity:.42}
#gestDock .manos-list .finding:not(.expanded) .chip.chip-mini{display:none}
html[data-flow="descartes-listado"][data-plan="free"] #gestDock .manos-list .finding.fp-flag:not(.expanded)>.fnd-compact>.fnd-dudas-sel{display:inline-flex;margin-left:auto;opacity:0;transition:opacity .16s ease}
html[data-flow="descartes-listado"][data-plan="free"] #gestDock .manos-list .finding.fp-flag:not(.expanded):hover>.fnd-compact>.fnd-dudas-sel{opacity:1}
html[data-flow="descartes-listado"][data-plan="free"] #gestDock .manos-list .finding.fp-flag.expanded>.fnd-compact>.fnd-dudas-sel{display:inline-flex;opacity:1;margin-left:auto}
#gestDock .manos-list .finding.is-summary>.head>.fnd-title{font-weight:800;color:var(--ink)}
#gestDock .manos-list .finding.is-summary[data-leido="1"]>.head>.fnd-title,#gestDock .manos-list .finding.is-summary[data-decision="revisar"]>.head>.fnd-title,#gestDock .manos-list .finding.is-summary[data-decision="archivar"]>.head>.fnd-title,#gestDock .manos-list .finding.is-summary[data-decision="falso"]>.head>.fnd-title{font-weight:600;color:var(--ink-soft)}
#gestDock .manos-list .finding.is-summary:hover>.head>.fnd-title{font-weight:800}
#gestDock .manos-list .finding.is-summary[data-leido="1"]:hover>.head>.fnd-title,#gestDock .manos-list .finding.is-summary[data-decision="revisar"]:hover>.head>.fnd-title,#gestDock .manos-list .finding.is-summary[data-decision="archivar"]:hover>.head>.fnd-title,#gestDock .manos-list .finding.is-summary[data-decision="falso"]:hover>.head>.fnd-title{font-weight:600;color:var(--ink)}
#gestDock .manos-list .finding:not(.is-summary)>.head>.fnd-title{font-weight:600}
#gestDock .manos-list .finding.is-summary[data-leido="1"]:hover>.head>.fnd-title,#gestDock .manos-list .finding.is-summary[data-decision="revisar"]:hover>.head>.fnd-title,#gestDock .manos-list .finding.is-summary[data-decision="archivar"]:hover>.head>.fnd-title,#gestDock .manos-list .finding.is-summary[data-decision="falso"]:hover>.head>.fnd-title{font-weight:400}
#gestDock .manos-list .finding .frm-move-lbl{display:none !important}

.wk-inst{display:flex;flex-direction:column;gap:8px;margin-top:8px}

/* La cabecera: el problema, en una fila. Un solo desplegable debajo. */
.wk-inst-grupo{display:flex;flex-direction:column}
.wk-inst-cab{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:8px 10px;border:1px solid var(--border);border-radius:12px;
  background:var(--bg-soft);font-size:13px;line-height:1.5}
.wk-inst-txt{flex:1 1 200px;min-width:0}
.wk-inst-frase{display:block;font-weight:600}
.wk-inst-sub{display:block;color:var(--ink-soft);font-size:11px}
.wk-inst-hex{font-family:ui-monospace,monospace}
.wk-inst-en,.wk-inst-veces{margin-left:auto;flex:0 0 auto;color:var(--ink-soft);
  font-size:11px;white-space:nowrap}
.wk-inst-muestra{flex:0 0 auto;padding:4px 10px;border-radius:8px;font-weight:600;
  border:1px solid var(--border)}
.wk-inst-cod{flex:1 1 200px;min-width:0;font-family:ui-monospace,monospace;font-size:12px;
  color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:8px;
  padding:4px 8px;display:block;overflow-x:auto;white-space:pre-wrap;word-break:break-all}
.wk-inst-par{display:flex;gap:8px;align-items:center;flex:1 1 auto}
.wk-inst-ext{font-weight:600}
.wk-inst-flecha{color:var(--ink-soft)}

/* El desplegable «Dónde está»: un único rótulo en todo el informe. */
.wk-inst-donde{margin-top:6px}
.wk-inst-donde>summary{cursor:pointer;color:var(--ink-soft);font-size:11px;
  list-style:none;user-select:none;padding:2px 0}
.wk-inst-donde>summary::-webkit-details-marker{display:none}
.wk-inst-donde>summary::before{content:"";display:inline-block;
  width:0;height:0;margin-right:6px;vertical-align:middle;
  border-left:5px solid currentColor;
  border-top:4px solid transparent;border-bottom:4px solid transparent;
  transition:transform .15s}
.wk-inst-donde[open]>summary::before{transform:rotate(90deg)}
.wk-inst-donde>.wk-inst-lista{margin-top:6px}
.wk-inst-ymas{margin:6px 2px 0;color:var(--ink-soft);font-size:11px}

/* La ficha (D3): un caso concreto. Arriba el ancla, abajo —con filete— la
 * ruta y su botón de copiar. */
.wk-inst-lista{display:grid;gap:9px}
.wk-inst-caso{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:11px 13px}
.wk-inst-arriba{display:flex;align-items:center;gap:11px}
.wk-inst-q{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600}
.wk-inst-q.wk-inst-muestra{flex:0 1 auto;border-radius:8px;padding:3px 9px;border:1px solid var(--border)}
.wk-inst-ratio-mini{flex:0 0 auto;color:var(--ink-soft);font-size:12px;font-variant-numeric:tabular-nums}
.wk-inst-abajo{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}
/* La hoja NUNCA se trunca: si algo tiene que perderse cuando la ruta no
 * cabe, es el principio (los antepasados), no el último eslabón —que es
 * justo lo que distingue un caso de otro (Tiago, 22/09: con la misma
 * plantilla, seis fichas de "figure.…__thumbn…" son indistinguibles). Por
 * eso son dos piezas en el flex y no un solo span con ellipsis: el
 * ellipsis de un contenedor corta por la derecha sin mirar qué hay dentro,
 * y la hoja siempre va última. */
.wk-inst-d{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:0;
  font-family:ui-monospace,monospace;font-size:11px}
.wk-inst-ant{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;color:var(--ink-soft)}
/* El aire antes de la hoja es cosa del CSS, no del texto: el signo > final
 * de los antepasados y la hoja no llevan espacio en el contenido (copiar la
 * ruta no puede cambiar nada), así que la separación va por margen. */
.wk-inst-hoja{flex:0 0 auto;margin-left:4px;color:var(--ink);white-space:nowrap}

/* Recurso: miniatura, nombre y peso arriba; la URL abajo. */
.wk-inst-mini{position:relative;width:44px;height:44px;flex:0 0 44px;padding:0;
  border:1px solid var(--border);border-radius:8px;overflow:hidden;
  background:var(--bg-soft);cursor:zoom-in}
.wk-inst-mini img{width:100%;height:100%;object-fit:contain;display:block}
/* El hueco honesto cuando la imagen ya no está donde estaba: lo enciende el
   onerror del visor, no el CSS por su cuenta. */
.wk-inst-mini[data-rota="1"] img{display:none}
.wk-inst-mini[data-rota="1"] .wk-inst-hueco{display:flex;align-items:center;
  justify-content:center;width:100%;height:100%;font-size:10px;color:var(--ink-soft)}
.wk-inst-hueco{display:none}
.wk-inst-met{flex:0 0 auto;color:var(--ink-soft);font-size:12px;font-variant-numeric:tabular-nums}

/* El botón de copiar: icono y texto, confirma con «copiado». */
.wk-inst-copiar{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;
  border:1px solid var(--border);border-radius:var(--radius-pill);
  padding:4px 10px;background:transparent;color:var(--ink-soft);
  font-family:var(--font-body);font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}
.wk-inst-copiar:hover{background:var(--card);color:var(--ink)}
.wk-inst-copiar:disabled{cursor:default;opacity:.85}
.wk-inst-copiar-ic{width:13px;height:13px;flex:0 0 auto}

.wk-inst-mas{align-self:flex-start;border:1px solid var(--border);
  border-radius:var(--radius-pill);padding:5px 14px;background:transparent;color:var(--ink);
  font-weight:600;cursor:pointer}
.wk-inst-mas:hover{background:var(--bg-soft)}
.wk-inst-mas[disabled]{opacity:.5;cursor:default}
/* «Ver los N restantes» dentro de un grupo y la nota de casos no guardados. */
.wk-inst-casos{margin:8px 2px 0;border:1px solid var(--border);border-radius:var(--radius-pill);
  padding:3px 12px;background:transparent;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer}
.wk-inst-casos:hover{background:var(--bg-soft)}
.wk-inst-casos[disabled]{opacity:.5;cursor:default}
.wk-inst-nota{margin:0 2px 8px;color:var(--ink-soft);font-size:12px}
/* El visor: una sola capa para todo el informe. */
.wk-visor{position:fixed;inset:0;z-index:9999;display:none;
  align-items:center;justify-content:center;padding:24px;
  background:rgb(0 0 0 / .72)}
.wk-visor[open]{display:flex}
.wk-visor img{max-width:100%;max-height:100%;object-fit:contain;
  border-radius:12px;background:var(--bg)}
@media (max-width:480px){
  .wk-inst-cab{gap:8px;padding:8px}
  .wk-inst-en,.wk-inst-veces{margin-left:0}
  .wk-inst-arriba{flex-wrap:wrap}
}


/* En los dos: el globo cuelga de <body> (para poder salirse de la tarjeta) y
   no hereda de ella. */
.wk-cuad,.wk-cuad-tip{--wk-bloquea:var(--crit);--wk-limita:var(--imp);--wk-afecta:var(--a1);--wk-superada:var(--mej);
  --wk-nc:color-mix(in srgb,var(--ink-soft) 50%,transparent)}
/* Un bloque de ancho acotado, centrado en la tarjeta (también en vertical): la
   tarjeta se estira hasta la altura y el ancho de su fila, y en pantallas
   grandes (759 px a 1920) las filas de efecto salían de 566 px con una palabra
   y un número dentro. */
.wk-cuad{display:grid;gap:12px;width:100%;max-width:440px;margin:auto}
.wk-cuad-arriba{display:flex;gap:18px;align-items:center;justify-content:center}
.wk-cuad-num{display:grid;justify-items:center;gap:8px;flex:none}
/* La plantilla esconde los rótulos de esta tarjeta (.vb-hz .vb-q): el nuestro sí va. */
.vb-hz .wk-cuad-num .vb-q{display:block}
.wk-cuad-efs{display:grid;gap:5px;flex:0 1 190px;min-width:0}
.wk-cuad-ef{display:flex;align-items:center;gap:8px;font-size:.86rem;padding:5px 10px;border-radius:10px;
  border:1px solid var(--hairline);background:var(--glass-bg-strong)}
.wk-cuad-ef .hzt-n{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums}
.wk-cuad-ic{display:inline-flex;width:15px;height:15px;flex:none}
.wk-cuad-ic svg{width:100%;height:100%}
.wk-cuad-ef.ht-c .wk-cuad-ic{color:var(--wk-bloquea)}
.wk-cuad-ef.ht-i .wk-cuad-ic{color:var(--wk-limita)}
.wk-cuad-ef.ht-afec .wk-cuad-ic{color:color-mix(in srgb,var(--wk-afecta) 70%,var(--ink))}
.wk-cuad-puntos{display:grid;grid-template-columns:repeat(auto-fill,13px);gap:4px;border-radius:6px;outline:none}
.wk-cuad-puntos:focus-visible{box-shadow:0 0 0 2px var(--ok)}
.wk-cuad-puntos i{display:block;width:13px;height:13px;border-radius:3px;transition:opacity .15s,transform .15s}
.wk-cuad-puntos i[data-g="bloquean"]{background:var(--wk-bloquea)}
.wk-cuad-puntos i[data-g="limitan"]{background:var(--wk-limita)}
.wk-cuad-puntos i[data-g="afectan"]{background:var(--wk-afecta)}
.wk-cuad-puntos i[data-g="superadas"]{background:var(--wk-superada)}
.wk-cuad-puntos i[data-g="no_concluyentes"]{background:var(--wk-nc)}
.wk-cuad-puntos.atenua i{opacity:.22}
.wk-cuad-puntos.atenua i.on{opacity:1;transform:scale(1.12)}
.wk-cuad-pista{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--ink-soft)}
.wk-cuad-pista svg{width:13px;height:13px}
.wk-cuad-tip{position:fixed;z-index:60;pointer-events:none;min-width:190px;padding:10px 12px;border-radius:12px;
  background:var(--ink);color:var(--bg);font-size:.8rem;line-height:1.35;box-shadow:0 12px 30px -10px rgba(0,0,0,.45);
  opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}
.wk-cuad-tip.ver{opacity:1;transform:none}
.wk-cuad-tip .t1{display:flex;justify-content:space-between;gap:10px;font-weight:800;margin-bottom:6px}
.wk-cuad-tip .tr{display:flex;align-items:center;gap:7px;padding:1px 0}
.wk-cuad-tip .tr .n{margin-left:auto;font-weight:800;font-variant-numeric:tabular-nums}
.wk-cuad-tip .tr.sub{padding-left:16px}
.wk-cuad-tip .tr.on{font-weight:800}
.wk-cuad-tip .sq{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
/* Sobre el fondo oscuro del globo el gris translúcido no se ve: opaco. */
.wk-cuad-tip{--wk-nc:var(--ink-soft)}
@media (prefers-reduced-motion:reduce){.wk-cuad-puntos i,.wk-cuad-tip{transition:none}}