/* Saboaria Bela Espuma · site v1 (04/11/2026)
   Conceito: "Feito à mão e embalado por quem fez." O site é a mesa do ateliê:
   tag de kraft com juta numerando as seções, o emblema como carimbo, plaquinha de lousa
   da banca para os preços, etiqueta de envio, base de corte quadriculada no processo.
   Cores medidas da marca (IDENTIDADE.md). Texto sempre com contraste AA verificado. */
:root{
  --marrom:#62240A;--terracota:#7C2E10;--telha:#AA3C20;--vinho:#9C313C;
  --creme:#FCEDDA;--areia:#F5E3CA;--kraft:#AA9480;--kraft2:#CFAF94;--oliva:#554D27;
  --noite:#2A1208;--noite2:#3A1607;--papel:#FFF8EE;
  --tinta2:#6B5443;          /* texto secundário no claro (5,6:1 sobre areia) */
  --telha-cl:#E7A27F;        /* acento no escuro (8,3:1 sobre noite) */
  --lousa:#2E2F2B;--giz:#F2EAD9;--madeira:#8B5E3C;
  --juta:repeating-linear-gradient(115deg,#B39470 0 3px,#8E6F4F 3px 5px,#C7AC88 5px 7px);
  --disp:"Vollkorn",Georgia,serif;--sc:"Vollkorn SC","Vollkorn",Georgia,serif;--txt:"Lora",Georgia,serif;--mao:"Dancing Script",cursive;
  --m:clamp(16px,4.6vw,76px);--sec:clamp(76px,9.5vw,148px);--max:1280px;--r:3px;--topo:78px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--topo) + 12px)}
body{margin:0;font-variant-numeric:lining-nums;background:var(--creme);color:var(--marrom);font:400 18px/1.68 var(--txt);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--telha);color:var(--creme)}
/* papel: grão leve sobre tudo */
body::after{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.09;mix-blend-mode:multiply;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38 0 0 0 0 .2 0 0 0 0 .08 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.pular{position:absolute;left:-999px;top:0;background:var(--telha);color:var(--creme);padding:10px 14px;z-index:99}
.pular:focus{left:8px;top:8px}
:focus-visible{outline:2.5px solid var(--telha);outline-offset:3px}
.escuro :focus-visible,.natal :focus-visible,.mesa :focus-visible{outline-color:var(--telha-cl)}

/* ---------- tipografia ---------- */
h1,h2,h3{margin:0;text-wrap:balance;font-family:var(--disp)}
h1,h2{font-weight:800;text-transform:uppercase;letter-spacing:-.018em;line-height:.93}
h1{font-size:clamp(42px,5.5vw,90px)}
h2{font-size:clamp(36px,4.7vw,72px)}
h3{font-weight:800;font-size:clamp(22px,1.9vw,28px);line-height:1.1;letter-spacing:-.01em}
h1 em,h2 em{font-style:italic;font-weight:600;text-transform:none;letter-spacing:-.025em;color:var(--telha);font-size:1.05em}
.escuro h1 em,.escuro h2 em,.mesa h2 em,.natal h2 em,.natal h1 em{color:var(--telha-cl)}
.natal h1 em,.natal h2 em{color:#F6C9A9}
.mao{font-family:var(--mao);font-weight:700;letter-spacing:0;text-transform:none}
.lead{font-size:clamp(18px,1.4vw,21px);line-height:1.6;color:var(--tinta2);max-width:640px}
.escuro .lead,.mesa .lead{color:#E2C6A6}
.natal .lead{color:#F5DCC4}
.sc{font:700 14px/1.3 var(--sc);letter-spacing:.11em;text-transform:lowercase}

/* rótulo de seção: a tag redonda de kraft pendurada no barbante de juta */
.rot{display:flex;align-items:center;gap:12px;margin:0 0 22px;font:700 15px/1.25 var(--sc);letter-spacing:.1em;text-transform:lowercase;color:var(--terracota)}
.rot::before{content:"";width:28px;height:3px;flex:none;background:var(--juta);border-radius:2px}
.rot b{position:relative;display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:50%;background:var(--kraft2);border:1.5px solid var(--marrom);font:800 16px/1 var(--disp);letter-spacing:0;color:var(--marrom);padding-top:5px}
.rot b::before{content:"";position:absolute;top:5px;left:50%;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--creme);box-shadow:inset 0 0 0 1.5px var(--marrom)}
.escuro .rot,.mesa .rot{color:var(--kraft2)}
.natal .rot{color:#F5DCC4}
.escuro .rot b,.mesa .rot b,.natal .rot b{border-color:var(--creme)}
.escuro .rot b::before,.mesa .rot b::before,.natal .rot b::before{background:var(--noite)}

/* bolhas do emblema como marcador */
.bolhas li{position:relative;padding-left:30px}
.bolhas li::before{content:"";position:absolute;left:0;top:.42em;width:18px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14'%3E%3Ccircle cx='6.5' cy='7.5' r='5.2' fill='none' stroke='%2362240A' stroke-width='1.6'/%3E%3Ccircle cx='14.5' cy='3.6' r='2.6' fill='none' stroke='%2362240A' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat}
.escuro .bolhas li::before,.mesa .bolhas li::before,.natal .bolhas li::before{filter:invert(88%) sepia(18%) saturate(400%) hue-rotate(330deg)}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:13px 24px;font:700 17px/1.15 var(--sc);letter-spacing:.06em;text-transform:lowercase;text-decoration:none;border:1.5px solid var(--marrom);border-radius:var(--r);cursor:pointer;transition:background .2s,color .2s,box-shadow .15s,transform .15s}
.btn svg{width:20px;height:20px;flex:none}
.btn-telha{background:var(--telha);color:var(--creme);box-shadow:4px 4px 0 var(--marrom)}
.btn-linha{background:transparent;color:var(--marrom)}
.btn-creme{background:var(--creme);color:var(--marrom);box-shadow:4px 4px 0 var(--noite);border-color:var(--noite)}
.btn-escuro{background:transparent;color:var(--creme);border-color:rgba(252,237,218,.6)}
.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--marrom)}
@media(hover:hover){.btn-telha:hover{background:var(--terracota)}.btn-linha:hover{background:var(--marrom);color:var(--creme)}.btn-creme:hover{background:var(--kraft2)}.btn-escuro:hover{background:var(--creme);color:var(--marrom)}}
.link{display:inline-flex;align-items:center;gap:8px;font:700 16px/1.2 var(--sc);letter-spacing:.07em;text-transform:lowercase;text-decoration:none;padding:6px 0;border-bottom:2px solid currentColor;color:var(--telha)}
.link::after{content:"→";font-family:var(--txt);transition:transform .2s}
@media(hover:hover){.link:hover::after{transform:translateX(4px)}}
.escuro .link,.mesa .link{color:var(--telha-cl)}

/* ---------- topo ---------- */
.topo{position:fixed;inset:0 0 auto 0;z-index:30;height:var(--topo);display:flex;align-items:center;justify-content:flex-end;gap:26px;padding:0 var(--m);transition:background .3s,border-color .3s;border-bottom:1.5px solid transparent}
.topo.rolou{background:color-mix(in srgb,var(--creme) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:rgba(98,36,10,.18)}
/* o selo redondo com o emblema, pendurado no barbante */
.selo{position:fixed;z-index:31;top:0;left:var(--m);display:flex;flex-direction:column;align-items:center;text-decoration:none;transform-origin:50% 0;transition:transform .35s cubic-bezier(.3,.7,.3,1)}
.selo::before{content:"";width:3px;height:16px;background:var(--juta)}
.selo span{position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:var(--creme);border:2px solid var(--marrom);box-shadow:3px 4px 0 rgba(98,36,10,.2)}
.selo span::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1.2px dashed var(--kraft)}
.selo span::after{content:"";position:absolute;top:7px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--areia);box-shadow:inset 0 0 0 1.5px var(--marrom)}
.selo img{width:118px;height:auto;margin-top:8px}
body.rolou .selo{transform:scale(.56)}
.menu{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}
.menu a:not(.btn){font:700 16px/1 var(--sc);letter-spacing:.07em;text-transform:lowercase;text-decoration:none;padding:10px 0;border-bottom:2px solid transparent;color:var(--marrom)}
.menu a:not(.btn) small{font:800 12px/1 var(--disp);color:var(--telha);margin-right:6px;letter-spacing:0}
.menu a[aria-current="page"]{border-bottom-color:var(--telha)}
@media(hover:hover){.menu a:not(.btn):hover{border-bottom-color:var(--kraft)}}
.menu .btn{min-height:44px;padding:9px 18px;font-size:15px;box-shadow:3px 3px 0 var(--marrom)}
.abre-menu{display:none;width:48px;height:48px;border:1.5px solid var(--marrom);border-radius:var(--r);background:var(--creme);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}
.abre-menu span{width:22px;height:2px;background:var(--marrom);transition:transform .25s,opacity .2s}
.abre-menu[aria-expanded="true"] span:nth-child(1){transform:translateY(4px) rotate(45deg)}
.abre-menu[aria-expanded="true"] span:nth-child(2){transform:translateY(-4px) rotate(-45deg)}
.menu-cel{position:fixed;z-index:29;inset:var(--topo) 0 auto 0;height:calc(100dvh - var(--topo));background:var(--creme);padding:96px var(--m) 32px;display:flex;flex-direction:column;gap:2px;transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility .25s;overflow-y:auto}
.menu-cel.aberto{opacity:1;transform:none;visibility:visible}
.menu-cel a:not(.btn){font:800 30px/1.1 var(--disp);text-transform:uppercase;letter-spacing:-.01em;text-decoration:none;padding:14px 0;border-bottom:1.5px solid rgba(98,36,10,.15);display:flex;gap:14px;align-items:baseline}
.menu-cel a small{font:800 15px/1 var(--disp);color:var(--telha)}
.menu-cel .btn{margin-top:24px}
body.travado{overflow:hidden}

/* ---------- estrutura ---------- */
.sec{padding:var(--sec) var(--m);position:relative}
.in{max-width:var(--max);margin:0 auto}
.areia{background:var(--areia)}
.escuro{background:var(--noite);color:var(--creme)}
.marrom{background:var(--marrom);color:var(--creme)}
.cab{max-width:var(--max);margin:0 auto clamp(40px,5vw,72px)}
.cab h2+.lead{margin-top:22px}
.cab-lado{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:end}
.cab-lado .lead{margin:0}

/* moldura de foto e de vídeo: papel creme, fio marrom, sombra dura */
.quadro{position:relative;margin:0;background:var(--papel);border:1.5px solid var(--marrom);padding:8px;box-shadow:6px 6px 0 var(--kraft2)}
.quadro img,.quadro video{width:100%;height:100%;object-fit:cover;background:var(--areia)}
.quadro.v916{aspect-ratio:9/16.6}
.quadro.v34{aspect-ratio:3/4.25}
.quadro figcaption{font:italic 400 14.5px/1.4 var(--txt);color:var(--tinta2);padding:9px 2px 1px}
.escuro .quadro,.mesa .quadro{box-shadow:6px 6px 0 rgba(207,175,148,.28)}
.v916>video,.v916>img{height:calc(100% - 0px)}

/* carimbo: o emblema aplicado como tinta */
.carimbo{position:absolute;pointer-events:none;width:var(--w,150px);aspect-ratio:1/1.03;transform:rotate(var(--rot,-9deg));mix-blend-mode:multiply;opacity:var(--op,.88);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -3.2 2.55'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/300px 300px;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -3.2 2.55'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E") 0 0/300px 300px}
.carimbo img{width:100%;height:auto}
.carimbo.bate{animation:bate .55s cubic-bezier(.2,.9,.25,1.15) both}
@keyframes bate{0%{opacity:0;transform:rotate(var(--rot,-9deg)) scale(1.5)}60%{opacity:var(--op,.95);transform:rotate(var(--rot,-9deg)) scale(.96)}100%{opacity:var(--op,.88);transform:rotate(var(--rot,-9deg)) scale(1)}}

/* plaquinha de lousa da banca */
.lousa{display:inline-flex;flex-direction:column;align-items:flex-start;background:var(--lousa);color:var(--giz);border:4px solid var(--madeira);border-radius:4px;padding:5px 13px 6px;transform:rotate(var(--lr,-2deg));box-shadow:2px 3px 0 rgba(42,18,8,.3);line-height:1.1}
.lousa small{font:italic 400 13px/1.2 var(--txt);opacity:.92}
.lousa strong{font:700 22px/1.1 var(--disp);letter-spacing:.01em;white-space:nowrap}

/* ---------- hero ---------- */
.hero{position:relative;min-height:100svh;padding:clamp(150px,15vw,190px) var(--m) clamp(56px,6vw,90px);display:grid;align-items:center;background:radial-gradient(ellipse 70% 60% at 85% 35%,#F7DFC2 0%,transparent 70%),var(--creme)}
.hero-grid{max-width:var(--max);margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(30px,5vw,80px);align-items:center}
.hero .rot{margin-bottom:26px}
.hero h1 .mao{display:block;font-size:.5em;color:var(--telha);line-height:1;margin:.06em 0 .02em;transform:rotate(-2deg);transform-origin:left}
.hero-sub{font-size:clamp(18px,1.45vw,21px);line-height:1.6;max-width:600px;margin:28px 0 34px;color:var(--terracota)}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px 18px;align-items:center}
.materia{margin-top:38px;padding-top:20px;border-top:1.5px solid rgba(98,36,10,.2);display:flex;flex-wrap:wrap;gap:8px 24px;font:700 15px/1.3 var(--sc);letter-spacing:.06em;text-transform:lowercase;color:var(--oliva)}
.materia li{padding-left:26px}
.mesa-hero{position:relative;height:clamp(520px,46vw,680px)}
.mesa-hero .principal{position:absolute;right:4%;top:0;width:min(66%,380px);transform:rotate(1.5deg)}
.mesa-hero .menor{position:absolute;left:0;bottom:4%;width:min(42%,232px);transform:rotate(-4deg);z-index:2}
.mesa-hero .carimbo{--w:min(34%,190px);--rot:-12deg;left:12%;top:2%;z-index:3}
.mesa-hero .lousa{position:absolute;right:0;bottom:2%;z-index:4;--lr:3deg}
.mesa-hero .tag-mao{position:absolute;z-index:4;right:min(60%,350px);top:44%;font:700 23px/1 var(--mao);color:var(--marrom);background:var(--kraft2);border:1.5px solid var(--marrom);border-radius:50%;width:104px;height:104px;display:grid;place-items:center;text-align:center;transform:rotate(-10deg);padding-top:10px}
.mesa-hero .tag-mao::before{content:"";position:absolute;top:9px;left:50%;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--creme);box-shadow:inset 0 0 0 1.5px var(--marrom)}
.mesa-hero .tag-mao::after{content:"";position:absolute;top:-34px;left:50%;width:3px;height:44px;background:var(--juta);transform:rotate(28deg);transform-origin:bottom}
.hero-leg{position:absolute;left:var(--m);bottom:22px;font:italic 400 14px/1.4 var(--txt);color:var(--tinta2);max-width:420px;margin:0}

/* faixa de fatos */
.fatos{background:var(--marrom);color:var(--creme);padding:clamp(30px,3.6vw,46px) var(--m)}
.fatos ul{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.fatos li{display:flex;flex-direction:column;gap:6px;padding-left:20px;border-left:1.5px dashed rgba(207,175,148,.5)}
.fatos strong{font:800 clamp(28px,2.7vw,40px)/1 var(--disp);color:var(--kraft2);letter-spacing:-.01em}
.fatos span{font-size:15.5px;line-height:1.45;color:#F3DCC3}

/* quem faz */
.quem{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(36px,6vw,96px);align-items:center}
.quem-foto{position:relative;max-width:360px;justify-self:center}
.quem-foto .quadro{transform:rotate(-1.5deg)}
.quem-foto .quadro img{aspect-ratio:404/700;object-position:50% 12%}
.quem-foto .carimbo{--w:132px;--rot:10deg;right:-34px;bottom:72px}
.etq{position:absolute;left:-16px;bottom:22px;background:var(--kraft2);border:1.5px solid var(--marrom);padding:8px 14px 9px;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--marrom);z-index:2}
.etq strong{display:block;font:800 17px/1.1 var(--disp);text-transform:uppercase}
.etq span{font:italic 14px/1.3 var(--txt)}
.citacao{margin:34px 0 30px;padding:4px 0 4px 26px;border-left:3px solid var(--telha)}
.citacao p{font:italic 600 clamp(22px,2.1vw,30px)/1.28 var(--disp);margin:0 0 10px;color:var(--terracota)}
.citacao cite{font:700 14px/1.3 var(--sc);letter-spacing:.08em;text-transform:lowercase;font-style:normal;color:var(--tinta2)}
.composicao{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 30px;margin-top:8px}
.composicao li strong{display:block;font:800 18px/1.25 var(--disp)}
.composicao li span{font-size:16px;line-height:1.5;color:var(--tinta2)}

/* processo na base de corte */
.mesa{background-color:var(--noite);color:var(--creme);background-image:linear-gradient(rgba(252,237,218,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(252,237,218,.075) 1px,transparent 1px),linear-gradient(rgba(252,237,218,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(252,237,218,.035) 1px,transparent 1px);background-size:140px 140px,140px 140px,28px 28px,28px 28px;background-position:-1px -1px}
.mesa::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:repeating-linear-gradient(90deg,rgba(252,237,218,.42) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(252,237,218,.6) 0 1.5px,transparent 1.5px 140px);background-size:auto 9px,auto 18px;background-repeat:repeat-x;background-position:0 0}
.passos-v{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.4vw,36px)}
.passo-v:nth-child(even){margin-top:64px}
.passo-v .quadro{background:#1c0c05;border-color:var(--kraft2);padding:6px}
.passo-v .n{display:flex;align-items:center;gap:10px;margin:22px 0 8px;font:800 15px/1 var(--disp);color:var(--telha-cl)}
.passo-v .n::after{content:"";flex:1;height:1px;background:rgba(207,175,148,.35)}
.passo-v h3{color:var(--creme)}
.passo-v p{font-size:16.5px;line-height:1.55;color:#E2C6A6;margin:10px 0 0}
.passo-v q{display:block;font:italic 500 16px/1.45 var(--disp);color:var(--kraft2);margin-top:12px;padding-left:12px;border-left:2px solid var(--telha-cl)}
.mesa-fim{max-width:var(--max);margin:clamp(48px,5vw,80px) auto 0;display:flex;flex-wrap:wrap;gap:18px 30px;align-items:center;justify-content:space-between;padding-top:28px;border-top:1.5px dashed rgba(207,175,148,.4)}
.mesa-fim p{margin:0;font:italic 500 clamp(20px,1.8vw,26px)/1.3 var(--disp);color:var(--creme);max-width:720px}

/* prateleira de linhas: cada linha em pé na tábua */
.prat{--g:clamp(18px,2.6vw,38px);max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:52px var(--g);overflow:hidden;padding:12px 4px 10px}
.prat-item{display:flex;flex-direction:column}
.prat-item>a{display:block;text-decoration:none;padding:0 clamp(4px,1vw,14px)}
.prat-item .quadro{box-shadow:none;transition:transform .3s}
.prat-item:nth-child(odd) .quadro{transform:rotate(-1.2deg)}
.prat-item:nth-child(even) .quadro{transform:rotate(1deg)}
@media(hover:hover){.prat-item>a:hover .quadro{transform:translateY(-8px) rotate(0)}}
.prat-item .quadro img{aspect-ratio:3/4}
.tabua{height:18px;margin:-2px calc(var(--g) / -2 - 2px) 0;background:linear-gradient(180deg,#C49A6C 0,#A9784C 45%,#8B5E3C 100%);border-top:1.5px solid #6E4527;box-shadow:0 8px 0 rgba(42,18,8,.16);position:relative;z-index:1}
.prat-item>div:last-child{padding:28px clamp(4px,1vw,14px) 0;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.prat-item h3 a{text-decoration:none}
.prat-item p{font-size:16px;line-height:1.5;color:var(--tinta2);margin:10px 0 18px}
.prat-item .lousa{margin-bottom:18px}
.prat-item .link{margin-top:auto}

/* Natal e presentes */
.natal{position:relative;background:var(--vinho);color:var(--creme);overflow:clip}
.natal::before{content:"";position:absolute;inset:0;opacity:.13;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cg fill='none' stroke='%23FCEDDA' stroke-width='1.4'%3E%3Ccircle cx='30' cy='40' r='9'/%3E%3Ccircle cx='44' cy='30' r='4'/%3E%3Ccircle cx='112' cy='108' r='12'/%3E%3Ccircle cx='128' cy='94' r='5'/%3E%3Ccircle cx='96' cy='126' r='3'/%3E%3C/g%3E%3C/svg%3E")}
.natal>*{position:relative}
.natal-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,84px);align-items:start}
.natal .quadro{box-shadow:6px 6px 0 rgba(42,18,8,.35);border-color:var(--noite)}
.natal-fotos{position:sticky;top:calc(var(--topo) + 30px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:18px;align-items:start}
.natal-fotos .quadro:nth-child(2){margin-top:70px}
.natal-fotos .quadro:nth-child(3){grid-column:1/3;width:62%;justify-self:center;margin-top:-30px;transform:rotate(-1.5deg)}
.natal-fotos .quadro:nth-child(3) img{aspect-ratio:4/3.2;object-position:50% 60%}
.natal-fotos .quadro img{aspect-ratio:3/4.4}
.kits{display:flex;flex-direction:column;gap:12px;margin:30px 0 30px}
.kit{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:center;background:var(--kraft2);color:var(--marrom);padding:14px 20px 14px 46px;clip-path:polygon(24px 0,100% 0,100% 100%,24px 100%,0 50%);text-decoration:none;transition:transform .2s,background .2s}
.kit::before{content:"";position:absolute;left:18px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--vinho);box-shadow:inset 0 0 0 1.5px var(--marrom)}
.kit strong{font:800 19px/1.15 var(--disp);text-transform:uppercase;letter-spacing:-.005em}
.kit span{grid-column:1;font-size:15px;line-height:1.4}
.kit em{grid-row:1/3;grid-column:2;font:800 24px/1 var(--disp);font-style:normal;white-space:nowrap}
.kit em small{font-size:.6em;margin-right:.22em}
@media(hover:hover){a.kit:hover{transform:translateX(6px);background:#DBC0A6}}
.natal-nota{font-size:16px;color:#F5DCC4;margin:0 0 26px}
.natal-nota strong{color:var(--creme)}

/* lembrancinhas */
.lemb{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.lemb-fotos{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.lemb-fotos .quadro:first-child{grid-column:1/3}
.lemb-fotos .quadro:first-child img{aspect-ratio:1080/760}
.lemb-fotos .quadro:nth-child(3){margin-top:44px}
.lemb-fotos .carimbo{--w:120px;--rot:8deg;right:-14px;top:-40px}
.ocasioes{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 28px}
.ocasioes li{font:600 15.5px/1 var(--txt);padding:9px 13px 10px;border:1.5px solid var(--marrom);border-radius:999px;background:var(--papel)}
.empresa{border:1.5px solid var(--marrom);background:var(--papel);padding:22px 24px;margin:0 0 28px;position:relative;box-shadow:5px 5px 0 var(--kraft2)}
.empresa h3{font-size:22px;margin-bottom:8px}
.empresa p{font-size:16.5px;margin:0;color:var(--tinta2)}

/* como comprar + etiqueta de envio */
.comprar{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,84px);align-items:start}
.passos{counter-reset:p;display:flex;flex-direction:column;gap:0;margin-top:10px}
.passos li{counter-increment:p;display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;padding:22px 0;border-bottom:1.5px solid rgba(98,36,10,.16)}
.passos li::before{content:counter(p);font:800 52px/.9 var(--disp);color:var(--telha)}
.passos h3{font-size:22px;margin-bottom:6px}
.passos p{font-size:16.5px;color:var(--tinta2);margin:0}
.etiqueta{background:var(--papel);border:2px solid var(--marrom);padding:6px;box-shadow:8px 8px 0 var(--marrom);transform:rotate(.6deg)}
.etiqueta-in{border:1.5px dashed var(--kraft);padding:clamp(18px,2.4vw,30px)}
.etq-topo{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:2px solid var(--marrom)}
.etq-topo .sc{display:block;color:var(--tinta2);font-size:12.5px}
.etq-topo strong{font:800 19px/1.2 var(--disp);text-transform:uppercase}
.etq-topo img{width:84px;flex:none}
.envio{width:100%;border-collapse:collapse;margin:6px 0 0;font-size:16px}
.envio th,.envio td{text-align:left;vertical-align:top;padding:13px 10px 13px 0;border-bottom:1.5px solid rgba(98,36,10,.15)}
.envio th{font:800 16.5px/1.3 var(--disp);width:36%}
.envio td strong{font-family:var(--disp);font-weight:800;color:var(--telha)}
.envio tr.gratis td,.envio tr.gratis th{background:linear-gradient(90deg,rgba(170,60,32,.1),transparent)}
.barras{height:40px;margin-top:20px;background:repeating-linear-gradient(90deg,var(--marrom) 0 2px,transparent 2px 4px,var(--marrom) 4px 7px,transparent 7px 8px,var(--marrom) 8px 9px,transparent 9px 13px,var(--marrom) 13px 14px,transparent 14px 16px);opacity:.82;max-width:320px}

/* feiras */
.feiras{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(36px,6vw,96px);align-items:center}
.feiras .quadro{max-width:340px;transform:rotate(-1.5deg)}
.lista-feiras{margin-top:30px;border-top:1.5px solid rgba(207,175,148,.35)}
.lista-feiras li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1.5px solid rgba(207,175,148,.35)}
.lista-feiras time{font:800 18px/1.3 var(--disp);color:var(--telha-cl)}
.lista-feiras strong{display:block;font:700 18px/1.3 var(--disp)}
.lista-feiras span{font-size:15.5px;color:#E2C6A6}

/* FAQ */
.faq{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(30px,5vw,80px)}
.faq-lista details{border-bottom:1.5px solid rgba(98,36,10,.2)}
.faq-lista details:first-child{border-top:1.5px solid rgba(98,36,10,.2)}
.faq-lista summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0;font:700 clamp(18px,1.5vw,21px)/1.3 var(--disp)}
.faq-lista summary::-webkit-details-marker{display:none}
.faq-lista summary::after{content:"";width:16px;height:16px;flex:none;background:linear-gradient(var(--telha),var(--telha)) center/100% 2px no-repeat,linear-gradient(var(--telha),var(--telha)) center/2px 100% no-repeat;transition:transform .25s}
.faq-lista details[open] summary::after{transform:rotate(45deg)}
.faq-lista details p{margin:0 0 22px;color:var(--tinta2);max-width:680px}

/* fechamento */
.assina{background:var(--kraft2);padding:clamp(80px,9vw,140px) var(--m);position:relative;overflow:hidden;border-top:2px solid var(--marrom)}
.assina-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:center;position:relative;z-index:1}
.assina h2{max-width:900px}
.assina h2 em{color:var(--terracota)}
.assina p{font-size:18px;margin:22px 0 0;max-width:560px;color:var(--marrom)}
.assina .carimbo{--w:min(46vw,440px);--rot:-14deg;right:-60px;top:50%;margin-top:calc(var(--w) * -.5);--op:.17;z-index:0}

.rodape{background:var(--noite);color:#E9D3BA;padding:clamp(60px,7vw,96px) var(--m) 34px}
.rodape-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
.rodape-logo{width:190px}
.rodape h3{font:700 15px/1.2 var(--sc);letter-spacing:.1em;text-transform:lowercase;color:var(--kraft2);margin-bottom:14px}
.rodape p{font-size:16px;margin:0 0 10px}
.rodape a{display:block;text-decoration:none;font-size:16px;padding:5px 0}
@media(hover:hover){.rodape a:hover{color:var(--telha-cl)}}
.rodape-fim{grid-column:1/-1;margin:24px 0 0;padding-top:22px;border-top:1px solid rgba(207,175,148,.25);font:700 13.5px/1.4 var(--sc);letter-spacing:.08em;text-transform:lowercase;color:#CDB49B;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}

.wa-fixo{position:fixed;z-index:28;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:var(--telha);color:var(--creme);display:grid;place-items:center;border:2px solid var(--marrom);box-shadow:3px 3px 0 var(--marrom);transition:transform .2s}
.wa-fixo svg{width:27px;height:27px}
@media(hover:hover){.wa-fixo:hover{transform:translateY(-3px)}}

/* ---------- páginas internas ---------- */
.topo-pag{padding:clamp(170px,16vw,210px) var(--m) clamp(56px,6vw,90px);background:radial-gradient(ellipse 60% 70% at 90% 20%,#F7DFC2 0,transparent 70%),var(--creme)}
.topo-pag.natal{background:var(--vinho)}
.topo-pag-in{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(30px,5vw,80px);align-items:end}
.topo-pag h1{font-size:clamp(42px,6vw,96px)}
.topo-pag .lead{margin-top:24px;color:var(--terracota)}
.topo-pag.natal .lead{color:#F5DCC4}
.topo-pag .quadro{max-width:330px;justify-self:end;transform:rotate(2deg)}
.trilha{font:700 14px/1.3 var(--sc);letter-spacing:.08em;text-transform:lowercase;margin-bottom:22px;color:var(--tinta2)}
.trilha a{text-decoration:none;border-bottom:1.5px solid var(--kraft)}
.natal .trilha{color:#F5DCC4}

/* catálogo */
.abas{position:sticky;top:var(--topo);z-index:20;background:color-mix(in srgb,var(--creme) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1.5px solid rgba(98,36,10,.15);border-bottom:1.5px solid rgba(98,36,10,.15);padding:10px var(--m)}
.abas-in{max-width:var(--max);margin:0 auto;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.abas-in::-webkit-scrollbar{display:none}
.abas a{flex:none;font:700 15.5px/1 var(--sc);letter-spacing:.06em;text-transform:lowercase;text-decoration:none;padding:11px 15px;border:1.5px solid var(--marrom);border-radius:999px;background:var(--papel)}
.abas a.on{background:var(--marrom);color:var(--creme)}
.linha{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,5vw,84px);align-items:start;max-width:var(--max);margin:0 auto}
.linha-lado{position:sticky;top:calc(var(--topo) + 90px)}
.linha-lado .lead{margin:18px 0 26px;font-size:17.5px}
.linha-lado .quadro{max-width:260px;margin-top:8px}
.fichas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.ficha{background:var(--papel);border:1.5px solid var(--marrom);padding:6px;display:flex;flex-direction:column}
.ficha-in{border:1.2px dashed var(--kraft);padding:20px 20px 18px;display:flex;flex-direction:column;flex:1}
.ficha .sc{color:var(--tinta2);font-size:12.5px}
.ficha h3{margin:6px 0 4px}
.ficha .aromas{font:italic 15px/1.5 var(--txt);color:var(--tinta2);margin:6px 0 14px}
.ficha .foto-f{margin:-20px -20px 16px;aspect-ratio:4/3;overflow:hidden;border-bottom:1.2px dashed var(--kraft)}
.ficha .foto-f img{width:100%;height:100%;object-fit:cover}
.precos{margin:2px 0 16px}
.precos li{display:flex;align-items:baseline;gap:8px;padding:5px 0;font-size:16.5px}
.precos li i{flex:1;border-bottom:2px dotted rgba(98,36,10,.35);transform:translateY(-4px);min-width:14px}
.precos li b{font:800 18px/1 var(--disp);white-space:nowrap}
.ficha .aviso{font-size:14px;line-height:1.45;color:var(--tinta2);border-left:2px solid var(--kraft);padding-left:10px;margin:0 0 14px}
.ficha .pedir{margin-top:auto;align-self:flex-start}
.ficha.larga{grid-column:1/-1}
.linha-sec+.linha-sec{border-top:2px dashed rgba(98,36,10,.18)}
.tambem{grid-column:1/-1;font-size:16px;color:var(--tinta2);margin:4px 0 0;padding:16px 18px;border:1.5px dashed var(--kraft)}

/* presentes */
.kits-g{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.kitc{display:flex;flex-direction:column;background:var(--papel);border:1.5px solid var(--marrom);box-shadow:6px 6px 0 var(--kraft2)}
.kitc .foto-k{aspect-ratio:4/4.4;overflow:hidden;border-bottom:1.5px solid var(--marrom);position:relative}
.kitc .foto-k img{width:100%;height:100%;object-fit:cover}
.kitc .foto-k.sem{display:grid;place-items:center;background:var(--areia)}
.kitc .foto-k.sem img{width:46%;height:auto;object-fit:contain;opacity:.9}
.kitc-in{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.kitc .faixa{font:700 13px/1 var(--sc);letter-spacing:.08em;text-transform:lowercase;color:var(--telha);margin-bottom:8px}
.kitc ul{margin:12px 0 18px;font-size:16px}
.kitc ul li{padding:3px 0 3px 30px}
.kitc .preco-k{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1.5px dashed var(--kraft)}
.kitc .preco-k strong{font:800 30px/1 var(--disp)}
.kitc .preco-k strong small{font-size:.55em;margin-right:3px}
.kitc .leg-k{font:italic 13.5px/1.4 var(--txt);color:var(--tinta2);margin:-6px 0 12px}
.embalagens{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1.5px solid rgba(98,36,10,.2)}
.embalagens li{padding:20px 18px 20px 0;border-bottom:1.5px solid rgba(98,36,10,.2)}
.embalagens strong{display:block;font:800 18px/1.25 var(--disp)}
.embalagens span{font-size:15.5px;color:var(--tinta2)}
.monte{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}

/* formulário (abre o WhatsApp) */
.form-wa{background:var(--papel);border:1.5px solid var(--marrom);padding:6px;box-shadow:8px 8px 0 var(--marrom)}
.form-wa-in{border:1.2px dashed var(--kraft);padding:clamp(20px,2.6vw,32px);display:grid;gap:16px}
.form-wa h3{font-size:24px}
.form-wa label{display:grid;gap:6px;font:700 14.5px/1.2 var(--sc);letter-spacing:.07em;text-transform:lowercase;color:var(--tinta2)}
.form-wa input,.form-wa select,.form-wa textarea{font:400 17px/1.3 var(--txt);color:var(--marrom);background:var(--creme);border:1.5px solid rgba(98,36,10,.45);border-radius:var(--r);padding:12px 13px;min-height:50px;width:100%}
.form-wa textarea{min-height:90px;resize:vertical}
.form-wa input:focus,.form-wa select:focus,.form-wa textarea:focus{outline:2.5px solid var(--telha);outline-offset:1px;border-color:var(--marrom)}
.form-wa .dupla{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-wa .btn{width:100%}
.form-wa .nota{font-size:14.5px;color:var(--tinta2);margin:0}

/* ---------- link da bio ---------- */
.pg-links{background:var(--creme)}
.pg-links::before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 80% 50% at 50% 0,#F7DFC2,transparent 70%)}
.lk{max-width:480px;margin:0 auto;padding:0 18px 48px;text-align:center}
.lk-selo{display:flex;flex-direction:column;align-items:center}
.lk-selo::before{content:"";width:3px;height:22px;background:var(--juta)}
.lk-selo span{position:relative;display:grid;place-items:center;width:170px;height:170px;border-radius:50%;background:var(--creme);border:2px solid var(--marrom);box-shadow:3px 4px 0 rgba(98,36,10,.2)}
.lk-selo span::before{content:"";position:absolute;inset:6px;border-radius:50%;border:1.2px dashed var(--kraft)}
.lk-selo span::after{content:"";position:absolute;top:8px;left:50%;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--areia);box-shadow:inset 0 0 0 1.5px var(--marrom)}
.lk-selo img{width:132px;margin-top:10px}
.lk h1{font-size:clamp(30px,8.4vw,40px);margin:24px 0 8px;line-height:.98}
.lk h1 em{display:block}
.lk-sub{font-size:16.5px;color:var(--tinta2);margin:0 auto 20px;max-width:380px}
.lk-fita{display:flex;gap:10px;overflow:hidden;margin:0 -18px 22px;padding:6px 0 14px;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lk-fita-trilho{display:flex;gap:10px;animation:fita 46s linear infinite;flex:none}
.lk-f{flex:none;width:118px;background:var(--papel);border:1.5px solid var(--marrom);padding:4px}
.lk-f:nth-child(odd){transform:rotate(-2deg)}.lk-f:nth-child(even){transform:rotate(1.6deg)}
.lk-f img{width:100%;aspect-ratio:3/4;object-fit:cover}
@keyframes fita{to{transform:translateX(calc(-50% - 5px))}}
.lk-bts{display:flex;flex-direction:column;gap:12px;text-align:left}
.lk-b{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;min-height:64px;padding:12px 18px;background:var(--papel);border:1.5px solid var(--marrom);border-radius:var(--r);text-decoration:none;box-shadow:4px 4px 0 var(--kraft2);transition:transform .15s,box-shadow .15s}
.lk-b strong{font:800 18px/1.15 var(--disp);text-transform:uppercase;letter-spacing:-.005em}
.lk-b span{font-size:14.5px;line-height:1.35;color:var(--tinta2);grid-column:1}
.lk-b::after{content:"→";grid-row:1/3;grid-column:2;font:400 22px/1 var(--txt)}
.lk-b.pri{background:var(--telha);color:var(--creme);box-shadow:4px 4px 0 var(--marrom)}
.lk-b.pri span{color:#F8DCCB}
.lk-b.nat{background:var(--vinho);color:var(--creme);box-shadow:4px 4px 0 var(--marrom)}
.lk-b.nat span{color:#F5DCC4}
.lk-b:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--marrom)}
.lk-cab{display:flex;align-items:center;gap:10px;justify-content:center;font:700 14px/1 var(--sc);letter-spacing:.1em;text-transform:lowercase;color:var(--tinta2);margin:30px 0 14px}
.lk-cab::before,.lk-cab::after{content:"";width:28px;height:3px;background:var(--juta)}
.lk-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.lk-g{position:relative;display:block;text-decoration:none;background:var(--papel);border:1.5px solid var(--marrom);padding:5px}
.lk-g img{width:100%;aspect-ratio:1/1.08;object-fit:cover}
.lk-g>span:last-child{display:block;padding:9px 2px 4px;font:800 15.5px/1.15 var(--disp);text-transform:uppercase;text-align:left}
.lk-g .lousa{position:absolute;right:8px;top:10px;padding:3px 9px 4px;border-width:3px}
.lk-g .lousa strong{font-size:15px}
.lk-g .lousa small{font-size:11.5px}
.lk-envio{margin:26px 0 0;background:var(--papel);border:1.5px solid var(--marrom);padding:5px;text-align:left}
.lk-envio div{border:1.2px dashed var(--kraft);padding:16px 18px}
.lk-envio strong{font:800 17px/1.2 var(--disp);text-transform:uppercase;display:block;margin-bottom:8px}
.lk-envio li{font-size:15px;line-height:1.45;padding:4px 0 4px 30px}
.lk-rod{margin-top:30px;font:700 14px/1.6 var(--sc);letter-spacing:.08em;text-transform:lowercase;color:var(--tinta2)}
.lk-rod a{text-decoration:none;border-bottom:1.5px solid var(--kraft)}

/* reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.quadro.reveal.in{transform:var(--t,none)}

/* ---------- responsivo ---------- */
@media(max-width:1100px){
  .menu a:not(.btn){display:none}
  .abre-menu{display:flex}
  .passos-v{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prat{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kits-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rodape-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .rodape-logo{grid-column:1/-1}
  .embalagens{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  :root{--topo:70px}
  .hero{padding-top:150px;min-height:0}
  .hero-grid,.quem,.natal-grid,.lemb,.comprar,.feiras,.faq,.cab-lado,.linha,.monte,.topo-pag-in{grid-template-columns:minmax(0,1fr)}
  .mesa-hero{height:auto;aspect-ratio:1/1.12;max-width:520px;width:100%;margin:10px auto 0}
  .hero-leg{position:static;margin:26px 0 0}
  .fatos ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .quem-foto{margin:0 auto 10px;max-width:340px}
  .linha-lado{position:static}
  .linha-lado .quadro{display:none}
  .topo-pag .quadro{justify-self:start;max-width:250px}
  .assina-in{grid-template-columns:minmax(0,1fr)}
  .feiras .quadro{margin:0 auto}
}
@media(max-width:640px){
  body{font-size:17px}
  .selo span{width:112px;height:112px}
  .selo img{width:86px;margin-top:6px}
  .selo::before{height:10px}
  body.rolou .selo{transform:scale(.6)}
  .hero{padding-top:142px}
  .hero-cta .btn{width:100%}
  .materia{gap:8px 18px;font-size:14px}
  .composicao{grid-template-columns:minmax(0,1fr)}
  .passo-v:nth-child(even){margin-top:40px}
  .passo-v p{font-size:15.5px}
  .passo-v q{font-size:15px}
  .fichas{grid-template-columns:minmax(0,1fr)}
  .kits-g{grid-template-columns:minmax(0,1fr)}
  .kit{padding:13px 16px 13px 42px;grid-template-columns:minmax(0,1fr)}
  .kit em{grid-row:auto;grid-column:1;margin-top:6px;font-size:21px}
  .lista-feiras li{grid-template-columns:minmax(0,1fr);gap:4px}
  .envio th{width:auto}
  .envio,.envio tbody,.envio tr,.envio th,.envio td{display:block}
  .envio th{padding-bottom:2px;border-bottom:0}
  .envio td{padding-top:0}
  .etq-topo img{width:64px}
  .form-wa .dupla{grid-template-columns:minmax(0,1fr)}
  .rodape-in{grid-template-columns:minmax(0,1fr)}
  .embalagens{grid-template-columns:minmax(0,1fr)}
  .natal-fotos .quadro:nth-child(2){margin-top:40px}
  .passos li{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .passos li::before{font-size:40px}
  .mesa-hero .tag-mao{width:84px;height:84px;font-size:19px;right:56%}
  .mesa-hero .lousa strong{font-size:19px}
  .wa-fixo{width:54px;height:54px;right:14px;bottom:14px}
}
@media(max-width:380px){
  .fatos ul{grid-template-columns:minmax(0,1fr)}
  .prat{--g:14px}
  .prat-item p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}
.mesa .passos li{border-bottom-color:rgba(207,175,148,.3)}
.mesa .passos li::before{color:var(--telha-cl)}
.mesa .passos h3{color:var(--creme)}
@media(min-width:901px){.passos-escuro{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 30px}.passos-escuro li{grid-template-columns:minmax(0,1fr);border-bottom:0;border-top:1.5px solid rgba(207,175,148,.3)}}
.sec,.hero,.topo-pag{overflow-x:clip}
@media(max-width:640px){
  .quem-foto{max-width:270px}
  .quem-foto .carimbo{--w:104px;right:-18px;bottom:60px}
  .lemb-fotos .carimbo{--w:92px;right:-4px;top:-34px}
}
@media(min-width:641px){
  .ficha.larga .ficha-in{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:26px;align-content:start}
  .ficha.larga .ficha-in>*{grid-column:2}
  .ficha.larga .foto-f{grid-column:1;grid-row:1/span 8;margin:-20px 0 -18px -20px;aspect-ratio:auto;min-height:100%;border-bottom:0;border-right:1.2px dashed var(--kraft)}
  .ficha.larga .precos{columns:2;column-gap:26px}
  .ficha.larga .precos li{break-inside:avoid}
}
body.pg-natal .topo:not(.rolou) .menu a:not(.btn){color:var(--creme)}
body.pg-natal .topo:not(.rolou) .menu a:not(.btn) small{color:#F6C9A9}
body.pg-natal .topo:not(.rolou) .menu a[aria-current="page"]{border-bottom-color:#F6C9A9}
body.pg-natal .topo:not(.rolou) .menu .btn{background:var(--creme);color:var(--marrom);box-shadow:3px 3px 0 var(--noite);border-color:var(--noite)}
.embalagens li{padding:20px 18px 20px 30px}
.embalagens li::before{top:25px}
.cab-lado.centro{align-items:center}

.tabua{flex:none}
.prat-item .quadro.v916{aspect-ratio:auto}
.prat-item .quadro.v916 video{aspect-ratio:3/4;height:auto}
*,*::before,*::after{font-variant-numeric:lining-nums!important}
.passos li::before{font-family:var(--txt);font-weight:600;font-style:italic}
@media(max-width:640px){.envio caption{display:block;width:100%}}
@media(max-width:640px){.hero h1 .mao{font-size:.64em;margin:.12em 0 .04em}}
@media(max-width:640px){.topo-pag .quadro{max-width:210px}.topo-pag{padding-bottom:48px}}

/* ================= v2 (rodada 2 da crítica, 04/11/2026) ================= */
/* hero: produto nítido, sem vídeo grande, carimbo fora das molduras */
.hero-cel{display:none}
.hero-natal{display:flex;align-items:center;gap:12px;margin:0 0 22px;font-size:17px;color:var(--marrom)}
.hero-natal::before{content:"";width:28px;height:3px;flex:none;background:var(--juta);border-radius:2px}
.hero-natal strong{font-family:var(--disp);font-weight:800}
.hero-sub{margin:26px 0 22px}
.mesa-hero{height:clamp(500px,42vw,610px)}
.mesa-hero .principal{right:2%;top:5%;width:min(64%,360px);transform:rotate(1.5deg)}
.mesa-hero .principal img{aspect-ratio:3/4}
.mesa-hero .menor{left:0;bottom:3%;width:min(44%,240px);transform:rotate(-4deg)}
.mesa-hero .menor img{aspect-ratio:1/1}
.mesa-hero .carimbo{--w:min(30%,150px);--rot:-12deg;left:3%;top:0}
.mesa-hero .lousa{right:-6px;bottom:7%}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}

/* botões novos */
.btn-marrom{background:var(--marrom);color:var(--creme);border-color:var(--noite);box-shadow:3px 3px 0 var(--noite)}
@media(hover:hover){.btn-marrom:hover{background:var(--terracota)}}
.btn-p{min-height:44px;padding:9px 16px;font-size:15px}
.btn-p::after{content:"→";font-family:var(--txt);margin-left:2px}

/* Natal na home: 3 kits com foto e tag pendurada */
.kits-n{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,44px)}
.kitn{display:flex;flex-direction:column}
.kitn .quadro{box-shadow:6px 6px 0 rgba(42,18,8,.35);border-color:var(--noite)}
.kitn .quadro img{aspect-ratio:4/3.3}
.kit-tag{position:relative;margin:-14px 14px 0;background:var(--kraft2);color:var(--marrom);border:1.5px solid var(--noite);padding:24px 18px 16px;transform:rotate(-1deg);box-shadow:4px 4px 0 rgba(42,18,8,.35);display:flex;flex-direction:column;gap:6px;flex:1}
.kit-tag::before{content:"";position:absolute;top:9px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;background:var(--vinho);box-shadow:inset 0 0 0 1.5px var(--noite)}
.kit-tag::after{content:"";position:absolute;top:-22px;left:50%;width:3px;height:34px;background:var(--juta);transform:rotate(18deg);transform-origin:bottom}
.kit-tag strong{font:800 20px/1.15 var(--disp);text-transform:uppercase}
.kit-tag>span{font-size:15.5px;line-height:1.45}
.kit-rod{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:12px;border-top:1.5px dashed rgba(42,18,8,.35)}
.kit-rod em{font:800 26px/1 var(--disp);font-style:normal;white-space:nowrap}
.kit-rod em small,.kitc .preco-k strong small{font-size:.55em;margin-right:.2em}
.natal-fim{max-width:var(--max);margin:clamp(40px,4vw,56px) auto 0;display:flex;flex-wrap:wrap;gap:16px 18px}
.natal .natal-nota{margin:16px 0 0}

/* quem faz + processo sobre a base de corte */
.mesa .quem{max-width:var(--max);margin:0 auto}
.quem-foto{max-width:300px}
.mesa .citacao p{color:var(--kraft2)}
.mesa .citacao cite{color:#E2C6A6}
.mesa .citacao{border-left-color:var(--telha-cl)}
.mesa .composicao li strong{color:var(--creme)}
.mesa .composicao li span{color:#E2C6A6}
.processo{max-width:var(--max);margin:clamp(56px,6vw,90px) auto 0;display:grid;grid-template-columns:220px 220px minmax(0,1fr);gap:clamp(22px,3vw,44px);align-items:end}
.processo .passo-v:nth-child(even){margin-top:0}
.processo .passo-v:nth-child(2){transform:translateY(-40px)}
.processo-nota{margin:0;font:italic 500 clamp(18px,1.6vw,22px)/1.45 var(--disp);color:var(--creme);max-width:520px}
.processo-nota .link{display:inline-flex;margin-top:16px;font-style:normal}

/* como comprar curto */
.comprar-cab{align-items:center}
.comprar-cab .carimbo{position:relative;justify-self:end;--w:150px;--rot:9deg}
.passos-3{max-width:var(--max);margin:0 auto}
@media(min-width:901px){.passos-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 34px}.passos-3 li{border-bottom:0;border-top:1.5px solid rgba(98,36,10,.18)}}
.envio-linha{max-width:var(--max);margin:30px auto 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 20px;border:1.5px dashed var(--kraft);background:var(--papel);font-size:16px;line-height:1.5}
.envio-linha .sc{color:var(--telha)}
.envio-linha strong{font-family:var(--disp);font-weight:800}
.envio .gratis td,.envio .gratis th{background:linear-gradient(90deg,rgba(170,60,32,.1),transparent)}
.envio caption{text-align:left;padding:16px 0 4px;caption-side:top}

/* feira: foto nítida, moldura média */
.feiras .quadro{max-width:300px}

/* presentes */
.kits-g{grid-template-columns:repeat(3,minmax(0,1fr))}
.var-cesta{font-size:15.5px;line-height:1.45;margin:0 0 14px;padding-top:12px;border-top:1.5px dashed var(--kraft);display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.var-cesta .link{font-size:14px;padding:2px 0}
.kitc-txt{font-size:16px;color:var(--tinta2);margin:10px 0 8px}
.kitc .faixa{font-size:14px}
.kitc .preco-k .sc{color:var(--tinta2)}
.monte-v{max-width:180px}
.monte{grid-template-columns:180px minmax(0,1fr)}

/* catálogo: mídia lateral menor */
.linha-lado .lado-m{max-width:220px}
.linha-lado .lado-m:not(.v916) img{aspect-ratio:3/4}

/* lembrancinhas na home */
.lemb-fotos .quadro:not(:first-child) img{aspect-ratio:3/4}

/* link da bio: Natal em creme com borda vinho (sem telha ao lado) */
.lk-b.nat{background:var(--papel);color:var(--vinho);border:2px solid var(--vinho);box-shadow:4px 4px 0 var(--vinho)}
.lk-b.nat span{color:var(--tinta2)}
.lk-g .lk-g-n{display:block;padding:9px 2px 4px;font:800 15.5px/1.15 var(--disp);text-transform:uppercase;text-align:left}
.lk-selo img{width:132px;height:auto}

/* emblema SVG */
.selo img{height:auto}

/* barra fixa de pedido no celular */
.barra-wa{display:none}
@media(max-width:900px){
  body{padding-bottom:56px}
  .barra-wa{position:fixed;z-index:28;left:0;right:0;bottom:0;height:56px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--marrom);color:var(--creme);text-decoration:none;font:700 17px/1 var(--sc);letter-spacing:.06em;text-transform:lowercase;border-top:1.5px solid var(--noite);padding-bottom:env(safe-area-inset-bottom)}
  .barra-wa svg{width:22px;height:22px}
  .pg-natal .barra-wa{background:var(--creme);color:var(--marrom);border-top-color:var(--marrom)}
}

/* pausa dos loops (WCAG 2.2.2) */
.loop-bt{position:absolute;right:16px;bottom:16px;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--creme);background:rgba(42,18,8,.72);cursor:pointer;display:grid;place-items:center;padding:0;z-index:2}
.loop-bt::before{content:"";width:10px;height:12px;background:linear-gradient(90deg,var(--creme) 0 3.5px,transparent 3.5px 6.5px,var(--creme) 6.5px)}
.loop-bt.parado::before{width:0;height:0;background:none;border-style:solid;border-width:7px 0 7px 11px;border-color:transparent transparent transparent var(--creme);margin-left:3px}
.quadro figcaption~.loop-bt{bottom:52px}

/* texto mínimo de 14 px */
.lousa small{font-size:14px}
.etq-topo .sc,.ficha .sc{font-size:14px}
.rodape-fim{font-size:14px}
.lk-g .lousa small{font-size:14px}
.lk-g .lousa strong{font-size:16px}

@media(max-width:900px){
  .mesa-hero{display:none}
  .hero{padding-top:124px}
  .hero-cel{display:block;max-width:300px;margin:22px 0 0;transform:rotate(-1.2deg)}
  .hero-cel img{aspect-ratio:300/220;object-fit:cover}
  .hero-sub{margin:22px 0 16px}
  .kits-n{grid-template-columns:minmax(0,1fr);max-width:440px}
  .processo{grid-template-columns:repeat(2,minmax(0,1fr));max-width:460px}
  .processo .passo-v:nth-child(2){transform:none}
  .processo-nota{grid-column:1/-1}
  .comprar-cab .carimbo{display:none}
  .kits-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .monte{grid-template-columns:minmax(0,1fr)}
  .monte-v{margin:0 auto}
}
@media(max-width:640px){
  .selo span{width:94px;height:94px}
  .selo img{width:72px;margin-top:5px}
  .quem-foto{max-width:200px}
  .kits-g{grid-template-columns:minmax(0,1fr)}
  .hero h1{font-size:clamp(38px,11vw,46px)}
  .hero-cta .btn{width:100%}
  .hero-natal{font-size:16px}
  .envio-linha{font-size:15px}
}
.escuro .bolhas li::before,.mesa .bolhas li::before,.natal .bolhas li::before{filter:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 14'%3E%3Ccircle cx='6.5' cy='7.5' r='5.2' fill='none' stroke='%23CFAF94' stroke-width='1.6'/%3E%3Ccircle cx='14.5' cy='3.6' r='2.6' fill='none' stroke='%23CFAF94' stroke-width='1.4'/%3E%3C/svg%3E")}
.processo{align-items:center}
.processo .passo-v:nth-child(2){transform:translateY(-28px)}
.etq{color:var(--marrom)}
@media(max-width:900px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:900px){.menu .btn{display:none}}
@media(max-width:640px){.hero h1{font-size:clamp(34px,9.6vw,40px)}.hero{padding-top:118px}.hero .rot{margin-bottom:16px}.hero-cel{margin-top:18px}}
.hero-natal{display:block}.hero-natal::before{display:inline-block;vertical-align:middle;margin:-3px 10px 0 0}
@media(min-width:901px){.monte{max-width:1000px;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:56px}.monte-v{position:sticky;top:120px;margin-top:8px}}
@media(max-width:640px){.feiras .quadro{max-width:260px}}