/* Página de vendas (home). Prefixo pv-. Desenho aprovado no canvas "Nova página de vendas — Calendário Bíblico 2027". */
:root{--pv-azul:#062B50;--pv-texto:#16324C;--pv-apoio:#4E5F68;--pv-ouro:#80601D;--pv-ouro-claro:#E5CB82;--pv-marfim:#FFFDF8;--pv-areia:#F4F1E7;--pv-linha:#E8E1CF;--pv-oliva:#465E34;--pv-oliva-fundo:#EEF1E6;--pv-verde:#2F7D32;--pv-verde-escuro:#1F6324}
[data-view=home]{color:var(--pv-texto)}
[data-view=home] .container{max-width:1200px}

/* Títulos e textos de apoio */
[data-view=home] .pv-h1{margin:0 0 26px;font-weight:800;font-size:clamp(2.1rem,4.2vw,3.75rem);line-height:1.12;letter-spacing:-.01em;color:var(--pv-azul)}
[data-view=home] .pv-h2{max-width:none;margin:0;font-weight:800;font-size:clamp(1.9rem,3.2vw,2.875rem);line-height:1.15;color:var(--pv-azul)}
[data-view=home] .pv-h3{max-width:none;margin:0;font-weight:800;font-size:clamp(1.6rem,2.4vw,2.125rem);line-height:1.2;color:var(--pv-azul)}
[data-view=home] .pv-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--pv-ouro);font-weight:800;font-size:15px;letter-spacing:.12em;text-transform:uppercase}
[data-view=home] .pv-eyebrow--claro{color:var(--pv-ouro-claro)}
[data-view=home] .pv-eyebrow--oliva{color:var(--pv-oliva)}
[data-view=home] .pv-apoio{margin:14px 0 0;color:var(--pv-apoio)}
.pv-cabeca{text-align:center;max-width:820px;margin:0 auto 40px}
.pv-cabeca .pv-h2,.pv-faixa--areia .month-heading h2{margin-inline:auto;max-width:none}
[data-view=home] .pv-h1,[data-view=home] .pv-h2,[data-view=home] .pv-h3{max-width:none}
[data-view=home] .pv-centro{text-align:center;margin:0}

/* Botão de compra: verde e texto branco. */
.pv-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:64px;padding:0 30px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--pv-verde),var(--pv-verde-escuro));color:#fff!important;font-weight:800;font-size:20px;line-height:1.2;text-decoration:none;box-shadow:0 10px 24px rgba(6,43,80,.18);transition:transform .2s}
.pv-cta:hover{transform:translateY(-2px);color:#fff}
.pv-cta:focus-visible{outline:3px solid var(--pv-azul);outline-offset:3px}
.pv-cta--largo{min-height:68px;font-size:21px}
.pv-cta--peq{min-height:48px;padding:0 18px;gap:8px;font-size:17px;border-radius:12px;box-shadow:none}
.site-header .pv-cta,.mobile-buy .pv-cta{min-height:48px;padding:0 22px;font-size:18px;border-radius:12px;border:0;background:linear-gradient(135deg,var(--pv-verde),var(--pv-verde-escuro));color:#fff}

/* Topo */
.pv-hero{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(32px,6vw,88px)}
.pv-hero-texto{flex:1 1 460px;min-width:0}
[data-view=home] .pv-chip{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:8px 16px;border-radius:999px;background:var(--pv-areia);color:var(--pv-ouro);font-weight:800;font-size:15px;letter-spacing:.12em;text-transform:uppercase}
.pv-destaque{color:var(--pv-ouro)}
.pv-beneficios{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:14px}
.pv-beneficios li{display:flex;gap:14px;align-items:center}
.pv-selo{flex:0 0 36px;height:36px;border-radius:50%;background:var(--pv-azul);color:var(--pv-ouro-claro);display:flex;align-items:center;justify-content:center}
[data-view=home] .pv-preco{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:0 0 18px}
.pv-preco strong{font-weight:800;font-size:clamp(3rem,5vw,4rem);line-height:1;letter-spacing:-.02em;color:var(--pv-azul)}
.pv-preco span{color:var(--pv-apoio)}
.pv-garantias{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 26px;font-size:17px;color:var(--pv-apoio)}
.pv-garantias li{display:inline-flex;align-items:center;gap:8px}
.pv-garantias svg{color:var(--pv-oliva)}
[data-view=home] .pv-whats,[data-view=home] .pv-ajuda{margin:18px 0 0;font-size:17px;color:var(--pv-apoio)}
.pv-whats a,.pv-ajuda a{display:inline-flex;align-items:center;gap:6px;vertical-align:middle;font-weight:700;color:var(--pv-azul)}

/* Carrossel de fotos do topo: só a imagem, troca sozinho */
.pv-fotos{position:relative;flex:1 1 440px;min-width:0;max-width:580px;aspect-ratio:1/1;border-radius:28px;overflow:hidden;background:var(--pv-areia);box-shadow:0 30px 60px rgba(6,43,80,.16)}
.pv-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s ease}
.pv-foto--inteira{object-fit:contain}
.pv-foto.is-ativa{opacity:1}
.pv-fotos-controles{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;align-items:center;gap:2px}
.pv-ponto{width:30px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pv-ponto span{display:block;width:8px;height:8px;border-radius:999px;background:rgba(255,253,248,.65);box-shadow:0 1px 4px rgba(0,0,0,.3);transition:width .3s}
.pv-ponto[aria-current=true] span{width:26px;background:var(--pv-marfim)}
.pv-pausa{width:44px;height:44px;margin-left:6px;border:0;border-radius:50%;background:rgba(6,43,80,.55);color:var(--pv-marfim);cursor:pointer;display:flex;align-items:center;justify-content:center}
.pv-pausa .pv-icone-play,.pv-pausa.is-pausado .pv-icone-pausa{display:none}
.pv-pausa.is-pausado .pv-icone-play{display:block}

/* Faixa areia: letra grande + 12 meses */
.pv-faixa--areia{background:var(--pv-areia)}
.pv-leitura{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(32px,5vw,72px);padding-block:clamp(56px,8vw,104px) clamp(24px,4vw,48px)}
.pv-leitura>img{height:auto;flex:1 1 380px;min-width:0;max-width:500px;aspect-ratio:1/1;object-fit:cover;border-radius:24px;box-shadow:0 20px 44px rgba(6,43,80,.12)}
.pv-leitura>div{flex:1 1 460px;min-width:0}
.pv-leitura .pv-h2{margin-bottom:28px}
.pv-numeros{display:flex;flex-wrap:wrap;gap:14px}
.pv-numeros>div{flex:1 1 150px;background:var(--pv-marfim);border-radius:18px;padding:22px 20px}
.pv-numeros strong{display:block;font-weight:800;font-size:40px;line-height:1.1;color:var(--pv-azul)}
.pv-numeros span{display:block;margin-top:6px;font-size:17px;line-height:1.4;color:var(--pv-apoio)}
.pv-faixa--areia .month-gallery{padding-block:clamp(24px,4vw,48px) clamp(56px,8vw,104px);margin:0;border:0}
.pv-faixa--areia .month-gallery .month-heading{text-align:center}

/* Oferta */
.pv-oferta{padding-block:clamp(56px,8vw,112px)}
.pv-oferta-grade{display:flex;flex-wrap:wrap;align-items:stretch;gap:28px}
.pv-oferta-grade>img{height:auto;flex:1 1 380px;min-width:0;aspect-ratio:1/1;object-fit:cover;border-radius:24px}
.pv-cartao{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:22px;background:#fff;border:1px solid var(--pv-linha);border-radius:24px;padding:clamp(22px,3vw,40px);box-shadow:0 24px 48px rgba(6,43,80,.08)}
.pv-itens{list-style:none;margin:0;padding:0;display:grid;gap:20px}
.pv-itens li{display:flex;gap:16px;align-items:flex-start;color:var(--pv-apoio)}
.pv-itens b{display:block;font-size:21px;color:var(--pv-azul)}
.pv-icone{flex:0 0 52px;height:52px;border-radius:14px;background:var(--pv-areia);color:var(--pv-azul);display:flex;align-items:center;justify-content:center}
.pv-icone--escuro{background:var(--pv-azul);color:var(--pv-ouro-claro)}
.pv-specs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pv-specs li{padding:6px 14px;border-radius:999px;background:var(--pv-areia);font-size:16px;font-weight:600}
.pv-cartao-rodape{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;border-top:1px solid #EFE8D6}
.pv-cartao-rodape p{margin:0}
.pv-cartao-rodape strong{display:block;font-weight:800;font-size:44px;line-height:1;color:var(--pv-azul)}
.pv-cartao-rodape span{font-size:17px;font-weight:700;color:var(--pv-oliva)}

/* Presente */
.pv-brinde{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(20px,3vw,44px);padding:clamp(14px,2vw,24px);border-radius:24px;background:var(--pv-azul);color:var(--pv-marfim)}
.pv-brinde>img{height:auto;flex:0 1 300px;min-width:0;width:300px;aspect-ratio:4/3;object-fit:cover;border-radius:18px}
.pv-brinde>div{flex:1 1 320px;min-width:0;padding:8px}
.pv-brinde .pv-h3{margin-bottom:10px;color:var(--pv-marfim)}
.pv-brinde p:not(.pv-eyebrow){margin:0 0 22px;color:#DBE4EE}

/* Causas */
.pv-causas{background:var(--pv-oliva-fundo);padding-block:clamp(64px,9vw,120px)}
.pv-causas-lista{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:32px}
.pv-causa{flex:1 1 300px;min-width:0;background:var(--pv-marfim);border-radius:22px;overflow:hidden;box-shadow:0 14px 32px rgba(6,43,80,.08)}
.pv-causa>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
.pv-causa>div{padding:22px 22px 26px}
.pv-causa h3{margin:0 0 6px;font-size:24px;line-height:1.25;color:var(--pv-azul)}
.pv-causa p{margin:0;font-size:18px;color:var(--pv-apoio)}
.pv-selos{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 32px;font-weight:600}
.pv-selos li{display:inline-flex;align-items:center;gap:10px}
.pv-selos svg{color:var(--pv-oliva)}
.pv-causas .pv-centro a{font-weight:700;font-size:18px;color:var(--pv-oliva)}

/* Na sua casa */
.pv-casa{padding-block:clamp(56px,8vw,104px) clamp(28px,4vw,48px)}
.pv-casa-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pv-casa-lista img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:22px;box-shadow:0 14px 32px rgba(6,43,80,.10)}

/* Perguntas */
.pv-faq{max-width:860px;padding-block:clamp(28px,4vw,48px) clamp(64px,8vw,112px)}
.pv-faq .pv-h2{text-align:center;margin-bottom:28px}
.pv-faq .pv-ajuda{text-align:center}

/* Chamada final */
.pv-final{background:var(--pv-azul);color:var(--pv-marfim);padding-block:clamp(56px,8vw,104px)}
.pv-final-grade{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(32px,5vw,64px)}
.pv-final-grade>img{height:auto;flex:0 1 340px;min-width:0;width:340px;aspect-ratio:1/1;object-fit:cover;border-radius:24px;box-shadow:0 24px 56px rgba(0,0,0,.35)}
.pv-final-grade>div{flex:1 1 420px;min-width:0}
.pv-final .pv-h2{margin-bottom:18px;color:var(--pv-marfim)}
.pv-final p:not(.pv-eyebrow){color:#DBE4EE}
.pv-final-acao{display:flex;flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:26px}
.pv-final-acao strong{font-weight:800;font-size:48px;line-height:1;color:var(--pv-marfim)}
[data-view=home] .pv-final-nota{margin:22px 0 0;font-size:17px}

/* Celular: oferta primeiro, imagens e detalhes em seguida. */
@media(max-width:760px){
  .pv-hero{gap:24px;padding-block:24px 36px}
  .pv-hero-texto{flex-basis:100%}
  .pv-fotos{flex-basis:100%;border-radius:22px}
  [data-view=home] .pv-h1{font-size:clamp(1.75rem,7.4vw,2.1rem);margin-bottom:18px}
  [data-view=home] .pv-chip{margin-bottom:14px}
  [data-view=home] .pv-preco{margin-bottom:14px}
  .pv-preco strong{font-size:2.75rem}
  .pv-preco span{font-size:1rem}
  .pv-hero .pv-beneficios{margin:22px 0 0;gap:10px;font-size:1.125rem}
  .pv-hero .pv-garantias{margin-top:18px;gap:8px 18px}
  [data-view=home] .pv-chip{font-size:13px;letter-spacing:.06em;padding:7px 14px}
  .pv-h1{font-size:2.1rem}
  .pv-cta--peq{padding:0 14px;font-size:16px;white-space:nowrap}
  .pv-cta--largo{width:100%;padding:0 18px;font-size:19px}
  .pv-numeros>div{padding:16px 14px}
  .pv-numeros strong{font-size:32px}
  .pv-brinde{flex-direction:column;align-items:stretch}
  .pv-brinde>img{width:100%;flex-basis:auto;aspect-ratio:4/3}
  .pv-brinde .pv-cta{width:100%}
  .pv-casa-lista{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px}
  .pv-casa-lista li{flex:0 0 78%;scroll-snap-align:start}
  .pv-final-grade>img{width:100%;flex-basis:auto}
  .pv-final-acao .pv-cta{width:100%}
}
@media(prefers-reduced-motion:reduce){.pv-foto{transition:none}.pv-cta{transition:none}}

.pv-brinde .pv-brinde-nota{font-size:.875rem;margin-top:-10px;color:#dbe4ee}
.mobile-buy.is-suppressed{display:none!important}
@media(max-width:760px){
 html:has(body[data-page-view=home]){scroll-padding-top:84px;scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom))}
 body[data-page-view=home] .site-header .nav{min-height:74px;padding-block:8px;gap:12px}
 body[data-page-view=home] .site-header .church-brand{flex-basis:250px}
 body[data-page-view=home] .site-header .menu-toggle{min-height:48px}
 body[data-page-view=home] .site-header.is-scrolled .nav{min-height:64px;padding-block:6px}
 body[data-page-view=home] .site-header.is-scrolled .church-brand{flex-basis:210px}
 body[data-page-view=home] .mobile-buy{min-height:76px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:12px}
 body[data-page-view=home] .mobile-buy b{font-size:1.5rem}
 body[data-page-view=home] .mobile-buy small{font-size:.875rem;line-height:1.3}
 body[data-page-view=home] .mobile-buy .pv-cta{min-height:48px;font-size:1.0625rem;padding:10px 16px;white-space:normal;text-align:center}
}

.pv-oferta-grade>img,.pv-final-grade>img{object-fit:contain;background:var(--pv-areia)}

.pv-brinde>img{object-fit:contain;background:var(--pv-areia)}
/* Entrega estimada: app.js preenche com hoje + 3 dias úteis (horário de São Paulo) */
.pv-entrega{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:12px;align-items:center;width:100%;max-width:470px;margin:0 0 20px;padding:12px 16px 12px 12px;border:1.5px solid #b9dcc4;border-radius:16px;background:#eef7f1;line-height:1.35}
.pv-entrega::before{content:"";grid-row:1/3;width:44px;height:44px;border-radius:50%;background:#2f7d32 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 4h13v12H1zM14 9h4l4 4v3h-8'/%3E%3Ccircle cx='6' cy='18' r='2'/%3E%3Ccircle cx='18' cy='18' r='2'/%3E%3C/svg%3E") center/24px no-repeat}
.pv-entrega b,.pv-entrega span{display:block;line-height:1.3}
.pv-entrega b{font-size:19px;font-weight:800;color:#174a2b;text-wrap:balance}
.pv-entrega span{font-size:16px;color:#2f6b3f}
.pv-final .pv-entrega{margin:24px 0 0}
.summary-content .pv-entrega{max-width:none;margin:16px 0 0}
.summary-content .pv-entrega b{font-size:17px}
@media(max-width:760px){.pv-entrega{max-width:none}.pv-entrega b{font-size:18px}}
