/* POINT UP - Hero da Home inspirado no roveia.com (24/10/2026) - PRÉVIA. Só computador (>=992px).
   1º momento: painel bege, título centralizado com digitação, foto em cartão, botões e prova social centralizados.
   Ao rolar: o painel fica preso, a foto cresce até ocupar o painel e escurece; o conteúdo vira o hero atual
   (título à esquerda, subtítulo, prova, botões e WhatsApp). Celular/tablet: hero atual (.pu-home-hero) sem mudança. */
@media (max-width:991px){.pu-hx{display:none !important}}
@media (min-width:992px){
  .pu-home-hero{display:none !important}
  .elementor-237 .elementor-element-f8e9d23{padding:0 !important;min-height:0 !important;--min-height:0px}

  .pu-hx,.pu-hx *{box-sizing:border-box}
  .pu-hx{position:relative;height:calc(100vh + 110vh);font-family:"Inter Tight",sans-serif;-webkit-font-smoothing:antialiased;color:#151515;background:#fff}
  .pu-hx .hx-stage{position:sticky;top:0;height:100vh;padding:16px 20px}
  .pu-hx .hx-panel{position:relative;height:100%;border-radius:40px;background:#F3F2EC;overflow:hidden;isolation:isolate}

  /* fotos + efeito */
  .pu-hx .hx-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#151515;will-change:clip-path}
  .pu-hx .hx-photo{position:absolute;inset:0;opacity:0;transition:opacity 1.4s cubic-bezier(.23,1,.32,1)}
  .pu-hx .hx-photo.is-on{opacity:1}
  .pu-hx .hx-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08)}
  .pu-hx .hx-photo.is-on img{animation:hx-drift 9s cubic-bezier(.23,1,.32,1) forwards}
  @keyframes hx-drift{from{transform:scale(1.08)}to{transform:scale(1)}}
  /* faixa de sombra suave que atravessa a foto a cada 10 s */
  .pu-hx .hx-light{position:absolute;top:0;bottom:0;left:0;width:30%;z-index:1;pointer-events:none;
    background:linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.34) 40%,rgba(0,0,0,.34) 60%,rgba(0,0,0,0) 100%);
    animation:hx-sweep 10s cubic-bezier(.77,0,.175,1) infinite;transform:translate3d(-105%,0,0)}
  @keyframes hx-sweep{0%{transform:translate3d(-105%,0,0)}75%,100%{transform:translate3d(345%,0,0)}}
  /* mesma sombra do hero atual (mais escura à esquerda, onde fica o texto) */
  .pu-hx .hx-shade{position:absolute;inset:0;z-index:2;opacity:0;pointer-events:none;background:linear-gradient(90deg,rgba(21,21,21,.82) 0%,rgba(21,21,21,.55) 45%,rgba(21,21,21,.25) 100%)}

  /* botões (iguais aos do hero atual) */
  .pu-hx a.hx-btn{display:inline-flex;align-items:center;gap:14px;height:56px;padding:0 11px 0 26px;border-radius:100px;background:#F4D000;color:#151515 !important;font:600 16px/1 "Inter Tight",sans-serif;text-decoration:none !important;white-space:nowrap;transition:transform .16s cubic-bezier(.23,1,.32,1)}
  .pu-hx a.hx-btn .hx-arrow{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#151515;color:#F4D000}
  .pu-hx a.hx-btn-ghost{background:transparent;color:#151515 !important;box-shadow:inset 0 0 0 1px rgba(21,21,21,.85);padding:0 26px}
  .pu-hx a.hx-btn-line{background:transparent;color:#fff !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.85);padding:0 26px}
  .pu-hx a.hx-btn:active{transform:scale(.97)}
  @media (hover:hover) and (pointer:fine){.pu-hx a.hx-btn:hover{transform:translateY(-2px)}}

  /* 1º momento */
  .pu-hx .hx-a{position:relative;z-index:3;height:100%;display:flex;flex-direction:column;align-items:center;padding:112px 56px 32px;gap:28px}
  .pu-hx .hx-title{font:600 clamp(44px,4.6vw,72px)/1.04 "Inter Tight",sans-serif;letter-spacing:-.02em;text-align:center;margin:0;color:#151515}
  .pu-hx .hx-title .hx-l,.pu-hx .hx-b-title .hx-l{display:block}
  .pu-hx .hx-type{font-style:italic;font-weight:500}
  .pu-hx .hx-type::after{content:"";display:inline-block;width:2px;height:.8em;margin-left:4px;background:currentColor;vertical-align:-.04em;animation:hx-caret 1.05s steps(1) infinite}
  @keyframes hx-caret{50%{opacity:0}}
  .pu-hx .hx-slot{flex:1 1 0;min-height:0;aspect-ratio:16/10;max-width:100%}
  .pu-hx .hx-actions{display:flex;gap:14px;justify-content:center}
  .pu-hx .hx-proof{margin:0;font:500 15px/1.5 "Inter Tight",sans-serif;color:#151515;letter-spacing:.01em}
  .pu-hx .hx-stars{color:#F4D000;letter-spacing:1px;margin-right:6px;-webkit-text-stroke:.3px rgba(21,21,21,.25)}
  .pu-hx .hx-dot{margin:0 6px;opacity:.5}
  .pu-hx .hx-soft{opacity:.6}

  /* 2º momento: igual ao hero atual */
  .pu-hx .hx-b{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:0 60px 56px;color:#fff;opacity:0;pointer-events:none}
  .pu-hx .hx-b.is-live{pointer-events:auto}
  .pu-hx .hx-b-title{font:600 clamp(48px,4.6vw,66px)/1.02 "Inter Tight",sans-serif;letter-spacing:-.02em;margin:0 0 24px;max-width:900px;color:#fff}
  .pu-hx .hx-b-title .hx-type{color:#F4D000}
  .pu-hx .hx-b-sub{margin:0;font:300 23px/1.5 "Inter Tight",sans-serif;color:rgba(255,255,255,.92);max-width:620px}
  .pu-hx .hx-b-proof{margin:12px 0 36px;font:500 15px/1.5 "Inter Tight",sans-serif;letter-spacing:.01em;color:rgba(255,255,255,.78)}
  .pu-hx .hx-b-actions{display:flex;align-items:center;gap:14px}
  .pu-hx a.hx-wa{display:inline-flex;align-items:center;gap:8px;margin-left:14px;padding-left:14px;border-left:1px solid rgba(255,255,255,.35);color:#fff !important;font:600 14.5px/1.6 "Inter Tight",sans-serif;text-decoration:none !important}

  /* entrada (só no carregamento) */
  .pu-hx .hx-w{display:inline-block;opacity:0;transform:translate3d(0,.35em,0);filter:blur(8px);transition:opacity .7s cubic-bezier(.23,1,.32,1),transform .7s cubic-bezier(.23,1,.32,1),filter .7s cubic-bezier(.23,1,.32,1)}
  .pu-hx.is-in .hx-w{opacity:1;transform:none;filter:none}
  .pu-hx .hx-actions,.pu-hx .hx-proof,.pu-hx .hx-media{opacity:0;transition:opacity .8s cubic-bezier(.23,1,.32,1) .75s}
  .pu-hx.is-in .hx-actions,.pu-hx.is-in .hx-proof,.pu-hx.is-in .hx-media{opacity:1}
}
@media (min-width:992px) and (max-height:760px){.pu-hx .hx-a{padding-top:100px;gap:20px}.pu-hx .hx-title{font-size:clamp(38px,3.8vw,56px)}.pu-hx .hx-b-title{font-size:52px}.pu-hx .hx-b-sub{font-size:20px}}
@media (min-width:992px) and (prefers-reduced-motion:reduce){
  .pu-hx .hx-photo.is-on img,.pu-hx .hx-light,.pu-hx .hx-type::after{animation:none}
  .pu-hx .hx-photo img{transform:none}
  .pu-hx .hx-w{transform:none;filter:none;transition:opacity .3s ease}
}