/* W-HUB Analizador. Usa las variables .wh de "Gotham Amber". */
.wha{--ok:#2ECC71;--bad:#FF4444;--mid:#FFB703;overflow-x:clip}
body:has(.wha){background:#0A0A0C}
.wha-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.wha-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.wha [hidden]{display:none!important}
.wha-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin:0 0 14px}
.wha-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(255,183,3,.6);animation:wha-pulse 1.8s infinite}
@keyframes wha-pulse{70%{box-shadow:0 0 0 10px rgba(255,183,3,0)}100%{box-shadow:0 0 0 0 rgba(255,183,3,0)}}

/* Hero */
.wha-hero{border-bottom:1px solid var(--line);background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,183,3,.10),transparent 70%)}
.wha-hero__in{padding-top:clamp(40px,8vw,96px);padding-bottom:clamp(40px,7vw,80px);text-align:center;max-width:820px;margin:0 auto}
.wha-hero h1{font-size:clamp(1.9rem,5.4vw,3.2rem);margin-bottom:18px}
.wha-hero .wh-lede{margin:0 auto 30px}
.wha-form{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:640px;margin:0 auto}
.wha-field{position:relative;display:flex;align-items:center}
.wha-field svg{position:absolute;left:16px;width:20px;height:20px;fill:var(--muted);pointer-events:none}
.wha input[type=text],.wha input[type=email]{width:100%;font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:16px 16px;min-height:54px;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.wha-field input{padding-left:46px!important}
.wha input:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,183,3,.18)}
.wha input::placeholder{color:#6B6B73}
.wha-go{min-height:54px;padding:0 30px;font-size:.95rem}
.wha-msg{grid-column:1/-1;margin:4px 0 0;color:#FF8A8A;font-size:.92rem;text-align:left}
.wha-trust{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;color:var(--muted);font-size:.86rem}
@media(max-width:640px){
	.wha-form{grid-template-columns:1fr}
	.wha-go{width:100%}
	.wha-trust{flex-direction:column;align-items:center;gap:6px}
}

/* Cargando */
.wha-run{border-bottom:1px solid var(--line);padding:clamp(40px,7vw,72px) 0}
.wha-loader{max-width:440px;margin:0 auto;text-align:center}
.wha-spin{width:56px;height:56px;margin:0 auto 18px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--accent);animation:wha-rot .9s linear infinite}
@keyframes wha-rot{to{transform:rotate(360deg)}}
.wha-run__host{font-weight:800;font-size:1.1rem;margin:0 0 20px;word-break:break-all}
.wha-steps{list-style:none;margin:0;padding:0;text-align:left;display:grid;gap:10px}
.wha-steps li{display:flex;align-items:center;gap:12px;color:#6B6B73;font-size:.95rem;transition:color .2s}
.wha-steps li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--border)}
.wha-steps li.is-on{color:var(--ink)}
.wha-steps li.is-on::before{border-color:var(--accent);border-top-color:transparent;animation:wha-rot .8s linear infinite}
.wha-steps li.is-ok{color:var(--muted)}
.wha-steps li.is-ok::before{border-color:var(--ok);background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%230A0A0C' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/12px no-repeat;animation:none}

/* Resultado */
.wha-res{padding:clamp(36px,6vw,72px) 0;border-bottom:1px solid var(--line)}
.wha-res .wh-wrap{max-width:860px;margin:0 auto}
.wha-score{display:flex;align-items:center;gap:clamp(20px,4vw,40px);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:clamp(20px,4vw,32px);margin-bottom:34px}
.wha-ring{--c:var(--bad);position:relative;flex:none;width:clamp(116px,26vw,150px);aspect-ratio:1}
.wha-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.wha-ring circle{fill:none;stroke-width:10}
.wha-ring__bg{stroke:var(--line)}
.wha-ring__fg{stroke:var(--c);stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:calc(326.7 - 326.7 * var(--p) / 100);transition:stroke-dashoffset 1.2s cubic-bezier(.2,.8,.2,1)}
.wha-ring__n{position:absolute;inset:0;display:flex;align-items:baseline;justify-content:center;padding-top:32%}
.wha-ring__n b{font-size:clamp(2.2rem,7vw,2.9rem);font-weight:900;line-height:1;color:var(--c)}
.wha-ring__n small{color:var(--muted);font-weight:700;margin-left:2px}
.wha-score__txt h2{font-size:clamp(1.3rem,3.6vw,1.9rem);margin-bottom:10px}
.wha-score__txt .wha-kicker{color:var(--muted);margin-bottom:8px;word-break:break-all}
.wha-sum{color:var(--muted)}
.wha-sum b{color:var(--ink)}
@media(max-width:560px){.wha-score{flex-direction:column;text-align:center}}

.wha-h3{font-size:1rem!important;letter-spacing:.6px!important;color:var(--muted)!important;margin:0 0 14px!important}
.wha-list{display:grid;gap:12px;margin-bottom:22px}
.wha-item{display:grid;grid-template-columns:auto 1fr;gap:14px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--c,var(--mid));border-radius:var(--r-md);padding:18px 18px;opacity:0;transform:translateY(8px);animation:wha-in .45s forwards}
@keyframes wha-in{to{opacity:1;transform:none}}
.wha-item__ico{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--c,var(--mid));color:#0A0A0C;font-weight:900;font-size:.95rem}
.wha-item h4{margin:0 0 6px;font-size:1.04rem;font-weight:800;line-height:1.3;text-transform:none;color:var(--ink)}
.wha-item p{color:var(--muted);font-size:.95rem}
.wha-tag{display:inline-block;margin:0 0 8px;font-size:.68rem;font-weight:800;letter-spacing:.7px;text-transform:uppercase;padding:3px 8px;border-radius:var(--r-sm);border:1px solid var(--border);color:var(--muted)}
.wha-tag--1{color:#FF8A8A;border-color:rgba(255,68,68,.4)}
.wha-dato{display:block;margin-top:8px;font-size:.85rem;color:var(--ink);font-weight:700}
.wha-good{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:var(--r-md);padding:18px}
.wha-good h4{margin:0 0 6px;font-size:1.04rem;text-transform:none}

/* Bloqueo + formulario */
.wha-lock{position:relative;margin-top:6px}
.wha-lock__blur{display:grid;gap:10px;margin-bottom:16px}
.wha-hint{display:grid;grid-template-columns:auto 1fr;gap:14px;background:var(--surface);border:1px dashed var(--border);border-left:4px solid var(--c,var(--mid));border-radius:var(--r-md);padding:16px 18px}
.wha-hint__lock{width:24px;height:24px;fill:var(--muted);margin-top:2px}
.wha-hint h4{margin:0 0 6px;font-size:1rem;font-weight:800;line-height:1.3;text-transform:none;color:var(--ink)}
.wha-hint__blur{color:var(--muted);font-size:.92rem;filter:blur(4px);user-select:none;pointer-events:none}
.wha-hint__more{color:var(--muted);font-size:.9rem;text-align:center;margin:4px 0 0!important}
.wha-hint{cursor:pointer;transition:border-color .15s}
.wha-hint:hover{border-color:rgba(255,183,3,.5)}
.wha-unlock{margin-top:6px;min-height:58px;font-size:1rem!important;gap:12px}
.wha-unlock svg,.wha-sticky svg,#wha-lead-form .wh-btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.wha-unlock svg{animation:wha-shake 2.6s ease-in-out infinite}
@keyframes wha-shake{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-12deg)}92%{transform:rotate(10deg)}95%{transform:rotate(-6deg)}}
.wha-lock__card{position:relative;margin-top:0;background:linear-gradient(180deg,#17150F,#141418);border:1px solid rgba(255,183,3,.35);border-radius:var(--r-md);padding:clamp(22px,4vw,34px);box-shadow:0 20px 60px rgba(0,0,0,.5);scroll-margin-top:90px}
.wha-lock--solo .wha-lock__card{margin-top:0}
.wha-lock__card h3{font-size:clamp(1.25rem,3.4vw,1.6rem);margin-bottom:10px}
.wha-lock__p{color:#D0D0D5;margin-bottom:20px!important}
.wha-lock__p strong{color:var(--ink)}
.wha-lbl{display:block;font-size:.8rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
#wha-lead-form input[type=text],#wha-lead-form input[type=email]{margin-bottom:14px}
.wha-chk{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;color:var(--muted);margin:2px 0 14px;cursor:pointer;line-height:1.45}
.wha-chk input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--accent)}
.wha-chk a{color:var(--ink);text-decoration:underline}
#wha-lead-form .wh-btn{margin-top:6px;min-height:56px}
.wha-legal{margin-top:14px!important;font-size:.74rem;color:#6B6B73;line-height:1.5}
.wha-legal a{color:var(--muted);text-decoration:underline}

/* Hecho */
.wha-done{display:grid;gap:16px}
.wha-done__ok{display:flex;gap:16px;align-items:flex-start;background:rgba(46,204,113,.08);border:1px solid rgba(46,204,113,.35);border-radius:var(--r-md);padding:20px}
.wha-done__ok svg{flex:none;width:32px;height:32px;fill:var(--ok)}
.wha-done__ok h3{margin-bottom:6px}
.wha-done__ok p{color:var(--muted)}
.wha-done__ok b{color:var(--ink);word-break:break-all}
.wha-sell{background:linear-gradient(150deg,#191712 0%,#141418 62%);border:1px solid rgba(255,183,3,.35);border-radius:var(--r-md);padding:clamp(22px,4vw,34px)}
.wha-sell h3{font-size:clamp(1.3rem,3.6vw,1.75rem);margin-bottom:10px}
.wha-sell p{color:#D0D0D5;margin-bottom:20px}
.wha-sell__btns{display:flex;flex-wrap:wrap;gap:12px}
.wha-wa{background:var(--wa)!important;color:#0A0A0C!important}
@media(max-width:560px){.wha-sell__btns .wh-btn{width:100%}}
.wha-again{text-align:center;margin-top:28px!important}
.wha .wha-link{background:none!important;border:0!important;box-shadow:none!important;color:var(--muted)!important;font:inherit;font-size:.9rem;text-decoration:underline;cursor:pointer;padding:10px}

/* Qué revisa */
.wha-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wha-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:24px}
.wha-grid h3{margin-bottom:8px}
.wha-grid p{color:var(--muted);font-size:.95rem}
@media(max-width:900px){.wha-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wha-grid{grid-template-columns:1fr}}

/* Barra fija móvil */
.wha-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(10,10,12,.94);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.wha-sticky.wha-off{display:none}
@media(min-width:861px){.wha-sticky{display:none!important}}
@media(prefers-reduced-motion:reduce){.wha *{animation:none!important;transition:none!important}.wha-item{opacity:1;transform:none}}