/* PROMPT 03: regras públicas após os estilos-base; sem mudanças de marca ou fotos reais. */
[hidden]{display:none!important}
.somente-leitor{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.pagina-publica .limite{width:min(1800px,calc(100% - 64px))}
.pagina-publica .topo-interno{min-height:44px}
.pagina-publica .hero-interno{min-height:360px;grid-template-columns:27% 39% 34%}
.pagina-publica .hero:after{background:linear-gradient(90deg,#11100f33 20%,#11100fd9 34%,#11100fe6 60%,transparent 78%)}
.pagina-publica .hero-textos{padding:30px 12px}
.pagina-publica .hero h1{font-size:clamp(2.8rem,3.7vw,4.3rem)}
.pagina-publica .slogan{font-size:clamp(1.4rem,1.8vw,2rem);color:var(--brand-taupe)}
.pagina-publica .marca{width:clamp(280px,23vw,390px);bottom:-48px;padding:0}
.pagina-publica .marca img{border:0;border-radius:0}
/* Matriz opaca preservada. Substituição por derivação alfa fiel ainda pendente. */
.vitrine{padding:76px 66px 24px;min-height:190px}
.vitrine h2{font-size:clamp(1.2rem,1.8vw,1.8rem);margin:0 0 44px 30%;color:var(--text)}
.estado-catalogo{text-align:center;padding:24px 0;margin:0;min-height:75px}
.carrossel{position:relative}
.grade-promocoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:0;align-items:stretch}
.card-promocao{position:relative;display:grid;grid-template-columns:42% minmax(0,1fr);gap:12px;padding:20px 16px;min-height:260px;align-items:center;background:var(--surface-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px #211e1b08;overflow:visible}
.card-promocao .foto{object-fit:contain;aspect-ratio:1;width:100%;height:auto;background:white}
.card-promocao .estrela{width:116px;right:-20px;top:-42px;z-index:1;pointer-events:none}
.card-dados{min-width:0;position:relative}
.card-promocao h3{font-size:1.05rem;line-height:1.25;margin:8px 12px 14px 0;overflow-wrap:anywhere}
.card-promocao p{margin:0 0 6px}
.preco-original{font-size:.9rem;color:var(--text-muted)}
.preco-promocional{font-size:clamp(1.25rem,1.6vw,1.9rem);font-weight:800;line-height:1.25;overflow-wrap:anywhere;color:var(--text)}
.card-promocao .botao{margin-top:12px;min-height:44px;padding:10px 14px;font-size:.9rem;width:100%;color:white;background:var(--brand-brown)}
.card-promocao .botao:hover{background:var(--brand-brown-deep)}
.seta{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:50%;border:1px solid var(--brand-bronze);background:white;color:var(--brand-bronze);font-size:2rem;text-decoration:none;line-height:1;cursor:pointer}
.seta:disabled,.seta.desabilitada{opacity:.45;cursor:default}
.carrossel>.seta{position:absolute;top:50%;transform:translateY(-50%)}
.carrossel>.anterior{left:-62px}.carrossel>.proximo{right:-62px}
.indicador,.paginacao{margin:22px 0 0;text-align:center;color:var(--text-muted);min-height:24px}
.pagina-publica .beneficios{padding-block:20px}
.pagina-publica .beneficios p{font-size:.95rem}
.pagina-publica .entrega-interna{min-height:140px;padding:24px 145px 24px 40px;gap:32px}
.pagina-publica .entrega svg{width:86px;height:70px}
.pagina-publica .entrega h2{font-size:clamp(1.5rem,2vw,2.2rem)}
.pagina-publica .rodape-interno{min-height:80px;padding:20px 130px 20px 0}
.pagina-publica .whatsapp{width:100px;height:100px;right:18px;bottom:calc(18px + env(safe-area-inset-bottom))}
/* Keep floating contact outside reading and action areas wherever possible. */
@media(min-width:1200px){.vitrine{padding-right:112px}.pagina-publica .beneficios{padding-right:120px}}
@media(min-width:768px) and (max-width:1199px){
 .grade-promocoes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .pagina-publica .hero-interno{grid-template-columns:30% 49% 21%;min-height:350px}
 .pagina-publica .marca{width:28vw;min-width:210px;bottom:-30px}
 .pagina-publica .hero-textos{background:#11100f88;border-radius:12px}
 .vitrine{padding-inline:56px}.card-promocao{min-height:240px;padding:16px 12px}
 .card-promocao .estrela{width:92px;top:-34px;right:-16px}
 .carrossel>.anterior{left:-54px}.carrossel>.proximo{right:-54px}
 .pagina-publica .whatsapp{width:76px;height:76px}
}
@media(max-width:767px){
 .pagina-publica .limite{width:calc(100% - 32px)}
 .pagina-publica .hero-interno{display:flex;min-height:365px;justify-content:flex-start;align-items:center}
 .pagina-publica .hero:after{background:linear-gradient(#11100fcc 0%,#11100fb3 45%,#11100f33 100%)}
 .pagina-publica .hero-textos{padding:24px 0 8px}
 .pagina-publica .hero h1{font-size:2.7rem;margin-bottom:12px}
 .pagina-publica .slogan{font-size:1.38rem;max-width:360px;margin-bottom:12px}
 .pagina-publica .apoio{font-size:.9rem;max-width:300px;margin-inline:auto}
 .pagina-publica .marca{position:relative;width:65%;max-width:290px;min-width:0;bottom:auto;left:auto;margin:0 auto -24px;padding:0}
 .vitrine{padding:58px 10px 22px;min-height:150px}
 .vitrine h2{margin:0 0 40px;font-size:1.25rem;text-align:center}
 .grade-promocoes{grid-template-columns:minmax(0,1fr);gap:0}
 .card-promocao{min-height:220px;grid-template-columns:42% minmax(0,1fr);gap:12px;padding:16px 12px}
 .card-promocao .estrela{width:78px;top:-28px;right:-12px}
 .card-promocao h3{font-size:1rem;margin-top:8px}
 .preco-promocional{font-size:1.45rem}
 .carrossel{display:grid;grid-template-columns:1fr 1fr;gap:18px 90px}
 #cards-atuais{grid-column:1/-1;grid-row:1}
 .carrossel>.seta{position:static;transform:none;grid-row:2;margin:0}
 .carrossel>.anterior{justify-self:end}.carrossel>.proximo{justify-self:start}
 .indicador{margin:-38px auto 12px;width:85px;pointer-events:none}
 .estado-catalogo{padding:18px 10px 24px}
 .pagina-publica .beneficios{grid-template-columns:repeat(3,minmax(0,1fr));padding:18px 0}
 .pagina-publica .beneficios p{font-size:.76rem;line-height:1.4;padding:6px}
 .pagina-publica .beneficios p+p{border-left:1px solid var(--border)}
 .pagina-publica .beneficios span{display:block;margin:0 0 4px;font-size:1.35rem}
 .pagina-publica .entrega-interna{padding:26px 72px 26px 0;gap:12px;align-items:center;min-height:160px}
 .pagina-publica .entrega svg{width:46px;height:42px}
 .pagina-publica .entrega h2{font-size:1.35rem;line-height:1.25}
 .pagina-publica .entrega p{font-size:.8rem}
 .pagina-publica .rodape-interno{padding:20px 76px 24px 0;min-height:100px;font-size:.75rem;line-height:1.5}
 .pagina-publica .whatsapp{width:68px;height:68px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
 .pagina-publica .whatsapp img{width:40px;height:40px}
}
@media(max-width:359px){
 .pagina-publica .hero h1{font-size:2.2rem}.pagina-publica .slogan{font-size:1.2rem}
 .card-promocao{grid-template-columns:37% minmax(0,1fr);gap:8px;padding:14px 10px}
 .card-promocao h3{font-size:.9rem}.preco-promocional{font-size:1.2rem}
 .pagina-publica .beneficios{grid-template-columns:1fr}.pagina-publica .beneficios p+p{border:0}
 .pagina-publica .entrega-interna{display:flex}.pagina-publica .entrega svg{width:32px}
}
@media(max-width:280px){.card-promocao{grid-template-columns:1fr}.card-promocao .foto{max-height:160px}.pagina-publica .marca{width:80%}}