/* Home v3-1 (/v3-1, teste fora do índice): a primeira dobra no formato de página de vendas, sobre a v3.
   Prova acima da promessa, vídeo acima da dobra, botão com benefício e a prova logo abaixo.
   Texto de no mínimo 14px na página inteira, escuro sobre branco. */
.v31-hero{padding-block:48px 80px;background:var(--white)}
.v31-hero-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-rows:auto 1fr;grid-template-areas:"head video" "action video";gap:32px clamp(40px,5vw,72px);align-items:start}
.v31-head{grid-area:head;display:grid;gap:20px}
/* Faixa laranja com os números do catálogo: fecha o hero e abre os lotes reais */
.v31-band{background:var(--brand);border-block:1px solid rgba(21,26,35,.12)}
.v3 .v31-band p{display:flex;align-items:center;justify-content:center;gap:14px;margin-block:0;padding-block:22px;font-size:18px;line-height:1.35;color:var(--ink);text-align:center}
.v31-band .v3-icon{width:26px;height:26px;flex:none}
.v31-fig{font-size:34px;font-weight:800;font-stretch:var(--stretch-figure);font-variant-numeric:tabular-nums;letter-spacing:-.01em;line-height:1}
.v31-hero h1{font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:1.06;letter-spacing:-.025em;margin:0;text-wrap:balance}
.v31-hero h1 em{font-weight:600;letter-spacing:-.015em;padding-bottom:.06em;background:linear-gradient(transparent 62%,var(--brand-tint) 62%,var(--brand-tint) 90%,transparent 90%)}
.v3 .v31-sub{font-size:clamp(17px,1.35vw,20px);line-height:1.55;margin:0;max-width:52ch;color:#2a313d}

/* Vídeo acima da dobra: mudo, em loop, com o botão de pausa por cima */
.v31-video{grid-area:video;position:relative;margin:0;aspect-ratio:1;border-radius:16px;overflow:hidden;background:var(--ink);box-shadow:0 34px 70px -34px rgba(21,26,35,.55),0 2px 6px rgba(21,26,35,.08)}
.v31-video video{display:block;width:100%;height:100%;object-fit:cover}
.v31-video-link{position:absolute;inset:0;cursor:pointer}
.v31-video-toggle{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:rgba(21,26,35,.66);color:var(--white);transition:background .2s}
.v31-video-toggle:hover{background:rgba(21,26,35,.9)}
.v31-video-toggle .v3-icon{width:18px;height:18px}
.v31-video-toggle .is-play,.v31-video.is-paused .is-pause{display:none}
.v31-video.is-paused .is-play{display:block}

/* Botão com benefício e a prova embaixo */
.v31-action{grid-area:action;display:grid;justify-items:start}
.v31-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:360px;min-height:64px;padding:0 30px;border:0;border-radius:10px;background:var(--brand-strong);color:var(--white);font-size:19px;font-weight:700;white-space:nowrap;box-shadow:0 14px 28px -16px rgba(232,90,0,.75);transition:background .15s,transform .15s var(--v3-ease)}
.v31-cta:hover{background:var(--brand-hover)}
.v31-cta:active{transform:translateY(1px)}
.v31-cta .v3-icon{width:22px;height:22px;transition:transform .25s var(--v3-ease)}
.v31-cta:hover .v3-icon{transform:translateX(3px)}
.v31-trust{display:grid;width:100%;max-width:520px;margin-bottom:18px}
.v3 .v31-members{display:flex;align-items:center;gap:12px;margin:0;font-size:15px;line-height:1.4;color:var(--ink)}
.v31-members strong{font-weight:700}
.v31-faces{display:flex;flex:none}
.v31-faces img{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid var(--white);background:#e2e8f0}
.v31-faces img+img{margin-left:-8px}
.v31-rating{display:grid;gap:2px}
.v31-stars{position:relative;display:inline-flex;width:max-content}
.v31-stars .v3-icon{width:18px;height:18px;flex:none}
.v31-stars-base,.v31-stars-fill{display:flex;gap:2px;white-space:nowrap}
.v31-stars-base{color:#d5dbe3}
.v31-stars-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;width:calc(var(--score) / 5 * 100%);color:var(--brand)}
.v3 .v31-guarantee{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;font-size:15px;line-height:1.45;color:var(--ink)}
.v31-guarantee .v3-icon{color:var(--brand-strong);margin-top:-1px}
.v31-guarantee strong{font-weight:700}

/* Lotes reais logo depois da dobra */
.v31-lots{padding-block:96px 104px}
.v31 .v3-results{padding-top:8px}
.v31-cta-after{margin-top:28px}

/* Texto de no mínimo 14px nas seções herdadas da v3 */
.v31 :is(.v3-offer-intro,.v3-offer-day,.v3-lot-name>span,.v3-lot-figures,.v3-lot-diff span,.v3-ai-toggle,.v3-ai-body .v3-ai-note,.v3-value,.v3-compare-row,.v3-compare-note,.v3-notification small,.v3-voice figcaption span,.v3-offer-fine,.v3-seal strong){font-size:14px}

/* Rodapé compartilhado também com no mínimo 14px, só nesta página */
body:has(.v31) .site-footer :is(.footer-brand p,.footer-title,.footer-legal p,.footer-legal-links,.footer-disclaimer p){font-size:14px}
body:has(.v31) .site-footer .footer-title{letter-spacing:1px}

@media(max-width:959px){
    .v31-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"head" "video" "action";row-gap:22px}
    .v31-video{width:100%;max-width:560px}
}
@media(max-width:600px){
    .v31-hero{padding-block:20px 48px}
    .v31-hero-grid{row-gap:14px}
    .v31-head{gap:10px;text-align:center;justify-items:center}
    .v3 .v31-band p{gap:10px;padding-block:16px;font-size:15px;text-align:left;justify-content:flex-start}
    .v31-band .v3-icon{width:22px;height:22px}
    .v31-fig{font-size:26px}
    .v31-hero h1{font-size:25px;line-height:1.12}
    .v3 .v31-sub{font-size:16px;line-height:1.45}
    .v31-video{width:calc(100% + 12px);margin-inline:-6px}
    .v31-action{justify-items:stretch}
    .v31-cta{width:100%;min-width:0;padding:0 20px;font-size:18px}
    .v31-trust{margin-bottom:14px;justify-self:center}
    .v3 .v31-members{justify-content:center}
    .v31-lots{padding-block:64px}
}