/* Revisão visual: estilos finais, sem filtros nas fotos dos produtos. */
.acesso{text-transform:uppercase;font-weight:800;letter-spacing:.08em;padding-inline:12px;border-radius:6px;transition:color .18s,box-shadow .18s}
.acesso:hover,.acesso:focus-visible{color:#e7d5bc;box-shadow:0 0 18px #c3a47b66;text-shadow:0 0 8px #d2b68b}
.marca img,.marca-topo-gestao img,.marca-gestao{filter:drop-shadow(0 0 10px #aa876849);background:transparent!important;border:0!important}
.pagina-publica .hero-interno{min-height:200px;grid-template-columns:25% 75%}
.pagina-publica .hero-textos{padding:24px 0;background:none}
.pagina-publica .hero h1{font-size:clamp(1.5rem,2.7vw,3rem);letter-spacing:.01em;margin-bottom:12px}
.pagina-publica .slogan{font-size:clamp(1rem,1.6vw,1.8rem);max-width:none;white-space:nowrap;margin:0}
.pagina-publica .marca{width:clamp(170px,18vw,260px);min-width:0;bottom:-24px;background:none}
.pagina-home .home-rolagem{min-width:0;padding-bottom:16px}
.pagina-home .vitrine{padding-top:46px;padding-bottom:16px}
.pagina-home .vitrine h2{margin:0 0 36px;text-align:right;text-transform:uppercase;font-size:clamp(1.3rem,2vw,2rem);font-weight:800;letter-spacing:.035em;text-shadow:1px 2px 2px #22211f22}
.card-promocao .estrela{width:76px;height:76px;top:-38px;right:-14px;filter:none}
.card-promocao{padding-top:38px;min-height:235px}
.pagina-publica .beneficios{gap:16px;border:0;padding-top:8px;padding-bottom:16px}
.beneficio-card{display:flex;align-items:center;gap:14px;border:1px solid #d7cfc5;border-radius:10px;background:white;padding:18px;box-shadow:0 4px 14px #54453709}
.beneficio-card svg{width:36px;height:36px;flex:0 0 36px;fill:none;stroke:#71604f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.pagina-publica .beneficio-card p{padding:0;font-size:.88rem;text-align:left;line-height:1.5;border:0}
.beneficio-card strong{font-weight:800}
.pagina-home>.entrega{flex-shrink:0}
.pagina-publica .entrega-interna{min-height:0;padding:14px 100px 14px 0;gap:20px}
.pagina-publica .entrega h2{font-size:clamp(1.05rem,1.5vw,1.6rem);margin-bottom:4px}
.pagina-publica .entrega p{font-size:.85rem}
.pagina-publica .entrega svg{width:46px;height:38px}
.pagina-publica .rodape-interno{min-height:0;padding:16px 100px 16px 0;font-size:.82rem}
.pagina-publica .whatsapp{width:68px;height:68px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
.pagina-publica .whatsapp img{width:40px;height:40px}
/* Área central rolável: topo e rodapé ficam visíveis em desktop com altura útil. */
@media(min-width:1024px) and (min-height:640px){
 body.pagina-home{height:100vh;height:100dvh;min-height:0;overflow:hidden}
 .pagina-home>main{display:flex;flex-direction:column;flex:1 1 0;min-height:0;overflow:hidden}
 .pagina-home .hero{flex:0 0 auto}
 .pagina-home .hero-interno{min-height:clamp(150px,21vh,210px)}
 .pagina-home .home-rolagem{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-gutter:stable}
 .pagina-home .marca{bottom:0;width:clamp(150px,20vh,220px)}
 .pagina-home .vitrine{padding-top:24px}
}
.galeria-produto{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:14px;align-items:start;min-width:0}
.galeria-principal{display:block;min-width:0;background:white;border-radius:8px}
.galeria-principal img{display:block;width:100%;height:auto;aspect-ratio:1;max-height:580px;object-fit:contain}
.galeria-miniaturas{display:flex;flex-direction:column;gap:12px}
.galeria-miniaturas a{display:grid;place-items:center;min-width:44px;min-height:44px;padding:4px;border:2px solid #d4cfc8;border-radius:6px;background:white}
.galeria-miniaturas a[aria-current=true]{border-color:#71604f;box-shadow:0 0 0 1px #71604f}
.galeria-miniaturas img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.galeria-principal:focus-visible,.galeria-miniaturas a:focus-visible{outline:3px solid #71604f;outline-offset:4px}
.pagina-gestao .titulo-topo-gestao,.pagina-gestao h1{text-transform:uppercase;font-weight:800;letter-spacing:.035em;text-shadow:1px 2px 2px #22211f26}
.pagina-gestao .titulo-topo-gestao{font-size:clamp(1rem,1.6vw,1.45rem);text-shadow:1px 2px 2px #0008}
.pagina-gestao h1{font-size:clamp(1.55rem,2.7vw,2.2rem)}
.pagina-login .caixa-gestao h1{font-size:1.5rem;text-align:center}
.pagina-login .login-p06 form>.botao{display:block;margin-inline:auto;text-transform:uppercase}
.pagina-login .login-p06>p:last-child{text-align:center}
.pagina-login .marca-gestao{display:block;width:82px;height:82px}
.item-p06{flex-wrap:wrap}
.item-p06>div{flex:1 1 240px;min-width:0}
.confirmacao-inline{margin-left:auto;flex:0 1 auto}
.confirmacao-inline summary{cursor:pointer;min-height:44px;padding:10px 20px;border:1px solid #8c3535;border-radius:6px;color:#852c2c;font-weight:700;background:#fff}
.confirmacao-inline[open]{flex-basis:100%;margin:0}
.confirmacao-inline[open] summary{width:max-content}
.confirmacao-caixa{margin-top:12px;border:1px solid #c88d86;border-left:4px solid #9a3830;border-radius:6px;padding:20px;background:#fff9f7;color:#22211f}
.confirmacao-caixa h3{margin:0 0 10px;font-size:1.2rem}
.confirmacao-caixa .acoes{margin-bottom:0}
.confirmacao-caixa .excluir-confirmar{background:#853a32;color:white}
.cancelar-exclusao{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px}
@media(max-width:1023px){
 .pagina-publica .hero-interno{grid-template-columns:25% 75%}
 .pagina-publica .marca{width:190px}
 .pagina-publica .slogan{font-size:clamp(.95rem,1.8vw,1.4rem);white-space:normal}
 .pagina-publica .beneficios{padding-right:76px}
 .beneficio-card{padding:14px;flex-direction:column;align-items:flex-start}
}
@media(max-width:767px){
 .pagina-publica .hero-interno{display:flex;flex-direction:column;min-height:0;padding-top:12px}
 .pagina-publica .hero-textos{padding:10px 0 8px}
 .pagina-publica .hero h1{font-size:clamp(1.25rem,5.5vw,2rem)}
 .pagina-publica .slogan{white-space:normal;font-size:1rem;line-height:1.45}
 .pagina-publica .marca{position:relative;width:165px;margin:0 auto -20px;bottom:auto}
 .pagina-home .vitrine{padding-top:44px}
 .pagina-home .vitrine h2{font-size:1.3rem;text-align:right;margin-bottom:36px}
 .card-promocao .estrela{width:64px;height:64px;top:-32px;right:-8px}
 .card-promocao{padding-top:34px}
 .pagina-publica .beneficios{grid-template-columns:1fr;padding:8px 0 24px;gap:10px}
 .beneficio-card{flex-direction:row;align-items:center;padding:16px}
 .pagina-publica .beneficio-card p{font-size:.85rem}
 .pagina-publica .entrega-interna{padding:16px 76px 16px 0;gap:12px}
 .pagina-publica .entrega svg{width:32px;height:32px}
 .pagina-publica .rodape-interno{padding-right:76px;line-height:1.6}
 .pagina-publica .whatsapp{width:60px;height:60px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom))}
 .pagina-publica .detalhe-p04{padding-right:0;padding-bottom:88px}
 .produto-detalhe{padding:16px}
 .galeria-produto{grid-template-columns:minmax(0,1fr) 56px;gap:10px}
 .pagina-publica .produto-resumo{padding-right:54px}
 .confirmacao-caixa{padding:14px}
 .pagina-login .caixa-gestao h1{font-size:1.35rem}
}
@media(prefers-reduced-motion:reduce){.acesso{transition:none}}

/* Revisão 3.2 — ajustes solicitados após instalação 3.1. */
h1,h2,h3,h4,h5,h6,.titulo-topo-gestao{font-weight:800!important;text-transform:uppercase}
.pagina-publica .hero-interno{grid-template-columns:29% 71%}
.pagina-publica .hero-textos{text-align:left;padding-left:20px}
.pagina-publica .marca{width:clamp(220px,23vw,330px)}
.pagina-home .vitrine h2{text-align:left;margin-bottom:54px}
.pagina-publica .beneficios{width:min(1180px,calc(100% - 64px));margin-inline:auto;padding:12px 0 24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;justify-content:center}
.pagina-publica .beneficio-card{position:relative;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:22px 18px;min-height:144px;border:1px solid #a18b6c;border-top:3px solid #b29b7b;border-radius:10px;background:radial-gradient(ellipse at 50% 0%,#ae92772b,transparent 75%),linear-gradient(135deg,#292620,#191817);box-shadow:0 4px 14px #5445371a,inset 0 0 0 3px #b39a7410;color:#e2d2ba}
.pagina-publica .beneficio-card p,.pagina-publica .beneficio-card strong{font-size:.9rem;line-height:1.55;text-transform:uppercase;font-weight:800;text-align:center;color:#e2d2ba}
.pagina-publica .beneficio-card svg{stroke:#c1a57e;width:38px;height:38px;flex-basis:38px}
.pagina-publica .entrega-interna{justify-content:flex-start;text-align:left}
.pagina-gestao .topo .titulo-topo-gestao{margin:0;line-height:1.3}
.confirmacao-caixa .acoes{align-items:stretch;gap:12px}
.confirmacao-caixa .acoes form{display:flex;margin:0}
.confirmacao-caixa .cancelar-exclusao{justify-content:center;text-decoration:none;min-height:44px}
@media(min-width:1024px) and (min-height:640px){
 .pagina-home .marca{width:clamp(200px,26vh,286px);bottom:-16px}
 .pagina-home .vitrine{padding-top:34px}
}
@media(max-width:1023px){
 .pagina-publica .hero-interno{grid-template-columns:30% 70%}
 .pagina-publica .marca{width:235px}
 .pagina-publica .hero-textos{padding-left:24px}
 .pagina-publica .beneficios{width:calc(100% - 48px);gap:12px}
 .pagina-publica .beneficio-card{padding:18px 12px}
}
@media(max-width:767px){
 .pagina-publica .hero-textos{width:100%;padding:10px 0 8px;text-align:left}
 .pagina-publica .marca{width:220px;max-width:80%;margin-bottom:-20px}
 .pagina-home .vitrine h2{margin-bottom:50px;text-align:left}
 .pagina-publica .beneficios{width:calc(100% - 32px);max-width:460px;grid-template-columns:1fr;padding:8px 0 24px;gap:12px}
 .pagina-publica .beneficio-card{min-height:130px;padding:20px}
 .pagina-publica .beneficio-card p{font-size:.9rem}
 .confirmacao-caixa .acoes{flex-wrap:wrap}
}
/* Referência dos cards publicados: trama hexagonal e moldura adaptadas ao bronze. */
.pagina-publica .beneficio-card{min-height:210px;padding:28px 24px;background-image:radial-gradient(ellipse at 50% 0%,#b2967133,transparent 75%),url('../img/trama-institucional-r2.svg'),linear-gradient(135deg,#292620,#151413);border:2px solid #9e886a;border-radius:14px;box-shadow:0 5px 16px #54453725,inset 0 0 0 5px #181715,inset 0 0 0 6px #b39a7445}
.pagina-publica .beneficio-card:after{content:"";display:block;width:72px;height:2px;margin-top:5px;background:linear-gradient(90deg,#695039,#c2aa86,#695039)}
.pagina-publica .beneficio-card svg{width:58px;height:58px;flex-basis:58px;filter:drop-shadow(0 0 7px #b99b6533)}
@media(max-width:767px){.pagina-publica .beneficio-card{min-height:190px}}

/* Revisão 3.3: logo participa da altura do banner, sem deslocamento negativo. */
@media(min-width:768px){
 .pagina-home .hero-interno{grid-template-rows:auto;align-items:center}
 .pagina-home .marca{position:relative;grid-column:1;grid-row:1;left:auto;bottom:auto;width:min(100%,270px);max-width:100%;min-width:0;margin:12px 0;padding:0;align-self:center;justify-self:start}
 .pagina-home .marca img{width:100%;height:clamp(160px,20vh,220px);object-fit:contain}
 .pagina-home .hero-textos{grid-column:2;grid-row:1;min-width:0}
}
.pagina-login .topo-interno{justify-content:center}
/* Revisão 3.4: logo +200%, ultrapassando somente a borda inferior do banner. */
.pagina-home .hero{z-index:2;overflow:visible}
.pagina-home .hero-interno{overflow:visible}
.pagina-home .marca{z-index:3}
.pagina-home .home-rolagem{padding-top:96px}
@media(min-width:768px){
 .pagina-home .hero-interno{grid-template-columns:minmax(0,52%) minmax(0,48%);align-items:center}
 .pagina-home .marca{position:relative;grid-column:1;grid-row:1;left:auto;bottom:auto;width:clamp(480px,60vh,660px);max-width:100%;min-width:0;margin:16px 0 -96px;padding:0;align-self:start;justify-self:start}
 .pagina-home .marca img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
 .pagina-home .hero-textos{grid-column:2;grid-row:1;padding:24px 0 24px 20px;min-width:0}
 .pagina-home .hero h1{font-size:clamp(1.6rem,2.5vw,3rem);overflow-wrap:normal}
 .pagina-home .slogan{white-space:normal}
}
/* Com logo grande, janelas baixas precisam de rolagem da página inteira. */
@media(min-width:1024px) and (max-height:1099px){
 body.pagina-home{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}
 .pagina-home>main{display:block;flex:1 0 auto;overflow:visible}
 .pagina-home .home-rolagem{overflow:visible;scrollbar-gutter:auto}
}
@media(max-width:767px){
 .pagina-home .hero-interno{display:flex;flex-direction:column}
 .pagina-home .marca{position:relative;width:660px;max-width:100%;min-width:0;left:auto;bottom:auto;margin:12px auto -64px;padding:0}
 .pagina-home .marca img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
 .pagina-home .home-rolagem{padding-top:64px}
}
/* Revisão 3.5: prioriza os produtos; logo -25% e banner compacto. */
body.pagina-home{height:auto;min-height:100vh;min-height:100dvh;overflow:visible}
.pagina-home>main{display:block;flex:1 0 auto;overflow:visible}
.pagina-home .home-rolagem{overflow:visible;scrollbar-gutter:auto;padding-top:0}
@media(min-width:768px){
 .pagina-home{--logo-home:min(clamp(360px,45vh,495px),max(240px,calc(100svh - 335px)));--logo-avanco:64px}
 .pagina-home .hero-interno{display:grid;grid-template-columns:var(--logo-home) minmax(0,1fr);column-gap:12px;grid-template-rows:auto;min-height:0;height:calc(var(--logo-home) - var(--logo-avanco));align-items:center}
 .pagina-home .marca{position:absolute;top:0;left:0;bottom:auto;width:var(--logo-home);max-width:none;margin:0;padding:0}
 .pagina-home .marca img{width:100%;height:auto;max-height:none;object-fit:contain}
 .pagina-home .hero-textos{grid-column:2;grid-row:1;padding:12px 0;min-width:0;text-align:left}
 .pagina-home .hero h1{font-size:clamp(1.5rem,2.5vw,2.8rem);line-height:1.15;margin:0 0 10px}
 .pagina-home .slogan{font-size:clamp(1rem,1.5vw,1.6rem);line-height:1.3;white-space:normal;margin:0}
 .pagina-home .vitrine{padding-top:20px;padding-bottom:16px}
 .pagina-home .vitrine h2{padding-left:max(0px,calc(var(--logo-home) - 54px));font-size:clamp(1.2rem,1.6vw,1.7rem);line-height:1.3;margin:0 0 44px;text-align:left;min-height:30px}
 .pagina-home .card-promocao{min-height:220px;padding-top:28px;padding-bottom:14px}
 .pagina-home .card-promocao h3{font-size:clamp(.9rem,1.1vw,1.05rem);margin-top:10px;margin-bottom:10px}
 .pagina-home .indicador,.pagina-home .paginacao{margin-top:14px}
}
@media(min-width:768px) and (max-width:1023px){
 .pagina-home{--logo-home:min(300px,36vw)}
 .pagina-home .hero h1{font-size:1.55rem}
 .pagina-home .vitrine h2{padding-left:max(0px,calc(var(--logo-home) - 44px))}
}
@media(max-width:767px){
 .pagina-home .hero-interno{display:flex;flex-direction:column;min-height:0;height:auto;padding-top:0}
 .pagina-home .hero-textos{padding:10px 0 4px}
 .pagina-home .hero h1{font-size:clamp(1.2rem,5vw,1.8rem);margin-bottom:6px}
 .pagina-home .slogan{font-size:1rem;margin:0}
 .pagina-home .marca{position:relative;top:auto;left:auto;bottom:auto;width:min(495px,75%);max-width:75%;margin:0 auto -40px;padding:0}
 .pagina-home .home-rolagem{padding-top:40px}
 .pagina-home .vitrine{padding-top:16px}
 .pagina-home .vitrine h2{padding-left:0;margin-bottom:44px}
}