/* Reflected Studio — /analiza-tu-web/ and /en/analyse-your-website/ · landing «Buscador» (owner's pick, 2026-10-21).
   One calm screen: hook, URL bar, trust line. «Analizar mi web» runs the real precheck behind a ~5 s analysis sequence
   (bar collapses into a scan line, a wireframe page assembles, a beam sweeps it, narration names the real checks, an honest
   time-based ring), then the results cascade in like search results → CTA → steps 2–3. Every state fits without page scroll.
   Shared by both languages (copy from analiza.js by <html lang>). Prefix az-. */
:root{color-scheme:dark;--bg:#050505;--ink:#F5F5F7;--ink-80:rgba(245,245,247,.8);--ink-66:rgba(245,245,247,.66);--ink-56:rgba(245,245,247,.56);--line:rgba(255,255,255,.09);--line-2:rgba(255,255,255,.14);--pink:#FF1F6E;--pink-2:#FF4D7D;--orange:#F0803C;--ok:#3DDC84;--warn:#FFC24A;--err:#FF6F93;--wa:#25D366;--grad:linear-gradient(96deg,#D41459,#C4315E 46%,#B64F20);--grad-ink:linear-gradient(96deg,#FF1F6E,#FF4D7D 48%,#F0803C);--body:Manrope,sans-serif;--mono:'JetBrains Mono',monospace;--ease:cubic-bezier(.16,1,.3,1);--field:clamp(46px,6dvh,54px)}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;height:100%}
body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--body);-webkit-font-smoothing:antialiased}
h1,h2,p,ul,ol,fieldset,legend{margin:0;padding:0}
ul,ol{list-style:none}fieldset{border:0;min-width:0}a{color:inherit}button,input,select{font:inherit;color:inherit}img,svg{display:block}
[hidden]{display:none!important}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ic{flex:none;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wa-ic{flex:none;width:18px;height:18px;fill:#FFFFFF}
:focus-visible{outline:2px solid #F5F5F7;outline-offset:3px}
.az-skip{position:absolute;left:12px;top:-60px;z-index:20;padding:10px 14px;border-radius:10px;background:#FFFFFF;color:#050505;font-weight:700;text-decoration:none}
.az-skip:focus{top:12px}

/* Shell */
.az{position:relative;display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:clamp(14px,2.8dvh,28px) clamp(16px,5vw,96px) clamp(10px,2dvh,20px);background:radial-gradient(ellipse 55% 40% at 50% 32%,rgba(255,31,110,.13),transparent 70%),var(--bg)}
.az-top{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px}
.az-brand{display:inline-flex;border-radius:8px}.az-brand img{width:auto;height:40px}
@media (max-width:1240px){.az-brand img{height:34px}}@media (max-width:640px){.az-brand img{height:32px}}
.az-lang{display:flex;padding:3px;border:1px solid var(--line-2);border-radius:999px;background:rgba(5,5,5,.6)}
.az-lang a{display:grid;place-items:center;min-width:38px;min-height:30px;padding:0 9px;border-radius:999px;font:500 11.5px/1 var(--mono);letter-spacing:.08em;text-decoration:none;color:var(--ink-56)}
.az-lang a[aria-current="page"]{background:#FFFFFF;color:#050505}
.az-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(14px,2.8dvh,28px);width:100%;max-width:760px;margin:0 auto;padding:clamp(8px,2dvh,20px) 0}
.az-hero{display:grid;gap:clamp(10px,1.8dvh,16px);text-align:center}
.az-hook{font:800 clamp(34px,min(4.4vw,7dvh),68px)/1.04 var(--body);letter-spacing:-.045em;text-wrap:balance}
.az-hook__a,.az-hook__b{display:block;max-width:none;margin-inline:auto}
.az-hook__b{background:var(--grad-ink);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-bottom:.08em}
.az-sub{font:400 clamp(15px,2dvh,18px)/1.5 var(--body);color:var(--ink-66)}
.az:not([data-scan="idle"]) .az-hook{font-size:clamp(24px,min(3vw,4.2dvh),40px)}
.az:not([data-scan="idle"]) .az-hook__a,.az:not([data-scan="idle"]) .az-hook__b{max-width:none}
.az:not([data-scan="idle"]) .az-sub{display:none}
.az-trust{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;column-gap:8px;row-gap:2px;font:600 13.5px/1.4 var(--body);color:var(--ink-80)}
.az-trust__a{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.az-star{width:15px;height:15px;fill:#FFC24A;stroke:none}
.az:not([data-scan="idle"]) .az-trust,.az:not([data-step="1"]) .az-trust{display:none}

/* Form */
.az-form{width:100%;display:grid}
.az-step{display:grid;gap:clamp(10px,1.8dvh,16px)}
.az-step.is-in{animation:az-in .45s var(--ease) both}.az-step.is-in.is-back{animation-name:az-in-back}
@keyframes az-in{from{opacity:0;transform:translateX(22px)}}@keyframes az-in-back{from{opacity:0;transform:translateX(-22px)}}
.az-step--1{justify-items:center;gap:10px}
.az-url{display:flex;align-items:center;gap:10px;width:100%;min-height:calc(var(--field) + 14px);padding:6px 6px 6px 18px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#0A0A0D;box-shadow:0 30px 80px -40px rgba(255,31,110,.6);transition:border-color .2s ease,box-shadow .2s ease}
.az-url:focus-within{border-color:#FFFFFF;box-shadow:0 0 0 4px rgba(255,255,255,.12)}
.az-url>.ic{width:20px;height:20px;color:var(--ink-56)}
.az[data-typed="ok"] .az-url>.ic{color:var(--ok)}
.az-url input{flex:1;min-width:0;height:calc(var(--field) - 2px);border:0;background:none;font:500 clamp(16px,2.2dvh,19px)/1 var(--mono);color:#FFFFFF;caret-color:var(--pink)}
.az-url input:focus{outline:0}.az-url input::placeholder{color:rgba(255,255,255,.78)}
.az-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:var(--field);padding:0 24px;border:0;border-radius:999px;background:var(--grad);font:700 15px/1 var(--body);color:#FFFFFF;white-space:nowrap;cursor:pointer;transition:filter .2s ease}
.az-btn:hover{filter:brightness(1.08)}.az-btn .ic{width:18px;height:18px}
.az-btn[data-state="loading"]{pointer-events:none;filter:saturate(.85)}.az-btn[data-state="loading"] .ic{display:none}
.az[data-scan="done"] .az-go{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);color:var(--ink-80)}
.az[data-scan="done"] .az-go .ic{display:none}
.az-link{display:inline-flex;align-items:center;min-height:40px;padding:0 2px;border:0;background:none;font:600 13.5px/1.2 var(--body);color:var(--ink-66);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:4px;cursor:pointer}
.az-link:hover{color:#FFFFFF}
.az:not([data-scan="idle"]) .az-noweb{display:none}
.az-error{display:flex;gap:6px;font:600 12.5px/1.4 var(--body);color:var(--err)}
.az-error::before{content:"";flex:none;width:6px;height:6px;margin-top:5px;border-radius:50%;background:currentColor}
.az-title{margin-bottom:clamp(8px,1.4dvh,12px);font:800 clamp(21px,3dvh,26px)/1.15 var(--body);letter-spacing:-.03em}
.az-note{font:400 14px/1.5 var(--body);color:var(--ink-66);overflow-wrap:anywhere}.az-note strong{font:500 .95em/1 var(--mono);color:#FFFFFF}
.az-field{display:grid;gap:6px;min-width:0}
.az-label{font:600 13px/1.3 var(--body)}
.az-input{width:100%;min-height:var(--field);padding:0 15px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:#060608;font:500 16px/1.3 var(--body);color:#FFFFFF;caret-color:var(--pink);-webkit-appearance:none;appearance:none}
.az-input::placeholder{color:rgba(245,245,247,.4)}
.az-input:focus{outline:0;border-color:var(--pink-2);box-shadow:0 0 0 4px rgba(255,31,110,.16)}
.az-input[aria-invalid="true"]{border-color:var(--err)}
.az-select{padding:0 30px 0 12px;background:#060608 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F5F5F7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center/14px;font-family:var(--mono);font-size:14px;cursor:pointer}
.az-select option{background:#111114}
.az-phone{display:grid;grid-template-columns:106px minmax(0,1fr);gap:8px}
.az-row{display:grid;gap:clamp(10px,1.8dvh,16px)}
.az-check{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr);gap:11px;align-items:start;cursor:pointer}
.az-check input{position:absolute;inset:0 auto auto 0;width:22px;height:22px;margin:0;opacity:0;cursor:pointer}
.az-check__box{display:grid;place-items:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.3);border-radius:7px;background:#060608;color:transparent}
.az-check__box .ic{width:14px;height:14px;stroke-width:3}
.az-check input:checked+.az-check__box{border-color:transparent;background:var(--grad);color:#FFFFFF}
.az-check input:focus-visible+.az-check__box{outline:2px solid #F5F5F7;outline-offset:3px}
.az-check input[aria-invalid="true"]+.az-check__box{border-color:var(--err)}
.az-check__text{font:400 12.5px/1.5 var(--body);color:var(--ink-80)}.az-check__text a{color:#FFFFFF}
.az-actions{display:flex;gap:10px}.az-actions .az-btn{flex:1;border-radius:14px}
.az-back{display:grid;place-items:center;flex:none;width:var(--field);min-height:var(--field);border:1px solid rgba(255,255,255,.16);border-radius:14px;background:none;color:var(--ink-80);cursor:pointer}
.az-back .ic{width:18px;height:18px}
.az-hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.az-turnstile{display:flex;justify-content:center}.az-turnstile:empty{display:none}.az-turnstile iframe{max-width:100%}
.az-alert{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:12px 14px;border:1px solid rgba(255,111,147,.5);border-radius:14px;background:#1A070D;font:400 13px/1.5 var(--body);color:var(--ink-80)}
.az-alert>.ic{width:18px;height:18px;margin-top:1px;color:var(--err)}.az-alert strong{color:#FFFFFF}.az-alert a{color:#FFFFFF}
.az-send__ic{position:relative;display:grid;place-items:center;width:20px;height:20px}
.az-send__ic svg{position:absolute;inset:0;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.az-send__spin,.az-send__ok{opacity:0}
.az-send[data-state="loading"] .az-send__arrow{opacity:0}.az-send[data-state="loading"] .az-send__spin{opacity:1;animation:az-spin .8s linear infinite}
.az-send[data-state="success"]{background:#178A4C}.az-send[data-state="success"] .az-send__arrow{opacity:0}.az-send[data-state="success"] .az-send__ok{opacity:1}
.az-send[data-state="error"]{background:#2A0A13;box-shadow:inset 0 0 0 1px var(--err);color:#FFD9E3}
@keyframes az-spin{to{transform:rotate(360deg)}}
.az-progress{display:flex;align-items:center;gap:12px;margin-bottom:clamp(10px,1.8dvh,16px)}
.az-progress__bar{display:flex;gap:5px}.az-progress__bar i{width:20px;height:5px;border-radius:5px;background:rgba(255,255,255,.12);transition:width .4s var(--ease),background .4s ease}
.az[data-step="1"] .az-progress__bar i:nth-child(1),.az[data-step="2"] .az-progress__bar i:nth-child(-n+2),.az[data-step="3"] .az-progress__bar i{background:var(--grad-ink)}
.az[data-step="1"] .az-progress__bar i:nth-child(1),.az[data-step="2"] .az-progress__bar i:nth-child(2),.az[data-step="3"] .az-progress__bar i:nth-child(3){width:32px}
.az-progress__label{font:600 13px/1.3 var(--body);color:var(--ink-66)}
.az-chips{display:flex;gap:6px}
.az-chips li{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:9px;color:var(--ink-56)}
.az-chips .ic{width:15px;height:15px}
.az-sum-mini{margin:10px 0 12px;font:600 13px/1.4 var(--body);color:var(--ink-80)}
.az[data-step="1"] .az-progress,.az[data-step="1"] .az-chips,.az[data-step="1"] .az-sum-mini,.az[data-step="done"] .az-progress,.az[data-step="done"] .az-chips,.az[data-step="done"] .az-sum-mini{display:none}
.az:not([data-step="1"]) .az-hero{display:none}
.az:not([data-step="1"]) .az-form{max-width:540px;padding:clamp(18px,3dvh,28px);border:1px solid var(--line-2);border-radius:24px;background:#0B0B0E}

/* Success */
.az-done{display:grid;gap:12px;max-width:540px;padding:28px;border:1px solid var(--line-2);border-radius:24px;background:#0B0B0E;outline:0;animation:az-in .45s var(--ease) both}
.az-done__badge{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--grad)}
.az-done__badge .ic{width:24px;height:24px;stroke-width:2.6}
.az-done__badge::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--pink-2);animation:az-burst 1.1s var(--ease) .1s 2;opacity:0}
@keyframes az-burst{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(2.3)}}
.az-done__head{display:flex;align-items:center;gap:16px;min-width:0}.az-done__head .az-done__badge{flex:0 0 auto}
.az-done__title{font:800 clamp(26px,3.6dvh,32px)/1.05 var(--body);letter-spacing:-.035em;min-width:0;overflow-wrap:anywhere}
.az-done__text{font:400 15px/1.6 var(--body);color:var(--ink-80);overflow-wrap:anywhere}.az-done__text strong{color:#FFFFFF}
.az-done__note{font:500 12.5px/1.5 var(--body);color:#FF4D7D}
.az-done__wa{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border-radius:14px;background:var(--wa);font:700 14.5px/1 var(--body);color:#FFFFFF;text-decoration:none;justify-self:start;box-shadow:0 14px 34px -18px rgba(37,211,102,.9)}
.az-done__wa::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:170%;aspect-ratio:1;background:conic-gradient(from 0deg,transparent 0 72%,rgba(117,242,154,.18) 78%,#E9FFF0 87%,#69F194 94%,transparent 100%);transform:translate3d(-50%,-50%,0) rotate(0deg);animation:az-orbit 4.8s linear infinite;pointer-events:none}
.az-done__wa::after{content:"";position:absolute;z-index:1;inset:2px;border-radius:12px;background:var(--wa);pointer-events:none}
.az-done__wa > *{position:relative;z-index:2}
@keyframes az-orbit{from{transform:translate3d(-50%,-50%,0) rotate(0deg)}to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}
/* Entrada animada del check y del saludo */
.az-done:not([hidden]) .az-done__badge{animation:az-pop .62s cubic-bezier(.34,1.56,.64,1) .12s both}
.az-done:not([hidden]) .az-done__badge .ic{stroke-dasharray:26;stroke-dashoffset:26;animation:az-draw .45s ease-out .55s forwards}
.az-done:not([hidden]) .az-done__title{animation:az-title .55s var(--ease) .32s both}
.az-done:not([hidden]) .az-done__text,.az-done:not([hidden]) .az-done__note,.az-done:not([hidden]) .az-done__wa{animation:az-cascade .5s var(--ease) both}
.az-done:not([hidden]) .az-done__text{animation-delay:.5s}.az-done:not([hidden]) .az-done__note{animation-delay:.62s}.az-done:not([hidden]) .az-done__wa{animation-delay:.74s}
@keyframes az-pop{0%{opacity:0;transform:scale(.2) rotate(-25deg)}70%{opacity:1;transform:scale(1.12) rotate(4deg)}100%{transform:scale(1) rotate(0)}}
@keyframes az-title{from{opacity:0;transform:translateX(-14px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@media (prefers-reduced-motion:reduce){.az-done__wa::before{animation:none;background:#69F194}.az-done:not([hidden]) .az-done__badge,.az-done:not([hidden]) .az-done__title,.az-done:not([hidden]) .az-done__text,.az-done:not([hidden]) .az-done__note,.az-done:not([hidden]) .az-done__wa{animation:none}.az-done:not([hidden]) .az-done__badge .ic{animation:none;stroke-dashoffset:0}}
.az-done__resend{justify-self:start;margin-top:2px}.az-done__resend[aria-disabled="true"]{opacity:.5;pointer-events:none;cursor:default}
.az-done__msg{font:600 13.5px/1.5 var(--body);color:var(--ink-80);overflow-wrap:anywhere}.az-done__msg[data-kind="err"]{color:var(--err)}

/* Results (search-result list) */
.az-results{display:none;width:100%;max-width:680px}
.az[data-scan="done"][data-step="1"] .az-results{display:block}
.az-list{display:grid}
.az-r{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:14px;padding:clamp(6px,1.1dvh,10px) 0;border-bottom:1px solid var(--line);color:var(--ink-66)}
.az-r:last-child{border-bottom:0}
.az[data-scan="done"] .az-r{animation:az-cascade .5s var(--ease) both;animation-delay:calc(var(--n) * 90ms)}
@keyframes az-cascade{from{opacity:0;transform:translateY(10px)}}
.az-r__ic{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line-2);border-radius:50%}
.az-r__ic .ic{width:15px;height:15px}
.az-r__body{display:grid;min-width:0}
.az-r__name{font:700 15px/1.3 var(--body);color:#FFFFFF}
.az-find{display:block;font:500 12.5px/1.4 var(--body);color:var(--ink-66);overflow-wrap:anywhere}.az-find:empty{display:none}
.az-more{display:block;font:500 11px/1.4 var(--mono);color:var(--ink-56)}
.az-st{display:inline-flex;align-items:center;gap:8px;font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-56);white-space:nowrap}
.az-st__ic{display:grid;place-items:center;width:18px;height:18px}.az-st__ic>*{grid-area:1/1}
.az-st__dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}
.az-st__ok,.az-st__warn,.az-st__bad{display:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
[data-r="ok"] .az-st,[data-r="ok"] .az-tone{color:var(--ok)}[data-r="ok"] .az-st__ok{display:block}
[data-r="aviso"] .az-st,[data-r="aviso"] .az-tone{color:var(--warn)}[data-r="aviso"] .az-st__warn{display:block}
[data-r="mal"] .az-st,[data-r="mal"] .az-tone{color:var(--err)}[data-r="mal"] .az-st__bad{display:block}
[data-r="ok"] .az-st__dot,[data-r="aviso"] .az-st__dot,[data-r="mal"] .az-st__dot{display:none}
.az-chips li[data-r="ok"]{border-color:rgba(61,220,132,.5)}.az-chips li[data-r="aviso"]{border-color:rgba(255,194,74,.55)}.az-chips li[data-r="mal"]{border-color:rgba(255,111,147,.6)}
.az-end{display:grid;justify-items:start;gap:12px;margin-top:12px}
.az-sum{font:600 15px/1.45 var(--body);color:#FFFFFF}
.az-sum[data-kind="fail"]{font-weight:500;color:var(--ink-80)}
.az-sum small{display:block;margin-top:2px;font:500 12px/1.4 var(--body);color:var(--ink-56)}
.az[data-scan="done"] .az-end{animation:az-cascade .5s var(--ease) .6s both}

/* Analysis sequence */
.az-anim{display:none;width:100%;max-width:920px}
.az[data-scan="running"] .az-stage{max-width:960px}
.az[data-scan="running"] .az-anim{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:clamp(20px,3.4vw,48px)}
.az[data-scan="running"][data-phase="collapse"] .az-anim{display:none}
.az[data-scan="running"][data-phase="collapse"] .az-url{animation:az-collapse .45s var(--ease) forwards}
@keyframes az-collapse{0%{transform:none}55%{transform:scaleY(.12);box-shadow:0 0 30px 4px rgba(255,31,110,.65);border-color:transparent;background:var(--grad-ink)}100%{transform:scaleY(.04) scaleX(.6);opacity:0;background:var(--grad-ink)}}
.az[data-scan="running"]:not([data-phase="collapse"]) .az-step--1{display:none}
.az[data-scan="running"]:not([data-phase="collapse"]) .az-form{display:none}
.az-vis{position:relative;aspect-ratio:16/11;width:100%;max-height:min(52dvh,440px);margin:0 auto;border-radius:16px;overflow:hidden;background:radial-gradient(ellipse 70% 60% at 50% 40%,rgba(255,31,110,.1),transparent 70%),#08080B;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);animation:az-rise .55s var(--ease) both}
@keyframes az-rise{0%{clip-path:inset(48% 0 48% 0 round 16px);filter:brightness(2)}100%{clip-path:inset(0 0 0 0 round 16px)}}
.az-wire{position:absolute;inset:6%;width:88%;height:88%}
.az-wire [data-k]{fill:none;stroke:rgba(255,255,255,.2);stroke-width:1.4;stroke-dasharray:var(--l,400);stroke-dashoffset:var(--l,400);animation:az-draw .9s var(--ease) forwards;animation-delay:calc(var(--d,0) * 80ms + 150ms);transition:stroke .3s ease,fill .3s ease}
.az-wire .az-wire__fill{fill:rgba(255,255,255,.04)}
@keyframes az-draw{to{stroke-dashoffset:0}}
.az-wire [data-k].is-on{stroke:#FF4D7D;fill:rgba(255,77,125,.08);filter:drop-shadow(0 0 6px rgba(255,77,125,.6))}
.az-wire [data-k].is-done{stroke:rgba(255,255,255,.55)}
.az-wire text{font:500 9px var(--mono);fill:rgba(255,255,255,.7)}
.az-beam{position:absolute;left:0;right:0;top:0;height:28%;background:linear-gradient(180deg,transparent,rgba(255,31,110,.14) 70%,rgba(240,128,60,.35));border-bottom:1.5px solid #FF6A8E;box-shadow:0 6px 24px rgba(255,77,125,.5);animation:az-sweep 1.5s cubic-bezier(.45,.05,.55,.95) infinite alternate;pointer-events:none}
@keyframes az-sweep{from{transform:translateY(-30%)}to{transform:translateY(290%)}}
.az-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.az-side{display:grid;gap:14px;align-content:center}
.az-ring{position:relative;width:clamp(76px,11dvh,104px);aspect-ratio:1}
.az-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.az-ring circle{fill:none;stroke-width:3.2}
.az-ring__bg{stroke:rgba(255,255,255,.08)}
.az-ring__fg{stroke:url(#az-ring-g);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--pct,0));transition:stroke-dashoffset .25s linear}
.az-ring b{position:absolute;inset:0;display:grid;place-items:center;font:700 clamp(16px,2.4dvh,20px)/1 var(--mono);font-variant-numeric:tabular-nums}
.az-steps{display:grid;gap:6px}
.az-steps li{display:flex;align-items:center;gap:9px;font:500 13px/1.35 var(--body);color:var(--ink-56);transition:color .25s ease}
.az-steps li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.25);transition:background .25s ease,border-color .25s ease}
.az-steps li.is-on{color:#FFFFFF}
.az-steps li.is-on::before{border-color:var(--pink-2);background:var(--pink-2);box-shadow:0 0 0 4px rgba(255,77,125,.18);animation:az-pulse .9s ease-in-out infinite alternate}
.az-steps li.is-done{color:var(--ink-80)}
.az-steps li.is-done::before{border-color:transparent;background:var(--ok)}
@keyframes az-pulse{to{box-shadow:0 0 0 7px rgba(255,77,125,0)}}
.az-narr{display:none;font:600 14px/1.4 var(--body);color:#FFFFFF;text-align:center}
.az[data-scan="running"][data-phase="reveal"] .az-anim{animation:az-out .3s var(--ease) forwards}
@keyframes az-out{to{opacity:0;transform:scale(.97);filter:blur(4px)}}
.az.is-paused .az-beam,.az.is-paused .az-steps li.is-on::before{animation-play-state:paused}

/* Language suggestion (non-blocking) */
.az-hint{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:10px;min-height:38px;padding:4px 4px 4px 6px;border:1px solid var(--line-2);border-radius:999px;background:rgba(11,11,14,.94);font:500 13px/1.3 var(--body);color:var(--ink-80);white-space:nowrap;transform:translate(-50%,-50%);animation:az-hint .45s var(--ease) both}
@keyframes az-hint{from{opacity:0;transform:translate(-50%,-90%)}}
.az-hint__tag{display:grid;place-items:center;min-width:30px;height:24px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.08);font:500 10.5px/1 var(--mono);letter-spacing:.08em;color:#FFFFFF}
.az-hint__link{font-weight:700;color:#FFFFFF;text-decoration:underline;text-decoration-color:rgba(255,77,125,.75);text-underline-offset:3px}
.az-hint__close{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:var(--ink-66);cursor:pointer}
.az-hint__close .ic{width:15px;height:15px}

/* Quiet tools row */
.az-tools{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.az-tools__label{font:500 10.5px/1.3 var(--mono);letter-spacing:.06em;color:var(--ink-56)}
.az-tools__list{display:flex;align-items:center;gap:14px}
.az-tools__list li{position:relative;display:grid}
.az-tool{width:18px;height:18px;object-fit:contain;opacity:.85}
.az:not([data-scan="idle"]) .az-tools,.az:not([data-step="1"]) .az-tools{visibility:hidden}

/* Short desktop windows */
@media (min-width:761px) and (max-height:800px){.az-r__ic{width:26px;height:26px}.az-more{display:none}.az-steps{gap:4px}.az-steps li{font-size:12.5px}}

/* Phones */
@media (max-width:760px){
  .az{padding:12px 16px 14px}
  .az-stage{justify-content:flex-start;padding-top:clamp(16px,5dvh,48px)}
  .az:not([data-scan="idle"]) .az-stage{padding-top:12px}
  .az-hook{font-size:clamp(32px,9.4vw,40px)}
  .az-url{flex-wrap:wrap;border-radius:22px;padding:6px}
  .az-url>.ic{margin-left:12px}
  .az-url .az-btn{flex:1 1 100%}
  .az-r{padding:5px 0}
  .az-r .az-st [data-state-text]{display:none}
  .az-more{display:none}
  .az-end .az-btn{width:100%}
  .az-tools{display:none}
  .az[data-scan="running"] .az-anim{grid-template-columns:minmax(0,1fr);gap:14px}
  .az-vis{max-height:none;aspect-ratio:16/12}
  .az-side{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}
  .az-ring{width:64px}
  .az-steps{display:none}
  .az-narr{display:block;text-align:left}
  .az-hint{position:static;order:3;flex:1 1 100%;transform:none;animation-name:none;justify-content:flex-start}
  .az-top{flex-wrap:wrap;row-gap:10px}
  .az-hint__text{flex:1}
}
@media (max-width:760px) and (max-height:800px){.az[data-scan="done"] .az-hero{display:none}.az[data-scan="done"] .az-stage{padding-top:4px}}
@media (max-width:760px) and (max-height:700px){.az-chips{display:none}.az:not([data-step="1"]) .az-form{padding:16px}.az-step{gap:10px}.az-find{font-size:12px}.az-r{padding:3px 0;gap:10px}.az-end{margin-top:8px;gap:8px}.az-url{min-height:0}.az[data-scan="done"] .az-url input{height:40px}.az-alert{padding:8px 12px}.az-check__text{font-size:12px;line-height:1.4}.az-title{font-size:20px;margin-bottom:4px}}
@media (max-width:420px){.az-actions .az-btn{padding:0 14px;white-space:normal;text-align:center;line-height:1.2}}
@media (max-width:760px) and (max-height:760px){.az-sub{display:none}.az-hook{font-size:clamp(28px,8.4vw,34px)}}
@media (max-width:999px) and (max-height:900px){.az-has-hint .az-sub{display:none}}

/* Reduced motion: a calm progress with the narration only */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;animation-delay:0s!important}
  .az-vis{display:none}
  .az[data-scan="running"] .az-anim{grid-template-columns:minmax(0,1fr)}
  .az-side{grid-template-columns:auto auto;align-items:center;justify-content:center}
}
@media (prefers-reduced-motion:reduce) and (max-width:760px){.az-side{grid-template-columns:auto minmax(0,1fr);justify-content:start}}

/* Retoques de Marcos (2026-11-07): GRATIS en rosa, botón con borde degradado animado y «No tengo web» en degradado */
.az-free{font-weight:800;color:#FF4D7D}
.az-free--btn{margin-left:-3px}
.az:not([data-scan="idle"]) .az-go .az-free{display:none}
.az[data-scan="idle"] .az-go{position:relative;isolation:isolate;overflow:hidden;background:#131316;box-shadow:0 16px 38px -20px rgba(255,31,110,.8)}
.az[data-scan="idle"] .az-go::before{content:"";position:absolute;z-index:0;left:50%;top:50%;width:170%;aspect-ratio:1;background:conic-gradient(from 0deg,rgba(255,31,110,.55) 0 8%,rgba(240,128,60,.35) 30%,rgba(255,31,110,.45) 55%,rgba(255,31,110,.18) 66%,#FF1F6E 79%,#FF4D7D 87%,#F0803C 95%,rgba(255,31,110,.55) 100%);transform:translate3d(-50%,-50%,0) rotate(0deg);animation:az-orbit 4.8s linear infinite;pointer-events:none}
.az[data-scan="idle"] .az-go::after{content:"";position:absolute;z-index:1;inset:2px;border-radius:inherit;background:#131316;pointer-events:none}
.az[data-scan="idle"] .az-go > *{position:relative;z-index:2}
.az-noweb{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-decoration-color:rgba(255,77,125,.55)}
.az-noweb:hover{filter:brightness(1.2)}
@media (prefers-reduced-motion:reduce){.az[data-scan="idle"] .az-go::before{animation:none;background:linear-gradient(96deg,#FF1F6E,#F0803C)}}
.az[data-scan="idle"] .az-hero{width:min(1120px,calc(100vw - 48px))}

/* Campo de la web con borde blanco (distinto del botón en degradado) y subtítulo en blanco */
.az-url{border:1px solid rgba(255,255,255,.7)}
.az-url>.ic{color:rgba(255,255,255,.8)}
.az-sub{color:#FFFFFF}
/* Error en la web: campo, icono, texto y aviso en rojo */
.az-url:has(input[aria-invalid="true"]){border-color:#FF4D5E;box-shadow:0 0 0 4px rgba(255,77,94,.16)}
.az-url:has(input[aria-invalid="true"])>.ic{color:#FF4D5E}
.az-url input[aria-invalid="true"],.az-url input[aria-invalid="true"]::placeholder{color:#FF6B78}
.az-url input[aria-invalid="true"]{caret-color:#FF4D5E}
#e-web,[data-error-for="f-web"],[data-error-for="web"]{color:#FF4D5E}
/* Título animado: entrada suave y brillo que recorre la parte rosa */
.az[data-scan="idle"] .az-hook__a{animation:az-line .7s var(--ease) .05s both}
.az[data-scan="idle"] .az-hook__b{background-image:linear-gradient(96deg,#FF1F6E 0%,#FF4D7D 22%,#FFB38A 40%,#F0803C 55%,#FF4D7D 75%,#FF1F6E 100%);background-size:220% 100%;animation:az-line .7s var(--ease) .22s both,az-flow 6s linear 1s infinite}
.az[data-scan="idle"] .az-sub{animation:az-line .6s var(--ease) .42s both}
@keyframes az-line{from{opacity:0;transform:translateY(16px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}
@keyframes az-flow{from{background-position:0% 50%}to{background-position:-220% 50%}}
@media (prefers-reduced-motion:reduce){.az[data-scan="idle"] .az-hook__a,.az[data-scan="idle"] .az-hook__b,.az[data-scan="idle"] .az-sub{animation:none}}
/* La web ya tiene estudio: aviso con la fecha y WhatsApp en lugar del botón del formulario */
.az-presend{display:grid;justify-items:start;gap:10px;width:100%;padding:16px 18px;border:1px solid rgba(255,77,125,.38);border-radius:16px;background:linear-gradient(135deg,rgba(255,31,110,.12),rgba(240,128,60,.06));animation:az-cascade .5s var(--ease) both}
.az-presend__text{margin:0;font:600 15px/1.5 var(--body);color:#FFFFFF}
.az-presend__text strong{color:#FF4D7D;font-weight:800}
.az-presend .az-done__note{margin:0}
.az-presend__again{padding:2px 0;border:0;background:none;font:600 13px/1.4 var(--body);color:var(--ink-80);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.az-presend__again:hover{color:#FFFFFF}
.az-presend__again:focus-visible{outline:2px solid #FF4D7D;outline-offset:3px;border-radius:4px}
@media (max-width:760px){.az-presend{padding:14px}.az-presend .az-done__wa{width:100%}}
@media (prefers-reduced-motion:reduce){.az-presend{animation:none}}