:root{--rose:#EBDFDB;--rose2:#FBEEE9;--malva:#634C4A;--ouro:#654E1A;
/* aurora: nenhuma seção branca (Cris 20/10). Texto pequeno medido ≥4,5:1 no ponto mais escuro do gradiente */
--a-base1:#FBF4EC;--a-base2:#F4E6E0;--a-ouro:rgba(214,180,110,.20);--a-borda:rgba(232,190,196,.26);--a-ouro2:rgba(214,180,110,.26);--a-borda2:rgba(232,190,196,.30);--ouro2:#9C7B32;--tinta:#3A2A28;--bg:#FAF6F4;--btn:#9A5A4B}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tinta);font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:16px;line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--tinta)}a:hover{color:var(--btn)}
h1,h2,h3{font-family:'Marcellus',serif;font-weight:400;margin:0}
p{margin:0}
.previa{background:#2B2422;color:#F6EEE4;font-size:12px;letter-spacing:.06em;text-align:center;padding:8px 16px}
header{background:var(--aur2);border-bottom:1px solid var(--rose);padding:26px 16px 16px;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;z-index:40}
header .logo img{height:80px;width:auto}
nav{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;align-items:center;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
nav>a,nav summary{text-decoration:none;padding:6px 0;border-bottom:1px solid transparent;cursor:pointer}
nav>a[aria-current=page],nav details.atual>summary{border-bottom-color:var(--ouro2)}
nav details{position:relative}
nav summary{list-style:none}
nav summary::-webkit-details-marker{display:none}
nav summary::after{content:" ▾";font-size:10px;color:var(--ouro2)}
nav details[open]>summary::after{content:" ▴"}
nav .sub{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:230px;background:#fff;border:1px solid var(--rose);border-top:2px solid var(--ouro2);box-shadow:0 12px 30px rgba(58,42,40,.12);padding:10px 0;display:flex;flex-direction:column;z-index:60}
nav .sub a{padding:10px 20px;text-decoration:none;font-size:12px;letter-spacing:.16em;white-space:nowrap}
nav .sub a:hover{background:var(--bg)}
:root{--aur1:radial-gradient(ellipse 70% 55% at 12% 0%,var(--a-ouro),transparent 62%),radial-gradient(ellipse 60% 55% at 100% 100%,var(--a-borda),transparent 66%),linear-gradient(170deg,var(--a-base1),var(--a-base2));--aur2:radial-gradient(ellipse 65% 60% at 88% 0%,var(--a-ouro2),transparent 60%),radial-gradient(ellipse 55% 50% at 0% 100%,var(--a-borda2),transparent 64%),linear-gradient(190deg,var(--a-base2),var(--a-base1))}
body{background:linear-gradient(180deg,var(--a-base1),var(--a-base2))}
.secao{background:var(--aur1)}
.secao.alt{background:var(--aur2)}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.estreito{max-width:760px;margin:0 auto;padding:0 24px}
.secao{padding:100px 0}
.olho{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#733C31}
.fio{width:48px;height:1px;background:var(--ouro2);display:block}
.divisor{display:flex;align-items:center;gap:14px;justify-content:center}
.divisor::before,.divisor::after{content:"";width:56px;height:1px;background:var(--ouro2);opacity:.6}
.divisor img{width:30px;height:30px;opacity:.55}
.dagua{position:relative;overflow:hidden}
.dagua::before{content:"";position:absolute;width:min(40%,480px);aspect-ratio:1/1;right:3%;top:32px;background:url(img/selo.png) center/contain no-repeat;opacity:.05;pointer-events:none}
.dagua.esq::before{right:auto;left:3%;top:auto;bottom:32px}
.dagua>*{position:relative}
.cab{text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:44px}
.cab h2{font-size:44px;line-height:1.1}
.cab p{max-width:580px}
.btn{display:inline-block;padding:16px 34px;background:var(--btn);color:#fff;text-decoration:none;font-size:12px;letter-spacing:.22em;text-transform:uppercase}
.btn:hover{color:#fff;background:#86493c}
.btn.escuro{background:var(--tinta)}
.btn.claro{background:transparent;color:var(--tinta);border:1px solid var(--tinta)}
.btn.claro:hover{background:var(--tinta);color:#fff}
.aguardando{background:#fff;border:1px dashed #C9B3AC;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:var(--malva);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.hero{background:var(--rose);position:relative}
.hero .ft{width:100%;height:min(56.25vw,780px);object-fit:cover;display:block}
.hero .txt{position:absolute;left:64px;top:50%;transform:translateY(-50%);max-width:560px;background:rgba(250,246,244,.95);border-top:2px solid var(--ouro2);padding:48px 48px 44px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.hero-logo{width:400px;max-width:100%;height:auto}
.hero-selo{display:none}
.hero h1{font-size:40px;line-height:1.1}
.frase{font-family:'Marcellus',serif;font-size:30px;line-height:1.45;text-align:center}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.tres>div{border-top:1px solid var(--ouro2);padding-top:22px;display:flex;flex-direction:column;gap:10px}
.tres h3{font-size:26px;line-height:1.2}
.prod{display:flex;flex-direction:column;gap:8px}
.cta{background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(214,180,110,.22),transparent 65%),linear-gradient(180deg,#FBEEE9,#F6E0DD);text-align:center}
.cta .estreito{display:flex;flex-direction:column;align-items:center;gap:22px}
.cta h2{font-size:46px;line-height:1.1}
.historia p{margin-bottom:22px}
.historia p.destaque{font-family:'Marcellus',serif;font-size:28px;line-height:1.45}
.historia .fecho{font-family:'Marcellus',serif;font-size:24px;line-height:1.5;text-align:center;border-top:1px solid var(--ouro2);padding-top:32px;margin-top:40px}
.marcas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;margin:0}
.marcas li{list-style:none;background:#fff;border:1px solid var(--rose);padding:16px 14px 18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.marca-logo{height:96px;width:100%;display:flex;align-items:center;justify-content:center}
.marca-logo img{width:100%;max-width:260px;height:100%;object-fit:contain}
.assinatura{font-family:'Marcellus',serif;font-size:26px;letter-spacing:.08em;text-transform:uppercase;text-align:center;line-height:1.15;color:var(--tinta)}
.marca-nome{font-family:'Marcellus',serif;font-size:15px;letter-spacing:.12em;text-transform:uppercase;text-align:center;line-height:1.3}
.marca-nome.oculto{visibility:hidden}
.galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;grid-auto-flow:dense}
.galeria img{aspect-ratio:1/1}
.galeria img.largo{grid-column:span 2;aspect-ratio:auto}
.dois{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.info{display:flex;flex-direction:column;gap:12px}
.info dt{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#733C31;margin-top:18px}
.info dd{margin:0}
.mapa{min-height:380px;width:100%;border:1px solid var(--rose);display:block}
.previa-linha{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--malva);margin-bottom:18px}
.destaques{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
.prod-foto{aspect-ratio:4/5;background:#F6EEEB;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.prod-foto.cheia{padding:0}
.prod-foto.cheia img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.prod-foto img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.prod-nome{font-size:24px;line-height:1.2}
.prod-frase{font-size:15px;color:var(--malva);line-height:1.55}
.prod-preco{font-family:'Marcellus',serif;font-size:22px;color:var(--ouro);margin-top:2px}
.prod-preco s{display:block;font-size:.62em;opacity:.7;line-height:1.3}
/* preço e botão sempre no pé do cartão: com promoção o riscado sobe pro espaço livre e a linha fica alinhada */
.prod-preco{margin-top:auto}
.wa-fixo{transition:opacity .2s ease-out,transform .2s ease-out}.wa-fixo.fora{opacity:0;pointer-events:none;transform:translateY(12px)}
@media (prefers-reduced-motion:reduce){.wa-fixo{transition:none}}
.prod-btn{align-self:flex-start;padding:13px 22px;margin-top:6px}
.etiqueta{align-self:flex-start;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--malva);border:1px solid #DCC9C2;padding:4px 10px}
.sec-familias{background:radial-gradient(ellipse at top,#F7ECE8 0%,#F0E0DA 60%,#EBD7D0 100%);border-top:1px solid rgba(156,123,50,.35);border-bottom:1px solid rgba(156,123,50,.35)}
.sec-familias .cab h2{font-size:54px}
.familias{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.familia{--c:#E7C3C6;position:relative;display:flex;flex-direction:column;gap:10px;padding:30px 28px 26px;background:#fff;border:1px solid rgba(156,123,50,.22);overflow:hidden}
.familia::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--c)}
.familia::after{content:"";position:absolute;right:-34px;top:-34px;width:110px;height:110px;border-radius:50%;background:var(--c);opacity:.35}
.fam-nome{font-family:'Marcellus',serif;font-size:27px;line-height:1.15;position:relative}
.fam-notas{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ouro)}
.fam-frase{font-size:15px;color:var(--malva);line-height:1.55}
.fam-links{margin-top:auto;padding-top:8px;display:flex;gap:18px;flex-wrap:wrap}
.fam-links a{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--btn);text-decoration:none;border-bottom:1px solid rgba(154,90,75,.35)}
.ocasioes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ocasiao{background:#fff;border:1px solid var(--rose);border-top:2px solid var(--ouro2);padding:26px 22px;display:flex;flex-direction:column;gap:10px}
.ocasiao h3{font-size:24px}
.ocasiao p{font-size:15px;color:var(--malva);line-height:1.55}
.presentear{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border:1px solid rgba(156,123,50,.3)}
.presentear img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;max-height:560px}
.presentear .txt{padding:56px 52px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.presentear h2{font-size:44px;line-height:1.1}
.botoes{display:flex;gap:12px;flex-wrap:wrap}
.dourado{background:repeating-linear-gradient(135deg,rgba(156,123,50,.07) 0 1px,transparent 1px 26px),linear-gradient(160deg,#FBF6EE 0%,#F2E6D2 55%,#F9F2E8 100%);border-top:1px solid rgba(156,123,50,.45);border-bottom:1px solid rgba(156,123,50,.45)}
.foto{width:100%;height:100%;object-fit:cover;display:block;background:var(--rose)}
.faixa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.faixa img{aspect-ratio:3/4}
.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-bottom:30px}
.filtro{position:relative}
.filtro summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:0;font-size:14px;font-weight:400;padding:10px 18px;border:1px solid #DCC9C2;border-radius:999px;background:#fff;white-space:nowrap}
.filtro summary::-webkit-details-marker{display:none}
.filtro summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);margin-left:10px}
.filtro[open] summary::after{transform:rotate(-135deg) translateY(-1px)}
.filtro.tem summary{background:var(--tinta);color:#fff;border-color:var(--tinta)}
.filtro .val:not(:empty)::before{content:": "}
.filtro summary:focus-visible,.chip:focus-visible{outline:2px solid var(--ouro2);outline-offset:2px}
.menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:200px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--rose);box-shadow:0 12px 28px rgba(58,42,40,.14);padding:6px}
.chip{font-size:15px;text-decoration:none;padding:10px 14px;color:var(--tinta);white-space:nowrap}
.chip:hover{background:var(--rose2)}
.chip.ativo{font-weight:500;background:var(--rose)}
.limpar{font-size:13px;letter-spacing:.06em;color:var(--btn);padding:10px 6px}
.contagem{font-size:13px;color:var(--malva);margin-bottom:22px}
.vazio{display:none;padding:40px;text-align:center;background:#fff;border:1px dashed #C9B3AC}
footer{border-top:1px solid var(--rose);background:var(--aur2);padding:44px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;font-size:12px;letter-spacing:.14em;color:var(--malva)}
footer img{height:84px;width:auto}
.rod-contato{font-size:17px;letter-spacing:.08em}.rod-contato a{color:var(--malva)}
footer .topo{margin-top:6px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--malva)}
/* 30/10: crédito da Tecno Infinite (Cris: opção A, visível sem sair do estilo) */
.tecno-cred{margin-top:14px;padding-top:22px;border-top:1px solid rgba(99,76,74,.22);width:min(560px,92%);display:flex;flex-direction:column;align-items:center;gap:8px}
.tecno-cred a{color:var(--malva);text-decoration:none;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase}
.tecno-cred a b{font-weight:600;color:var(--tinta)}
.tecno-cred small{font-size:12px;letter-spacing:.06em;color:var(--malva);opacity:.85}
.tecno-cred .ver{font-size:11.5px;letter-spacing:.18em;border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--btn)}
.marca-ver{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--btn)}.marca-ver.sem{color:var(--malva);opacity:.6}
.historia-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.historia-foto{position:sticky;top:110px;aspect-ratio:3/4;max-width:100%;overflow:hidden;border:1px solid var(--ouro2)}
.historia-foto img{width:100%;height:100%;object-fit:cover;animation:lbzoom 24s ease-in-out infinite alternate}
.historia{font-weight:400;font-size:18px;color:var(--tinta)}
.historia-logo{height:72px;width:auto;display:block;margin-bottom:22px}
@keyframes lbzoom{from{transform:scale(1) translateY(0)}to{transform:scale(1.14) translateY(-2%)}}
.lbjs .historia p{opacity:0;transform:translateY(18px);transition:opacity .9s ease-out,transform .9s ease-out}
.lbjs .historia p.visivel{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.historia-foto img{animation:none}.lbjs .historia p{opacity:1;transform:none;transition:none}}
.wa-fixo{position:fixed;right:16px;bottom:16px;z-index:50;background:var(--btn);color:#fff;text-decoration:none;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:14px 20px;border-radius:999px;box-shadow:0 6px 18px rgba(58,42,40,.25)}
.wa-fixo:hover{color:#fff}
body{padding-bottom:72px}
@media (max-width:700px){.wa-fixo{padding:10px 14px;font-size:11px;right:10px;bottom:10px}}
@media (max-width:900px){
 .hero .ft{height:auto;aspect-ratio:16/10}
 .hero .txt{position:static;transform:none;max-width:none;padding:32px 16px 36px;border-top:none;align-items:center;text-align:center}
 .hero-logo{width:300px}.hero h1{font-size:30px}
 .tres,.dois,.presentear{grid-template-columns:1fr;gap:36px}
 .presentear{gap:0}.presentear img{min-height:0;aspect-ratio:4/3}.presentear .txt{padding:32px 18px}.presentear h2{font-size:34px}
 .marcas{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .marcas li{padding:12px 8px 14px;gap:6px}.marca-logo{height:64px}.marca-nome{font-size:12px;letter-spacing:.08em}.assinatura{font-size:17px}
 .galeria,.faixa{grid-template-columns:repeat(2,minmax(0,1fr))}
 .familias,.ocasioes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .familia{padding:20px 14px 18px 18px;gap:7px}.fam-nome{font-size:19px}.fam-frase{font-size:13px}.fam-notas{font-size:9px;letter-spacing:.12em}
 .fam-links{gap:10px}.fam-links a{font-size:10px;letter-spacing:.12em}
 .ocasiao{padding:18px 14px}.ocasiao h3{font-size:19px}.ocasiao p{font-size:13px}
 .destaques{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
 .prod-nome{font-size:19px}.prod-frase{font-size:13px}.prod-preco{font-size:18px}
 .prod-btn{align-self:stretch;text-align:center;padding:12px 8px;font-size:10px;letter-spacing:.14em}
 .wrap,.estreito{padding:0 16px}
 .historia-grade{grid-template-columns:1fr;gap:28px}.historia-foto{position:relative;top:0;aspect-ratio:4/3}.historia{font-size:17px}
 .secao{padding:64px 0}
 .cab h2,.sec-familias .cab h2{font-size:34px}
 .frase{font-size:24px}.cta h2{font-size:34px}
 .historia p.destaque{font-size:23px}
 nav{gap:4px 16px;font-size:11px;letter-spacing:.14em}
 nav details{position:static}
 nav .sub{left:16px;right:16px;top:100%;transform:none;min-width:0}
 header{padding:20px 16px 12px;gap:12px}header .logo img{height:60px}
 .filtro summary{font-size:13px;padding:9px 14px}.menu{min-width:170px}
 .dagua::before,.dagua.esq::before{width:70%;left:15%;right:auto;top:24px;bottom:auto}
}

/* proposta 28/10: cabeçalho numa linha, ☰ no celular; raio único de 2px em botão, filtro e flutuante */
header{position:sticky;top:0;flex-direction:row;justify-content:space-between;gap:24px;padding:12px 32px;background:rgba(251,244,236,.92);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
header .logo img{height:52px}
nav{gap:34px;flex-wrap:nowrap;font-size:13px;letter-spacing:.18em}
nav>a{padding:8px 0}
.menu-btn{display:none;align-items:center;gap:10px;background:none;border:1px solid rgba(58,42,40,.25);border-radius:2px;padding:10px 14px;font:inherit;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta);cursor:pointer}
.menu-btn .barras{width:18px;height:12px;position:relative;display:inline-block}
.menu-btn .barras i{position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .25s ease,opacity .2s ease}
.menu-btn .barras i:nth-child(1){top:0}.menu-btn .barras i:nth-child(2){top:5px}.menu-btn .barras i:nth-child(3){top:10px}
.menu-btn[aria-expanded=true] .barras i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.menu-btn[aria-expanded=true] .barras i:nth-child(2){opacity:0}
.menu-btn[aria-expanded=true] .barras i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.btn{border-radius:2px;transition:transform .2s cubic-bezier(.16,1,.3,1),background-color .2s ease,color .2s ease;font-size:13px}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.98)}
.btn:focus-visible,.menu-btn:focus-visible,nav a:focus-visible{outline:2px solid var(--ouro2);outline-offset:3px}
.filtro summary{border-radius:2px}
.wa-fixo{border-radius:2px}
.prod-foto img{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.prod:hover .prod-foto img{transform:scale(1.04)}
.prod-preco .consulte{font-size:.8em}
.aviso-destaques{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:#fff;border:1px solid rgba(156,123,50,.28);border-left:3px solid var(--ouro2);padding:26px 30px;margin:0 auto 36px;max-width:920px}
.aviso-destaques p{font-size:18px;line-height:1.6}
.aviso-destaques strong{font-weight:500}
.tit-pag{font-size:52px;line-height:1.1}
.aviso-filtro{text-align:center;font-size:16px;color:var(--malva);margin:-10px 0 24px}
.aviso-filtro a{color:var(--btn)}
.sobre-topo{text-align:left}
.sobre-topo h1{font-size:56px;line-height:1.08;margin:0 0 28px}
.sobre-faixa{margin:56px auto;max-width:1180px;padding:0 24px}
.sobre-faixa img{width:100%;aspect-ratio:21/9;object-fit:cover;display:block}
.sobre-faixa figcaption{font-size:14px;color:var(--malva);margin-top:12px;text-align:right}
.sobre-dupla{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,560px);grid-template-areas:"a f" "b f";grid-template-rows:auto 1fr;column-gap:80px;max-width:1280px;margin:0 auto;padding:0 40px 110px}
.sec-historia.dagua{overflow:clip}
.sobre-a{grid-area:a}.sobre-b{grid-area:b}.sobre-a h1{font-size:56px;line-height:1.08;margin:0 0 28px}
.sobre-dupla .historia{max-width:640px;margin:0}
.sobre-carla{grid-area:f;align-self:start;position:sticky;top:104px;margin:14px 18px 0 0}
.sobre-carla img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;box-shadow:18px 18px 0 -1px var(--fundo,#fbf4ec),18px 18px 0 0 rgba(156,123,50,.55)}
.sobre-carla figcaption{margin-top:30px;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--malva)}
.galeria-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.sobre-texto{columns:1}
.marcas li{padding:0}
.marca-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 14px 18px;height:100%;color:inherit;text-decoration:none;transition:background-color .2s ease}
.marca-card:hover{background:#fbf6f0}.marca-card:hover .marca-ver{text-decoration:underline}
.marca-card:focus-visible{outline:2px solid var(--ouro2);outline-offset:-2px}
.marca-ver.sem{opacity:.85}
#galeria .cab p a{color:var(--btn)}
@media (prefers-reduced-motion:no-preference){
 .sobre-faixa img{animation:lbentra 1.2s cubic-bezier(.16,1,.3,1) both}
 @keyframes lbentra{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.btn,.prod-foto img,.menu-btn .barras i{transition:none}.btn:hover,.prod:hover .prod-foto img{transform:none}}
@media (max-width:900px){
 header{padding:10px 16px;gap:12px;flex-wrap:wrap}
 header .logo img{height:40px}
 .menu-btn{display:inline-flex}
 nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;font-size:15px;letter-spacing:.14em;border-top:1px solid var(--rose);margin-top:6px}
 nav.aberto{display:flex}
 nav>a{padding:16px 4px;border-bottom:1px solid rgba(58,42,40,.08)}
 nav>a[aria-current=page]{border-bottom-color:rgba(58,42,40,.08);color:var(--btn);font-weight:400}
 .aviso-destaques{grid-template-columns:1fr;padding:22px 18px;gap:16px}
 .aviso-destaques p{font-size:16px}
 .aviso-destaques .btn{text-align:center}
 .sobre-topo h1,.tit-pag{font-size:38px}
 .sobre-faixa{margin:36px auto;padding:0 16px}
 .sobre-faixa img{aspect-ratio:4/3}
 .sobre-dupla{grid-template-columns:1fr;grid-template-areas:"a" "f" "b";grid-template-rows:auto;row-gap:36px;padding:0 16px 72px}
 .sobre-a h1{font-size:38px}
 .sobre-carla{position:static;max-width:440px;margin:0;width:calc(100% - 14px)}
 .sobre-carla img{box-shadow:12px 12px 0 -1px var(--fundo,#fbf4ec),12px 12px 0 0 rgba(156,123,50,.55)}
 .sobre-carla figcaption{margin-top:24px;font-size:13px;letter-spacing:.1em}
 .galeria-5{grid-template-columns:repeat(2,minmax(0,1fr))}
 .galeria-5 img:first-child{grid-column:1/-1;aspect-ratio:4/3!important;object-position:50% 30%}
 .marca-card{padding:12px 8px 14px;gap:6px}
}