:root{
  --cream:#f5eddd;
  --paper:#fff9ed;
  --green:#173922;
  --green-2:#214d2c;
  --green-3:#0f2818;
  --gold:#f2bd2c;
  --gold-deep:#d99a16;
  --terracotta:#8f351d;
  --wood:#3a1f11;
  --wood-2:#24130b;
  --ink:#1c251d;
  --muted:#6a6a5f;
  --line:#dfd2bb;
  --serif:Georgia,"Times New Roman",serif;
  --sans:Arial,Helvetica,sans-serif;
  --shadow:0 18px 50px rgba(48,28,14,.14);
  --radius:16px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 var(--sans);background-image:radial-gradient(circle at 10% 12%,#fff8e9 0,transparent 32%),radial-gradient(circle at 88% 24%,#e9d4ac55 0,transparent 28%)}
body:has(dialog[open]){overflow:hidden}
body:has(.order-dock:not([hidden])){padding-bottom:94px}
button,a,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img{max-width:100%}
[hidden]{display:none!important}
.wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.section{padding-block:84px}
.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:99;background:white;padding:12px 16px;border-radius:8px}
button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffd65f;outline-offset:3px}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:var(--serif);font-weight:700;line-height:.98;letter-spacing:-.035em}
h2{font-size:clamp(34px,4vw,56px);color:var(--green);margin-bottom:18px}
h3{line-height:1.25}
.eyebrow{margin:0 0 12px;color:#966219;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.eyebrow.light{color:#f6c83a}
.demo-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:99px;border:1px solid #dec999;background:#f5e7c4;color:#765018;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}

/* top notice */
.demo-banner{background:#102518;color:#f4e9d5;padding:7px 18px;text-align:center;font-size:11px;letter-spacing:.04em}
.demo-banner span{color:var(--gold);font-weight:800;text-transform:uppercase;margin-right:10px}
.demo-banner strong{font-weight:500;color:#e9dec9}

/* header */
.header{position:sticky;top:0;z-index:20;background:
  linear-gradient(90deg,rgba(50,26,13,.98),rgba(29,16,10,.98)),
  repeating-linear-gradient(0deg,#4a2a17 0 2px,#321a0e 2px 4px);border-bottom:1px solid #7e5a31;box-shadow:0 8px 24px #21130b35}
.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center}
.brand img{width:205px;height:auto;display:block}
.header nav{display:flex;align-items:center;gap:28px;color:#f6eddf;font-size:13px}
.header nav a{position:relative;padding:28px 0 24px}
.header nav a:hover{color:var(--gold)}
.header nav a:first-child::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--gold)}
.button{border:1px solid transparent;border-radius:999px;min-height:50px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:800;line-height:1.2;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.button:hover{transform:translateY(-1px)}
.button.gold{background:var(--gold);color:#25180b;border-color:#e7aa18;box-shadow:0 10px 24px rgba(205,143,20,.25)}
.button.gold:hover{background:#ffc938;box-shadow:0 12px 28px rgba(205,143,20,.35)}
.button.glass{background:#24150b99;border-color:#f0e1c066;color:#fff8ea;backdrop-filter:blur(8px)}
.button.compact{min-height:43px;padding:10px 17px;font-size:12px}
.wa-dot{font-size:16px}

/* hero */
.hero{position:relative;min-height:610px;overflow:hidden;background:#2b1b0e}
.hero-image{position:absolute;inset:0;background:url("assets/hero-main.webp") center/cover no-repeat;transform:scale(1.01)}
.hero-shade{position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(14,28,18,.92) 0%,rgba(22,29,18,.76) 39%,rgba(28,20,10,.24) 68%,rgba(20,13,7,.08) 100%),
  linear-gradient(180deg,rgba(14,23,15,.06),rgba(23,14,8,.34))}
.hero-inner{position:relative;z-index:2;min-height:610px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:34px}
.hero-copy{padding:72px 0 76px;color:white;max-width:650px}
.hero-copy h1{font-size:clamp(54px,6.1vw,84px);color:#fff7e7;margin-bottom:20px;text-shadow:0 4px 24px #23150866}
.hero-copy h1 em{display:block;color:var(--gold);font-style:normal}
.hero-description{max-width:560px;color:#f2ead8;font-size:16px;line-height:1.7;margin-bottom:26px;text-shadow:0 2px 12px #1d1208}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-actions .button{min-width:210px}
.hero-signature{margin-top:34px;width:max-content;max-width:100%;font:italic 22px/1.3 var(--serif);color:#fff1cf;transform:rotate(-3deg);opacity:.86}
.hero-visual{position:relative;align-self:end;height:560px;margin:0;pointer-events:none}
.hero-visual img{display:none}
.photo-placeholder{display:none}

/* benefits */
.benefit-strip{position:relative;background:#fff8ea;border-top:1px solid #ead8b7;border-bottom:1px solid #dfcda9;box-shadow:0 7px 24px #43241214}
.benefit-strip::before,.benefit-strip::after{content:"";position:absolute;top:0;bottom:0;width:90px;background:
  radial-gradient(ellipse at center,#f0b52c22 0 24%,transparent 25%),
  linear-gradient(120deg,transparent 42%,#a9782a22 43% 45%,transparent 46%);opacity:.7}
.benefit-strip::before{left:0}.benefit-strip::after{right:0;transform:scaleX(-1)}
.benefit-grid{min-height:92px;display:grid;grid-template-columns:repeat(4,1fr) 1.35fr;align-items:center}
.benefit-grid article{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;border-right:1px solid #e8d9bf}
.benefit-icon{font:32px/1 var(--serif);color:#b57518}
.benefit-grid b{display:block;color:#26351f;font-size:12px}
.benefit-grid small{display:block;color:#706a59;font-size:11px}
.culture-mark{display:flex;align-items:center;justify-content:center;gap:12px;color:#7c5122}
.culture-mark>span{display:grid;place-items:center;width:46px;height:46px;border:1px solid #b8863d;border-radius:50%;font:700 18px var(--serif)}
.culture-mark small{font-size:9px;font-weight:800;letter-spacing:.15em}

/* menu */
.menu-section{position:relative;background:#f9f2e5;overflow:hidden}
.menu-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 0 50%,#c7944322 0 2px,transparent 3px) 0 0/16px 16px,
  linear-gradient(90deg,#fff8e8cc,transparent 26%,transparent 74%,#fff8e8aa)}
.menu-heading{position:relative;display:grid;grid-template-columns:310px 1fr;gap:42px;align-items:start}
.menu-intro{position:sticky;top:115px;padding:10px 4px}
.menu-intro h2{font-size:48px;max-width:300px;color:#172319}
.menu-intro>p:not(.eyebrow){color:#67675d;font-size:14px;max-width:270px}
.menu-content{min-width:0}
.menu-toolbar{display:flex;justify-content:flex-start;align-items:center;margin-bottom:20px}
#categories{display:flex;gap:8px;flex-wrap:wrap}
.category-button{min-height:40px;padding:9px 16px;border:1px solid #d8c7a9;border-radius:999px;background:#fff9ee;color:#3f4b39;font-size:12px;font-weight:800}
.category-button:hover{border-color:#99691f}
.category-button[aria-pressed="true"]{background:var(--gold);border-color:#dfa619;color:#27190b}
.category-description{margin:0 0 14px;color:#786d5d;font-size:13px}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.product{overflow:hidden;border:1px solid #e1d1b8;border-radius:14px;background:#fffaf0;box-shadow:0 8px 22px #5a35130e;display:grid;grid-template-rows:165px auto;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.product:hover{transform:translateY(-3px);box-shadow:0 14px 34px #5a35131a;border-color:#cbaa72}
.product:has(.product-count:not(:empty)){border-color:#d4a02b;box-shadow:0 0 0 2px #f1bd2930,0 14px 32px #5a351318}
.product-media{position:relative;background:#294530 center/cover no-repeat;overflow:hidden}
.product-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#1c13094d)}
.product-media[data-product="sal"]{background-image:url("assets/product-sal.webp")}
.product-media[data-product="doce"]{background-image:url("assets/product-doce.webp")}
.product-media[data-product="queijo"]{background-image:url("assets/product-queijo.webp")}
.product-media[data-product="moda"]{background-image:url("assets/product-moda.webp")}
.product-media[data-product="curau"]{background-image:url("assets/product-curau.webp")}
.product-media[data-product="empadao"]{background-image:url("assets/product-empadao.webp")}
.product-media[data-product="agua"],.product-media[data-product="refrigerante"],.product-media[data-product="suco"]{background-image:url("assets/menu-atmosphere.webp")}
.product-media[data-product="agua"]{background-position:8% 70%}
.product-media[data-product="refrigerante"]{background-position:94% 70%}
.product-media[data-product="suco"]{background-position:18% 78%}
.product-body{display:grid;grid-template-columns:1fr auto;gap:14px;padding:15px 16px 16px}
.product-copy{min-width:0}
.product-tag{display:block;min-height:14px;color:#8b5e20;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.product h3{margin:4px 0 6px;color:#203520;font:700 22px/1.1 var(--serif)}
.product p{margin:0 0 12px;color:#6f6a5f;font-size:12px;line-height:1.5}
.price{font-weight:900;color:#6f2619}
.product-actions{display:flex;flex-direction:column;align-items:end;justify-content:end;gap:7px}
.add-button{width:46px;height:46px;border-radius:50%;border:1px solid #dfa71b;background:var(--gold);color:#28180a;font-size:23px;font-weight:700}
.add-button:hover{background:#ffd047}
.product-count{font-size:10px;color:#72541c;white-space:nowrap;min-height:15px}
.menu-note{position:relative;margin:20px 0 0;color:#787267;font-size:11px}

/* how */
.how{background:
  linear-gradient(90deg,rgba(17,47,27,.96),rgba(21,59,33,.9)),
  url("assets/story-landscape.webp") center/cover fixed;color:#f5eddc}
.how-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}
.how h2{color:#fff5df;font-size:52px;margin:0}
.steps{display:grid;gap:12px}
.steps article{display:grid;grid-template-columns:58px 1fr;gap:16px;align-items:start;padding:18px 20px;border:1px solid #5f7d64;background:#10271a99;border-radius:12px}
.steps article>span{display:grid;place-items:center;width:48px;height:48px;border:1px solid #d3aa43;border-radius:50%;font:700 20px var(--serif);color:#f4c84d}
.steps h3{margin:3px 0 5px;color:#fff7e8;font-size:16px}
.steps p{margin:0;color:#d7dfd4;font-size:13px}

/* events */
.events-section{position:relative;overflow:hidden;background:#392016;color:#fff}
.events-media{position:absolute;inset:0;background:url("assets/events-main.webp") 58% 52%/cover no-repeat;transform:scale(1.02)}
.events-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(46,22,12,.95) 0%,rgba(55,28,14,.78) 45%,rgba(20,46,26,.28) 73%,rgba(13,39,22,.88) 100%)}
.events{position:relative;z-index:2;min-height:420px;display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:center}
.events-copy{padding:72px 0}
.events-copy h2{max-width:650px;color:#fff5e6;font-size:58px}
.events-copy>p:not(.eyebrow){max-width:620px;color:#f1e7d5;font-size:15px}
.events-list{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:0;padding:40px 30px;background:#11301fcc;border-left:1px solid #82683a;border-right:1px solid #82683a}
.events-list span{position:relative;padding:13px 0 13px 34px;border-bottom:1px solid #ffffff1a;color:#f2ead8;font-size:13px}
.events-list span::before{content:"✦";position:absolute;left:0;color:var(--gold)}

/* about */
.about{background:#fffaf0}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-image{min-height:500px;border-radius:18px;background:
  linear-gradient(180deg,transparent 55%,rgba(37,21,10,.4)),
  url("assets/about-tradition.webp") 58% center/cover no-repeat;box-shadow:var(--shadow);position:relative}
.about-image::after{content:"TRADIÇÃO QUE VEM DA NOSSA TERRA";position:absolute;left:26px;right:26px;bottom:24px;color:white;font:700 13px var(--serif);letter-spacing:.16em;text-align:center;text-shadow:0 2px 12px #1b1109}
.about-copy h2{font-size:50px;max-width:540px}
.story{color:#64665d;font-size:16px;line-height:1.8}
.values{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}
.values span{padding:13px 14px;background:#f3e8cf;border-left:3px solid var(--gold-deep);font-size:12px;font-weight:800;color:#365037}
.fiction-note{font-size:11px;color:#817b70}

/* brand showcase */
.brand-showcase{position:relative;min-height:520px;overflow:hidden;background:#1d160e;color:white}
.brand-showcase-image{position:absolute;inset:0;background:url("assets/brand-showcase.webp") center/cover no-repeat}
.brand-showcase-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,31,20,.9) 0%,rgba(22,28,17,.7) 34%,rgba(30,18,10,.18) 70%,rgba(20,13,8,.18) 100%),linear-gradient(180deg,transparent 55%,rgba(16,10,6,.5))}
.brand-showcase-copy{position:relative;z-index:2;min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.brand-showcase-copy h2{color:#fff5df;font-size:clamp(44px,5vw,70px);max-width:650px;margin-bottom:18px;text-shadow:0 3px 20px #1a0f0966}
.brand-showcase-copy p:not(.eyebrow){max-width:520px;color:#efe6d4;font-size:15px;line-height:1.7;text-shadow:0 2px 12px #1a0f09}

/* info */
.info{background:#eee3cf}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px}
.section-heading h2{max-width:720px;margin-bottom:0}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.info-grid article{background:#fffaf0;border:1px solid #dfcfb4;border-radius:14px;padding:22px 22px 24px;box-shadow:0 6px 18px #5b34110c}
.info-number{font-size:10px;font-weight:800;letter-spacing:.14em;color:#93671f}
.info-grid h3{margin:10px 0 8px;color:#244127;font-size:18px}
.info-grid p{margin-bottom:7px;color:#6c6c62;font-size:13px}
.info-grid small{font-size:11px;color:#817a6c}

/* cta */
.cta-band{background:#13321f;color:#fff;border-top:1px solid #3b6545;border-bottom:1px solid #071c0f}
.cta-band-inner{min-height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.cta-band-inner>div{display:flex;align-items:center;gap:14px}
.cta-band h2{font-size:34px;color:#fff5df;margin:0}
.cta-band p{margin:0;color:#d5ded4;font-size:12px;max-width:360px}
.cta-icon{font-size:34px;color:var(--gold)}

/* footer */
footer{background:
  linear-gradient(90deg,#32190e,#1e110a),
  repeating-linear-gradient(0deg,#3a2113 0 2px,#29150c 2px 4px);color:#e8dcc7;padding:50px 0 calc(110px + env(safe-area-inset-bottom));font-size:12px}
.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .8fr 1fr;gap:38px}
.footer-brand-block img{width:245px}
.footer-brand-block p{color:#d5b46b;text-transform:uppercase;letter-spacing:.14em;font-size:10px}
.footer-grid>div:not(:first-child){border-left:1px solid #715033;padding-left:24px}
.footer-grid b{display:block;color:#f5c947;margin-bottom:12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.footer-grid a,.footer-link{display:block;color:#eee2cf;margin:7px 0;font-size:12px;background:none;border:0;padding:0;text-align:left;cursor:pointer}
.footer-grid p{color:#cbbb9e;font-size:12px}
.footer-bottom{border-top:1px solid #62452f;margin-top:34px;padding-top:18px;color:#ab9a82}
.footer-bottom p{margin:0 0 5px}
.footer-small,#footer-credit{font-size:10px;color:#96836b}

/* order */
.order-dock{position:fixed;z-index:30;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 32px))}
.order-dock .button{width:100%;justify-content:space-between;min-height:58px;box-shadow:0 14px 36px #20140a55}
#selection-count{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#1b311f1a;margin-left:5px}
.whatsapp-float{position:fixed;z-index:25;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));min-height:52px;border:1px solid #40794d;border-radius:99px;background:#1f7a3f;color:white;padding:12px 16px;display:flex;align-items:center;gap:8px;font-weight:800;box-shadow:0 10px 28px #12351f55}
.whatsapp-float:hover{background:#176833}
dialog{border:0;border-radius:18px;background:#fffaf0;color:var(--ink);padding:26px;width:min(560px,calc(100% - 20px));max-height:calc(100dvh - 24px);overflow:auto;box-shadow:0 24px 90px #0f1d1466}
dialog::backdrop{background:#102016cc;backdrop-filter:blur(5px)}
.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:18px}
.dialog-head h2{font-size:36px;margin:0}
.close-button{width:44px;height:44px;border-radius:50%;border:1px solid #d6c6aa;background:#f6ead4;color:#26472d;font-size:25px}
.selection-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e4d8c2}
.selection-item b{font-size:14px}.selection-item small{display:block;color:#767065;font-size:11px}
.quantity{display:flex;align-items:center;gap:7px}
.quantity button{width:42px;height:42px;border:1px solid #d5c5a7;border-radius:9px;background:#f3e6cc;color:#214429;font-size:20px}
.selection-sum{display:flex;justify-content:space-between;border-top:1px solid #e4d8c2;padding-top:14px;margin:0 0 6px;font-size:14px}
.fine-print{font-size:11px;color:#777266;line-height:1.5}
dialog label{display:block;margin:13px 0 6px;font-size:12px;font-weight:800}
dialog select,dialog textarea{width:100%;border:1px solid #cdbc9e;border-radius:9px;background:white;color:#1d281f;padding:11px 12px;font-size:16px}
dialog textarea{resize:vertical}
#message-text{background:#f3ecde;font-size:12px;line-height:1.65}
.message-preview{margin:18px 0 14px}.message-preview .demo-tag{white-space:normal}
.full{width:100%}
.noscript{padding:28px;background:#f4dfaa;text-align:center}

/* responsive */
@media (max-width:1000px){
  .header nav{gap:14px}
  .header nav a:nth-child(4){display:none}
  .hero-inner{grid-template-columns:1fr .75fr}
  .benefit-grid{grid-template-columns:repeat(4,1fr)}
  .culture-mark{display:none}
  .menu-heading{grid-template-columns:250px 1fr;gap:28px}
  .menu-intro h2{font-size:40px}
  .events{grid-template-columns:1fr 290px;gap:30px}
  .footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid>div:last-child{display:none}
}
@media (max-width:760px){
  html{scroll-padding-top:68px}
  .wrap{width:calc(100% - 28px)}
  .section{padding-block:58px}
  .demo-banner{font-size:10px;line-height:1.35}
  .demo-banner span{display:none}
  .header-inner{min-height:64px;gap:10px}
  .brand img{width:155px}
  .header nav{display:none}
  .header .compact{min-height:40px;padding:8px 12px;font-size:11px}
  .hero{min-height:auto}
  .hero-image{background-position:61% center}
  .hero-shade{background:linear-gradient(180deg,rgba(16,28,17,.55),rgba(19,25,15,.88) 52%,rgba(20,22,12,.95))}
  .hero-inner{display:block;min-height:auto}
  .hero-copy{padding:54px 0 42px;max-width:none}
  .hero-copy h1{font-size:clamp(46px,13vw,68px);max-width:610px}
  .hero-description{font-size:14px;max-width:460px}
  .hero-actions{flex-direction:column}
  .hero-actions .button{width:100%;min-width:0}
  .hero-signature{font-size:18px;margin-top:24px}
  .hero-visual{display:none}
  .benefit-grid{grid-template-columns:repeat(2,1fr);padding-block:10px}
  .benefit-grid article{justify-content:flex-start;min-height:62px;border-right:0;border-bottom:1px solid #e9dbc2;padding:8px 12px}
  .benefit-icon{font-size:24px}
  .menu-heading{display:block}
  .menu-intro{position:static;padding:0;margin-bottom:28px}
  .menu-intro h2{font-size:42px;max-width:500px}
  .menu-intro>p:not(.eyebrow){max-width:500px}
  .product-grid{grid-template-columns:1fr}
  .product{grid-template-rows:180px auto}
  .how-inner{grid-template-columns:1fr;gap:28px}
  .how h2{font-size:42px}
  .events{grid-template-columns:1fr;min-height:0}
  .events-copy{padding:56px 0 18px}
  .events-copy h2{font-size:44px}
  .events-list{margin:0 0 48px;padding:18px 20px;border:1px solid #82683a;border-radius:12px}
  .about-grid{grid-template-columns:1fr;gap:28px}
  .about-image{min-height:340px}
  .about-copy h2{font-size:42px}
  .brand-showcase,.brand-showcase-copy{min-height:430px}
  .brand-showcase-image{background-position:58% center}
  .brand-showcase-overlay{background:linear-gradient(180deg,rgba(12,28,17,.34),rgba(17,24,14,.9) 68%,rgba(20,12,7,.96))}
  .brand-showcase-copy{justify-content:flex-end;padding-bottom:42px}
  .brand-showcase-copy h2{font-size:42px;max-width:420px}
  .brand-showcase-copy p:not(.eyebrow){font-size:13px;max-width:420px}
  .values{grid-template-columns:1fr 1fr}
  .section-heading{display:block}.section-heading .demo-tag{margin-top:10px}
  .info-grid{grid-template-columns:1fr;gap:12px}
  .cta-band-inner{grid-template-columns:1fr;padding-block:24px;gap:12px}
  .cta-band h2{font-size:30px}
  .cta-band .button{width:100%}
  .footer-grid{grid-template-columns:1fr 1fr;gap:26px}
  .footer-grid>div{border-left:0!important;padding-left:0!important}
  .footer-brand-block{grid-column:1/-1}
  .whatsapp-float{padding:12px 14px}
  body:has(.order-dock:not([hidden])) .whatsapp-float{bottom:calc(86px + env(safe-area-inset-bottom))}
  dialog{padding:20px}
}
@media (max-width:420px){
  .header .compact{font-size:0;width:46px;padding:0}
  .header .compact::before{content:"↗";font-size:18px}
  .benefit-grid{grid-template-columns:1fr 1fr}
  .values{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand-block{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.demo-banner,.header nav,.whatsapp-float,.order-dock,button{display:none!important}.wrap{width:100%}.hero{min-height:300px}.hero-inner{min-height:300px}.section{padding-block:24px}footer{background:white;color:#222;padding:20px 0}}