/* Prodígito · Elementor · ganchos ps-* (v1)
   Como usar: Aparência > Personalizar > CSS adicional (grátis), ou Elementor > Configurações do site > CSS personalizado (Pro),
   ou enfileire este arquivo. Nenhuma regra mexe em body, a, h1–h6 nem em classes do tema. */
:root{--brand-green:#67ED3F;--brand-aqua:#19EFC7;--ink:#001720;--white:#FFFFFF;--surface-raised:#F0F6F5;--text-muted:#41606C;--border:#DCE8E6;--border-strong:#5E7882;--focus-ring:#001720;--danger:#B42318;
--ps-grad:linear-gradient(90deg,#67ED3F 0%,#19EFC7 100%);--ps-grad-d:linear-gradient(135deg,#67ED3F 0%,#19EFC7 100%);
--ps-shadow-md:0 12px 32px rgba(0,23,32,.12);--ps-glow:0 16px 48px rgba(25,239,199,.35);
--gradient-brand:var(--ps-grad);--gradient-brand-diagonal:var(--ps-grad-d);--shadow-md:var(--ps-shadow-md);--shadow-glow:var(--ps-glow);--shadow-sm:0 1px 2px rgba(0,23,32,.10),0 1px 1px rgba(0,23,32,.06);
--font-display:"Shameimaru Sans","Lato",system-ui,sans-serif;--font-text:"Lato",system-ui,-apple-system,"Segoe UI",sans-serif;
--surface:#FFFFFF;--text:#001720;--on-accent:#001720;--link:#001720;
--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--radius-pill:9999px;
--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px}

/* 0. widgets HTML: ponha a classe ps-html no widget (e ps-on-ink se o fundo for escuro). Tudo o que vem do pacote fica escopado nela */
.ps-html,.ps-html *,.ps-html *::before,.ps-html *::after{box-sizing:border-box}
.ps-html{font-family:var(--font-text);font-size:16px;line-height:26px;color:var(--ink);-webkit-font-smoothing:antialiased}
.ps-html.ps-on-ink{color:#fff}
.ps-html h1,.ps-html h2,.ps-html h3,.ps-html h4,.ps-html p,.elementor .ps-html h1,.elementor .ps-html h2,.elementor .ps-html h3,.elementor .ps-html h4,.elementor .ps-html p{color:inherit;margin:0}
.ps-html svg{display:block}
.mag{transition:translate .25s ease-out}

/* 1. texto: dentro do widget Título, use <span class="ps-gt">…</span> (fundo escuro) ou <span class="ps-hl">…</span> (fundo claro) */
.ps-gt{background:var(--ps-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ps-gt.ps-shine{background-size:200% 100%;animation:ps-shine 5s ease-in-out infinite alternate}
.ps-hl{background:var(--ps-grad);color:var(--ink);padding:0 .14em;border-radius:.2em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@keyframes ps-shine{from{background-position:0% 50%}to{background-position:100% 50%}}

/* 2. botões: classe no widget Botão (Avançado > Classes CSS). Combine: ps-btn + variante + tamanho */
.elementor-widget-button.ps-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 24px;border:2px solid transparent;border-radius:9999px;font:700 16px/24px var(--font-text);letter-spacing:0;text-decoration:none;transition:box-shadow .2s,transform .2s,background .2s,color .2s;white-space:nowrap}
.elementor-widget-button.ps-btn--sm .elementor-button{height:36px;padding:0 16px;font-size:14px}
.elementor-widget-button.ps-btn--lg .elementor-button{height:56px;padding:0 32px;font-size:18px}
.elementor-widget-button.ps-btn--primary .elementor-button{background:var(--ps-grad);color:var(--ink)}
.elementor-widget-button.ps-btn--primary .elementor-button:hover{box-shadow:var(--ps-glow);transform:translateY(-1px)}
.elementor-widget-button.ps-btn--ink .elementor-button{background:var(--ink);color:#fff}
.elementor-widget-button.ps-btn--ink .elementor-button:hover{box-shadow:var(--ps-shadow-md);transform:translateY(-1px)}
.elementor-widget-button.ps-btn--ghost .elementor-button{background:transparent;color:#fff;border-color:#fff}
.elementor-widget-button.ps-btn--ghost .elementor-button:hover{background:#fff;color:var(--ink)}
.elementor-widget-button.ps-btn--full .elementor-button{width:100%}
.elementor-widget-button.ps-btn .elementor-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.elementor-widget-button.ps-btn--ghost .elementor-button:focus-visible,.ps-on-ink .elementor-widget-button.ps-btn .elementor-button:focus-visible{outline-color:var(--brand-aqua)}
.elementor-widget-button.ps-more .elementor-button{background:transparent;border:0;height:auto;padding:0;justify-content:flex-start;font:700 14px/20px var(--font-text);color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.elementor-widget-button.ps-more .elementor-button-icon svg{width:18px;height:18px}

/* 3. etiquetas (tag): classe no widget Título */
.elementor-widget-heading.ps-tag .elementor-heading-title{display:inline-flex;align-items:center;height:32px;padding:0 16px;border-radius:9999px;font:700 12px/16px var(--font-text);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.elementor-widget-heading.ps-tag--filled .elementor-heading-title{background:var(--ps-grad);color:var(--ink)}
.elementor-widget-heading.ps-tag--soft .elementor-heading-title{background:var(--surface-raised);color:var(--ink)}
.elementor-widget-heading.ps-tag--on-ink .elementor-heading-title{border:2px solid var(--brand-aqua);color:var(--brand-aqua);height:32px}

/* 4. cartões e logos: classe no Container */
.ps-card{transition:box-shadow .2s,transform .2s}
.ps-card:hover{box-shadow:var(--ps-shadow-md);transform:translateY(-2px)}
.ps-icon-circle{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ps-grad-d);color:var(--ink)}
.ps-icon-circle .elementor-icon{color:var(--ink)}
.ps-photo{position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(120% 80% at 85% 0%,rgba(25,239,199,.30),transparent 60%),linear-gradient(160deg,#0A2733 0%,#0E3340 100%)}
.ps-photo::before{content:"";position:absolute;left:50%;top:26%;width:32%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.14);translate:-50% 0}
.ps-photo::after{content:"";position:absolute;left:50%;bottom:-2%;width:70%;height:42%;border-radius:50% 50% 0 0/70% 70% 0 0;background:rgba(255,255,255,.14);translate:-50% 0}
/* troque pela foto autorizada: widget Imagem com a mesma proporção e raio; remova ps-photo do container */

/* 5. links claros sobre fundo escuro (rodapé) e menu */
.ps-navlinks a{padding:8px 0;border-bottom:3px solid transparent;transition:border-color .2s}
.ps-navlinks a:hover{border-bottom-color:var(--brand-green)}
.ps-foot a{color:#C5D6DB;text-decoration:none;transition:color .2s}
.ps-foot a:hover{color:#fff}

/* 6. posição */
.ps-sticky{position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.ps-wa{position:fixed!important;right:24px;bottom:24px;z-index:20;width:auto!important}
.ps-herobg{position:absolute!important;inset:0;width:100%!important;max-width:none!important;z-index:0;pointer-events:none;margin:0!important}
.ps-z1{position:relative;z-index:1}
.elementor [id]{scroll-margin-top:96px}

/* 7. o Pixel lê seleção e cópia como interesse: decoração não deve ser selecionável */
.ps-nosel,.ps-nosel *{-webkit-user-select:none;user-select:none}

/* 8. animação: entrada do hero (.ps-in + atraso) e revelar ao rolar (.ps-rv, colunas 2–4 com .ps-rv-2…4) */
.ps-in{animation:ps-in .9s cubic-bezier(.2,.8,.2,1) both}
.ps-in-1{animation-delay:.1s}.ps-in-2{animation-delay:.2s}.ps-in-3{animation-delay:.3s}.ps-in-4{animation-delay:.4s}
@keyframes ps-in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@supports (animation-timeline: view()){
  .ps-rv{animation:ps-rv linear both;animation-timeline:view();animation-range:entry 0% entry 42%}
  .ps-rv-2{animation-range:entry 6% entry 48%}.ps-rv-3{animation-range:entry 12% entry 54%}.ps-rv-4{animation-range:entry 18% entry 60%}
  .ps-hl-anim{background-repeat:no-repeat;animation:ps-sweep linear both;animation-timeline:view();animation-range:entry 35% cover 30%}
  .ps-scrollbar{transform-origin:0 50%;animation:ps-progress linear both;animation-timeline:scroll(root)}
}
@keyframes ps-rv{from{opacity:0;translate:0 44px}to{opacity:1;translate:0 0}}
@keyframes ps-sweep{from{background-size:0% 100%}to{background-size:100% 100%}}
@keyframes ps-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

/* ===== componentes dos widgets HTML (extraídos do pacote da Home) ===== */

.e-con.ps-seg-wide{grid-column:1/-1}
.e-con.ps-segs{grid-template-rows:none!important;grid-auto-rows:auto}
.ps-icon-circle{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.ps-card:hover .ps-icon-circle{transform:rotate(-8deg) scale(1.08)}
.ps-more .elementor-button-icon{transition:transform .2s}
.ps-card:hover .ps-more .elementor-button-icon{transform:translateX(5px)}
.ps-html .lg.lg--img{border:1px solid var(--border);background:#fff;padding:0 24px}
.ps-html .lg.lg--img:hover{background:#fff}
.ps-html .lg.lg--img img{display:block;max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain}
.ps-html .pd-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:48px;padding:0 var(--space-5);border:2px solid transparent;border-radius:var(--radius-pill);font:700 16px/24px var(--font-text);text-decoration:none;cursor:pointer;transition:box-shadow .2s,transform .2s,background .2s;white-space:nowrap}
.ps-html .pd-btn--primary{background:var(--gradient-brand);color:var(--on-accent)}
.ps-html .pd-btn--primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}
.ps-html .pd-btn--secondary{background:transparent;color:var(--text);border-color:var(--text)}
.ps-html .pd-btn--secondary:hover{background:var(--text);color:var(--surface)}
.ps-html .pd-btn--on-ink{background:transparent;color:var(--white);border-color:var(--white)}
.ps-html .pd-btn--on-ink:hover{background:var(--white);color:var(--ink)}
.ps-html .pd-btn--solid{background:var(--ink);color:var(--white)}
.ps-html .pd-btn--solid:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
.ps-html .pd-btn--sm{height:36px;padding:0 var(--space-4);font-size:14px}
.ps-html .pd-btn--lg{height:56px;padding:0 var(--space-6);font-size:18px}
.ps-html .pd-btn:focus-visible,.ps-html .pd-input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.ps-html .pd-btn--ink-ring:focus-visible{outline-color:var(--brand-aqua)}
.ps-html .pd-btn[disabled]{background:var(--surface-raised);color:var(--text-muted);border-color:var(--border-strong);cursor:not-allowed;box-shadow:none;transform:none}
.ps-html .pd-ico{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ps-html .pd-btn svg{width:20px;height:20px;flex:none}
.ps-html .pd-tag{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-4);border-radius:var(--radius-pill);font:700 12px/16px var(--font-text);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.ps-html .pd-tag--filled{background:var(--gradient-brand);color:var(--on-accent)}
.ps-html .pd-tag--outline{border:2px solid var(--text);color:var(--text)}
.ps-html .pd-tag--soft{background:var(--surface-raised);color:var(--text)}
.ps-html .pd-tag--on-ink{border:2px solid var(--brand-aqua);color:var(--brand-aqua)}
.ps-html .pd-tag__dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.ps-html .pd-field{display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-text)}
.ps-html .pd-field__label{font:700 14px/20px var(--font-text);color:var(--text)}
.ps-html .pd-input{width:100%;height:52px;padding:0 var(--space-4);border:2px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font:400 16px/24px var(--font-text)}
.ps-html textarea.pd-input{height:120px;padding:var(--space-3) var(--space-4);resize:vertical}
.ps-html .pd-input::placeholder{color:var(--text-muted);opacity:1}
.ps-html .pd-input:focus{border-color:var(--text)}
.ps-html .pd-field__hint{font-size:12px;line-height:18px;color:var(--text-muted)}
.ps-html .pd-field--error .pd-input{border-color:var(--danger)}
.ps-html .pd-field__error{display:flex;gap:var(--space-2);align-items:center;font:700 12px/18px var(--font-text);color:var(--danger)}
.ps-html .pd-field__error svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ps-html .pd-check{display:flex;gap:var(--space-3);align-items:flex-start;font-size:14px;line-height:22px;color:var(--text)}
.ps-html .pd-check input{width:22px;height:22px;margin:0;accent-color:var(--ink);flex:none}
.ps-html .st-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-7);border-radius:var(--radius-xl);background:var(--white);color:var(--ink);box-shadow:var(--shadow-md)}
.ps-html .st-form .pd-input{background:var(--white);color:var(--ink);border-color:#5E7882}
:root{--brand-green:#67ED3F;--brand-aqua:#19EFC7;--ink:#001720;--white:#FFFFFF;
  --surface:#FFFFFF;--surface-raised:#F0F6F5;--surface-ink:#001720;
  --text:#001720;--text-muted:#41606C;--on-accent:#001720;
  --border:#DCE8E6;--border-strong:#5E7882;--link:#001720;--focus-ring:#001720;--danger:#B42318;
  --gradient-brand:linear-gradient(90deg,#67ED3F 0%,#19EFC7 100%);
  --gradient-brand-diagonal:linear-gradient(135deg,#67ED3F 0%,#19EFC7 100%);
  --font-display:"Shameimaru Sans","Lato",system-ui,sans-serif;
  --font-text:"Lato",system-ui,-apple-system,"Segoe UI",sans-serif;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;
  --container:1200px;
  --radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:40px;--radius-pill:9999px;
  --shadow-sm:0 1px 2px rgba(0,23,32,.10),0 1px 1px rgba(0,23,32,.06);
  --shadow-md:0 12px 32px rgba(0,23,32,.12);
  --shadow-glow:0 16px 48px rgba(25,239,199,.35);}
.ps-html .photo{position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(120% 80% at 85% 0%,rgba(25,239,199,.30),transparent 60%),linear-gradient(160deg,#0A2733 0%,#0E3340 100%)}
.ps-html .photo::before{content:"";position:absolute;left:50%;top:26%;width:32%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.14);translate:-50% 0}
.ps-html .photo::after{content:"";position:absolute;left:50%;bottom:-2%;width:70%;height:42%;border-radius:50% 50% 0 0/70% 70% 0 0;background:rgba(255,255,255,.14);translate:-50% 0}
.ps-html .photo--round{border-radius:50%}
.ps-html .photo__tag{position:absolute;z-index:2;top:12px;left:12px;width:max-content;max-width:calc(100% - 24px);padding:6px 10px;border-radius:9999px;background:rgba(255,255,255,.12);color:#C5D6DB;font:700 10px/14px var(--font-text);letter-spacing:.1em;text-transform:uppercase}
.ps-html .hero__cta{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap}
.mag{transition:translate .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s,transform .2s,background .2s}
.ps-html .avs{display:flex;align-items:center;margin-top:40px}
.ps-html .avs .photo{width:48px;height:48px;border:3px solid var(--ink);margin-left:-14px}
.ps-html .avs .photo:first-child{margin-left:0}
.ps-html .avs p{margin:0 0 0 16px;font-size:14px;line-height:22px;color:#C5D6DB}
.ps-html .hero__art{position:relative;height:540px}
.ps-html .hero__disc{position:absolute;right:-10px;bottom:-10px;width:400px;height:400px;border-radius:50%;background:var(--gradient-brand-diagonal);box-shadow:var(--shadow-glow);z-index:1}
.ps-html .hero__photo{position:absolute;left:40px;top:0;width:340px;height:500px;border-radius:40px;padding:6px;background:var(--gradient-brand-diagonal);z-index:2;box-sizing:border-box}
.ps-html .hero__photo .photo{width:100%;height:100%;border-radius:34px}
.ps-html .fc{position:absolute;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 20px 12px 12px;border-radius:24px;background:var(--white);color:var(--ink);box-shadow:var(--shadow-md);translate:calc(var(--mx,0)*var(--px,20)*1px) calc(var(--my,0)*var(--px,20)*1px);transition:translate .25s ease-out;animation:pop .7s cubic-bezier(.2,.8,.2,1) both,float 6s ease-in-out infinite alternate;animation-delay:var(--d,0s),var(--d,0s)}
.ps-html .fc__ic{width:44px;height:44px;border-radius:50%;background:var(--gradient-brand-diagonal);display:grid;place-items:center;flex:none}
.ps-html .fc__ic svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ps-html .fc b{display:block;font:700 14px/18px var(--font-text)}
.ps-html .fc small{display:block;font-size:12px;line-height:16px;color:var(--text-muted)}
.ps-html .in{animation:in .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes in{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;scale:.8}to{opacity:1;scale:1}}@keyframes float{from{transform:translateY(-6px)}to{transform:translateY(8px)}}@keyframes shine{from{background-position:0% 50%}to{background-position:100% 50%}}.ps-html .hero__net{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.4) 0%,#000 60%);mask-image:linear-gradient(90deg,rgba(0,0,0,.4) 0%,#000 60%)}
.ps-html .hero__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.ps-html .aur{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform;translate:calc(var(--mx,0)*var(--k,-30)*1px) calc(var(--my,0)*var(--k,-30)*1px);transition:translate .8s ease-out}
.ps-html .aur--a{width:620px;height:620px;left:-200px;top:-220px;background:rgba(103,237,63,.20);--k:-44;animation:drift1 22s ease-in-out infinite alternate}
.ps-html .aur--b{width:700px;height:700px;right:-220px;top:20px;background:rgba(25,239,199,.26);--k:34;animation:drift2 26s ease-in-out infinite alternate}
.ps-html .aur--c{width:780px;height:460px;left:28%;bottom:-300px;background:rgba(25,239,199,.14);--k:-22;animation:drift3 30s ease-in-out infinite alternate}
@keyframes drift1{from{transform:translate(0,0) scale(1)}to{transform:translate(180px,140px) scale(1.22)}}@keyframes drift2{from{transform:translate(0,0) scale(1.1)}to{transform:translate(-200px,120px) scale(.88)}}@keyframes drift3{from{transform:translate(0,0) scale(1)}to{transform:translate(220px,-60px) scale(1.25)}}.ps-html .hero__spot{position:absolute;inset:0;background:radial-gradient(380px circle at calc((var(--mx,-2) + .5)*100%) calc((var(--my,-2) + .5)*100%),rgba(25,239,199,.09),transparent 70%)}
.ps-html .hero__halo{position:absolute;left:-60px;top:-30px;width:520px;height:560px;border-radius:50%;background:radial-gradient(closest-side,rgba(25,239,199,.34),transparent 72%);animation:breathe 6s ease-in-out infinite alternate;z-index:0}
@keyframes breathe{from{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}.ps-html .marquee{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ps-html .track{display:flex;width:max-content;animation:scroll 40s linear infinite}
.ps-html .marquee:hover .track{animation-play-state:paused}
.ps-html .group{display:flex;gap:24px;padding-right:24px}
.ps-html .lg{display:grid;place-items:center;width:200px;height:72px;flex:none;border-radius:16px;background:var(--surface-raised);border:2px dashed var(--border-strong);font:700 12px/16px var(--font-text);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);text-align:center;padding:0 12px;box-sizing:border-box;transition:background .2s,transform .2s}
.ps-html .lg:hover{background:var(--surface);transform:translateY(-3px)}
@keyframes scroll{to{transform:translateX(-50%)}}.ps-html .segcard .photo{height:150px;border-radius:16px}
.ps-html .steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ps-html .step{position:relative;padding-top:64px}
.ps-html .step__node{position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;border:4px solid var(--brand-green);background:var(--ink);transition:background .3s}
.ps-html .step:hover .step__node{background:var(--brand-green)}
.ps-html .step__line{position:absolute;top:8px;left:20px;right:-24px;height:4px;background:var(--gradient-brand);transform-origin:0 50%}
.ps-html .step:last-child .step__line{display:none}
.ps-html .step__n{font:700 56px/56px var(--font-display);letter-spacing:-.03em}
.ps-html .step h3{font:700 24px/30px var(--font-display);margin:12px 0 8px}
.ps-html .step p{font-size:15px;line-height:24px;color:#C5D6DB;max-width:26ch}
.ps-html .metodo__vis{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;margin-top:72px;align-items:stretch}
.ps-html .metodo__vis .photo{min-height:400px;border-radius:40px}
.ps-html .report{background:var(--white);color:var(--ink);border-radius:40px;padding:32px;display:flex;flex-direction:column;gap:24px}
.ps-html .report__top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.ps-html .report__top b{font:700 22px/28px var(--font-display)}
.ps-html .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ps-html .kpi{background:var(--surface-raised);border-radius:16px;padding:16px}
.ps-html .kpi strong{display:block;font:700 36px/40px var(--font-display);letter-spacing:-.02em}
.ps-html .kpi span{font-size:13px;line-height:18px;color:var(--text-muted)}
.ps-html .bars{display:flex;align-items:flex-end;gap:10px;height:130px;margin-top:auto;border-bottom:2px solid var(--border)}
.ps-html .bar{flex:1;height:calc(var(--h)*1%);border-radius:8px 8px 4px 4px;background:var(--ink);transform-origin:50% 100%}
.ps-html .bar.hi{background:var(--gradient-brand)}
.ps-html .report small{font-size:12px;line-height:18px;color:var(--text-muted)}
.ps-html .tperson .photo{width:56px;height:56px;flex:none}
.ps-html .who .photo{height:260px;border-radius:40px;border:3px solid var(--ink)}
.ps-html .st-form{display:flex;flex-direction:column;gap:16px;padding:48px;border-radius:40px;background:var(--white);color:var(--ink);box-shadow:var(--shadow-md)}
.ps-html .st-form .pd-input{background:var(--white);color:var(--ink);border-color:#5E7882}
.ps-html .st-form .pd-field__label{color:var(--ink)}
.ps-html .st-form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ps-html .pd-input.sel{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#001720 50%),linear-gradient(135deg,#001720 50%,transparent 50%);background-position:calc(100% - 24px) 23px,calc(100% - 18px) 23px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px}
.ps-html .pd-input{transition:box-shadow .2s,border-color .2s}
.ps-html .pd-input:focus{box-shadow:0 0 0 4px rgba(25,239,199,.45)}
.ps-html .thanks{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:48px;border-radius:40px;background:var(--white);color:var(--ink);box-shadow:var(--shadow-md);animation:in .6s cubic-bezier(.2,.8,.2,1) both}
.ps-html .thanks h3{font:700 32px/38px var(--font-display);letter-spacing:-.01em}
.ps-html .thanks p{font-size:16px;line-height:26px;max-width:46ch}
.ps-html .thanks__ic{width:72px;height:72px;border-radius:50%;background:var(--gradient-brand-diagonal);display:grid;place-items:center}
.ps-html .thanks__ic svg{width:36px;height:36px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ps-html .ftabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.ps-html .ftab{height:44px;padding:0 20px;border-radius:9999px;border:2px solid var(--border-strong);background:var(--surface);color:var(--text);font:700 14px/20px var(--font-text);cursor:pointer;transition:background .2s,transform .2s,border-color .2s}
.ps-html .ftab:hover{transform:translateY(-2px)}
.ps-html .ftab.on{background:var(--gradient-brand);border-color:transparent;color:var(--on-accent)}
.ps-html .ftab:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.ps-html details.q{background:var(--surface-raised);border:1px solid var(--border);border-radius:16px;margin-bottom:8px;transition:box-shadow .2s}
.ps-html details.q:hover{box-shadow:var(--shadow-sm)}
.ps-html details.q summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;font:700 16px/24px var(--font-text);color:var(--text);border-radius:16px}
.ps-html details.q summary::-webkit-details-marker{display:none}
.ps-html details.q summary::after{content:"+";flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--surface);border:2px solid var(--border-strong);font:700 18px/1 var(--font-text);transition:transform .3s}
.ps-html details.q[open] summary::after{content:"\2212";background:var(--gradient-brand);border-color:transparent;transform:rotate(180deg)}
.ps-html details.q summary:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}
.ps-html details.q p{margin:0;padding:0 24px 22px;font-size:15px;line-height:24px;color:var(--text-muted);max-width:68ch}
.ps-html details.q[open] p{animation:fd .35s ease both}
@keyframes fd{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.ps-html .bgrid .st-case__body .pd-tag{align-self:flex-start}
@supports (animation-timeline: view()){.ps-html .steps>*,.ps-html .metodo__vis>*,.ps-html .st-form{animation:rv linear both;animation-timeline:view();animation-range:entry 0% entry 42%}
.ps-html .steps>:nth-child(4n+2){animation-range:entry 6% entry 48%}
.ps-html .steps>:nth-child(4n+3){animation-range:entry 12% entry 54%}
.ps-html .steps>:nth-child(4n){animation-range:entry 18% entry 60%}
.ps-html .step__line{animation:draw linear both;animation-timeline:view();animation-range:entry 30% cover 40%}
.ps-html .bar{animation:grow linear both;animation-timeline:view();animation-range:entry 20% cover 35%}
}@keyframes rv{from{opacity:0;translate:0 44px}to{opacity:1;translate:0 0}}@keyframes draw{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes sweep{from{background-size:0% 100%}to{background-size:100% 100%}}@keyframes progress-x{to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.ps-html .marquee{overflow-x:auto}
}@media (max-width:1023px){.ps-html .hero__art{max-width:520px}
.ps-html .steps{grid-template-columns:repeat(2,1fr);row-gap:48px}
.ps-html .step:nth-child(2) .step__line{display:none}
.ps-html .metodo__vis{grid-template-columns:1fr;gap:48px}
}@media (max-width:699px){.ps-html .hero__art{height:440px}
.ps-html .hero__photo{width:250px;height:380px;left:20px}
.ps-html .hero__disc{width:280px;height:280px}
.ps-html .fc{padding:8px 14px 8px 8px}
.ps-html .hero__cta .pd-btn{width:100%}
.ps-html .steps,.ps-html .st-form .row,.ps-html .kpis{grid-template-columns:1fr}
.ps-html .step__line{display:none}
.ps-html .st-form,.ps-html .thanks{padding:24px;border-radius:24px}
}.ps-html .thanks[hidden],.ps-html .st-form[hidden],.ps-html .faq-panel[hidden]{display:none}
.ps-html .pd-field__error{margin:0}
.ps-html .fc,.ps-html .marquee,.ps-html .report,.ps-html .pd-btn,.ps-html .ftab,.ps-html .photo__tag,.ps-html .lg{-webkit-user-select:none;user-select:none}
