/* POINT UP - Testimonios (página 407) no padrão da Home + animações (24/10/2026). Camada presa a body.page-id-407.
   Reverter = tirar a linha do WPCode. Não muda textos nem links. JS: testimonios-anim.js */

/* ---------- 1. Hero: um peso só (600), palavra digitada em itálico na mesma cor ---------- */
html body.page-id-407 .pu-testi .hero h1,html body.page-id-407 .pu-testi .hero h1 *{font-weight:600 !important;letter-spacing:-.02em !important;color:#151515 !important}
html body.page-id-407 .pu-testi .hero h1{font-size:clamp(40px,4.6vw,76px) !important;line-height:1.04 !important}
html body.page-id-407 .pu-testi .hero h1 .hs-type{font-size:inherit !important;font-style:italic !important;font-weight:500 !important;color:#151515 !important}
html body.page-id-407 .pu-testi .hero h1 .hs-type::after{background:#151515 !important;border-color:#151515 !important}
html body.page-id-407 .pu-testi .hero .lead{color:#4A4944 !important}
/* botões pílula 56 como na Home */
html body.page-id-407 .pu-testi .btn{display:inline-flex !important;align-items:center;gap:14px;height:56px !important;border-radius:100px !important;font:600 16px/1 "Inter Tight",sans-serif !important;text-decoration:none !important;box-shadow:none !important;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .2s ease,color .2s ease}
html body.page-id-407 .pu-testi .btn.k,html body.page-id-407 .pu-testi .btn.y{padding:0 11px 0 26px !important;background:#F4D000 !important;color:#151515 !important;border:0 !important}
html body.page-id-407 .pu-testi .btn.k::after,html body.page-id-407 .pu-testi .btn.y::after{content:"";width:34px;height:34px;border-radius:50%;flex:none;background:#151515 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4D000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat}
html body.page-id-407 .pu-testi .btn.o{padding:0 26px !important;background:transparent !important;color:#151515 !important;border:0 !important;box-shadow:inset 0 0 0 1px rgba(21,21,21,.85) !important}
@media (hover:hover) and (pointer:fine){html body.page-id-407 .pu-testi .btn:hover{transform:translateY(-2px)}html body.page-id-407 .pu-testi .btn.o:hover{background:#151515 !important;color:#fff !important}}
html body.page-id-407 .pu-testi .btn:active{transform:scale(.97)}
/* cartão da nota: raio 24, fio, número grande; estrelas acendem uma a uma (JS) */
html body.page-id-407 .pu-testi .rating{border-radius:28px !important;border:1px solid #E3E1D8 !important;box-shadow:none !important}
html body.page-id-407 .pu-testi .rating .num{font-weight:600 !important;letter-spacing:-.03em !important}
html body.page-id-407 .pu-testi .rating .stars .st{display:inline-block;color:#E3E1D8;transition:color .35s cubic-bezier(.23,1,.32,1),transform .35s cubic-bezier(.23,1,.32,1)}
html body.page-id-407 .pu-testi .rating .stars .st.on{color:#F4D000;transform:scale(1)}

/* ---------- 2. Depoimento em destaque: as palavras "acendem" conforme a rolagem ---------- */
html body.page-id-407 .pu-testi .feat{border-radius:28px !important;border:0 !important;box-shadow:none !important}
html body.page-id-407 .pu-testi .feat blockquote{font-weight:500 !important;letter-spacing:-.01em !important;color:#151515 !important;font-size:clamp(20px,2vw,30px) !important;line-height:1.35 !important}
html body.page-id-407 .pu-testi .feat .qm{color:#151515 !important;font-style:italic}
html.pu-ts-on body.page-id-407 .pu-testi .feat blockquote .tw{color:#151515;opacity:.16;transition:opacity .25s linear}
html.pu-ts-on body.page-id-407 .pu-testi .feat blockquote .tw.on{opacity:1}

/* ---------- 3. Títulos de seção como na Home (44/600, centralizados) ---------- */
html body.page-id-407 .pu-testi .s h2{font:600 clamp(28px,3.1vw,44px)/1.15 "Inter Tight",sans-serif !important;letter-spacing:-.01em !important;color:#151515 !important;text-align:center !important;text-wrap:balance}
html body.page-id-407 .pu-testi .s .s-sub{text-align:center !important;margin-left:auto !important;margin-right:auto !important;color:#4A4944 !important}
html body.page-id-407 .pu-testi .tabs{margin-left:auto !important;margin-right:auto !important;display:flex !important;width:fit-content}
html body.page-id-407 .pu-testi .tabs button{min-height:44px !important;font:600 14px/1 "Inter Tight",sans-serif !important}
html body.page-id-407 .pu-testi .links{justify-content:center !important;display:flex !important;gap:28px}

/* ---------- 4. Cartões de depoimento: raio 20, fio, entrada em cascata e reorganização suave ao filtrar (JS) ---------- */
html body.page-id-407 .pu-testi .card{border-radius:20px !important;border:1px solid #E3E1D8 !important;box-shadow:none !important;transition:border-color .2s ease}
html body.page-id-407 .pu-testi .card p{color:#151515 !important;line-height:1.55 !important}
html body.page-id-407 .pu-testi .card .tag{border-radius:100px !important;font-weight:600 !important}
@media (hover:hover) and (pointer:fine){html body.page-id-407 .pu-testi .card:hover{border-color:#151515 !important}}
html.pu-ts-on body.page-id-407 .pu-testi .grid .card.ts-wait{opacity:0;transform:translateY(18px)}
html.pu-ts-on body.page-id-407 .pu-testi .grid .card.ts-in{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1),border-color .2s ease;transition-delay:var(--d,0ms)}

/* ---------- 5. Fecho escuro: raio 32, botão amarelo da Home ---------- */
html body.page-id-407 .pu-testi .end{border-radius:32px !important}
html body.page-id-407 .pu-testi .end h2{font:600 clamp(28px,3.1vw,44px)/1.15 "Inter Tight",sans-serif !important;letter-spacing:-.01em !important;color:#FFFFFF !important}
html body.page-id-407 .pu-testi .end .addr{border-radius:20px !important}

/* ---------- celular ---------- */
@media (max-width:767px){
  html body.page-id-407 .pu-testi .hero h1{font-size:clamp(32px,9.4vw,44px) !important}
  html body.page-id-407 .pu-testi .hero .btns{flex-direction:column !important;align-items:center !important}
  html body.page-id-407 .pu-testi .hero .btns .btn{width:100%;max-width:340px;justify-content:space-between}
  html body.page-id-407 .pu-testi .hero .btns .btn.o{justify-content:center}
  html body.page-id-407 .pu-testi .card{border-radius:18px !important}
  html body.page-id-407 .pu-testi .end{border-radius:24px !important}
}
@media (prefers-reduced-motion:reduce){
  html.pu-ts-on body.page-id-407 .pu-testi .feat blockquote .tw{opacity:1}
  html.pu-ts-on body.page-id-407 .pu-testi .grid .card.ts-wait{opacity:1;transform:none}
}