/* COCINA PAISANO V3 — versão clara. Ajustes de cor ficam nestas variáveis. */
@font-face{font-family:Inter;src:url("assets/fonts/Inter.ttf") format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:CaveatBrush;src:url("assets/fonts/CaveatBrush-Regular.ttf") format("truetype");font-display:swap}
:root{color-scheme:light;--cream:#f3ead7;--panel:#e8d6b5;--green:#075d3e;--wine:#7b142a;--orange:#b9451d;--gold:#c79228;--pink:#c8647e;--ink:#2b302c;--muted:#635f52;--line:#d9c8a9}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.45}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:hover,a.button:hover{filter:brightness(.95)}a:hover{color:var(--green)}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}h1,h2,h3,p,figure{margin:0}img{display:block;max-width:100%}[hidden]{display:none!important}
.site{width:100%;max-width:1440px;margin:auto;container-name:site;container-type:inline-size}.mobile-preview .site{max-width:430px}.svg-defs{position:absolute;height:0;width:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-90px;left:15px;z-index:99;background:white;padding:12px}.skip:focus{top:10px}
.header{padding:15px 4.4%;min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:10;background:var(--cream)}.logo{width:160px;display:block;flex-shrink:0}.logo img{width:100%;height:auto;object-fit:contain}.main-nav{display:flex;align-items:center;gap:22px;font-size:11px;white-space:nowrap;font-weight:650}.main-nav a:hover,.footer nav a:hover{color:var(--orange)}.header-right{display:flex;align-items:center;gap:24px}.socials{display:flex;align-items:center;gap:15px}.socials a{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:600}.socials .icon{width:21px;height:21px}.social-whatsapp{border:0;background:#e3e8cd;color:var(--green);height:37px;width:37px;border-radius:50%;display:grid;place-items:center;padding:0}.socials a:hover{color:var(--wine)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;min-height:46px;padding:11px 26px;font-size:14px;line-height:1.1;font-weight:650;white-space:nowrap}.button>span{font-size:1.45em;line-height:.8}.button .icon{height:19px;width:19px}.primary{background:var(--orange);color:#fff}.primary:hover{color:#fff}.outline{background:transparent;color:var(--green);border-color:var(--green)}.header-order{min-height:43px;padding:10px 21px;font-size:13px}.menu-toggle{border:0;background:transparent;padding:10px;display:none;gap:4px}.menu-toggle span{display:block;width:22px;height:2px;background:var(--green)}#mobile-menu:not([hidden]){display:grid;gap:18px;position:absolute;left:0;right:0;top:100%;background:var(--cream);border-bottom:1px solid var(--line);box-shadow:0 14px 18px #332b1610;padding:24px 5%;font-size:13px;font-weight:650}.nav-menu{border:0;padding:0;background:transparent;width:max-content;font:inherit}
.hero{height:550px;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;width:46%;padding:30px 0 26px 4.7%}.hero h1{font-family:CaveatBrush,Impact,sans-serif;font-weight:400;line-height:.88;letter-spacing:-.035em;font-size:clamp(64px,7.1cqi,102px);text-transform:uppercase;transform:rotate(-3deg);transform-origin:left center;position:relative;display:inline-block;margin-bottom:20px;-webkit-text-stroke:.45px currentColor;white-space:nowrap}.hero h1>span{display:block;color:var(--green)}.hero h1>span:nth-child(2){color:var(--wine)}.hero-copy>p{font-size:clamp(16px,1.5cqi,20px);line-height:1.35;margin:12px 0 24px;letter-spacing:-.025em}.hero-actions{width:365px;max-width:100%}.hero-order{width:100%;min-height:51px;font-size:16px}.secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.secondary-actions .button{padding:11px 16px;font-size:13px;min-height:43px}.photo{position:relative;overflow:hidden}.photo>img{width:100%;height:100%;object-fit:cover}.photo>figcaption{position:absolute;bottom:11px;right:13px;color:#fff;text-shadow:0 1px 4px #000,0 0 6px #000;font-size:11px;z-index:2}.hero-photo{position:absolute;right:0;top:0;height:100%;width:68%;z-index:0}.hero-photo img{object-position:53% center}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 0%,rgba(243,234,215,.66) 5%,rgba(243,234,215,0) 13%)}.hero-photo figcaption{right:22px;bottom:15px}
.section-pad{padding-left:4.5%;padding-right:4.5%}h2{font-family:CaveatBrush,Impact,sans-serif;font-weight:400;font-size:clamp(42px,4.5cqi,62px);line-height:1.02;letter-spacing:-.025em;color:var(--wine);-webkit-text-stroke:.3px currentColor}h2>span{color:var(--green)}.about{display:grid;grid-template-columns:36% 1fr;gap:42px;align-items:center;padding-top:42px;padding-bottom:50px}.about h2{font-size:clamp(42px,4.25cqi,59px);white-space:nowrap}.about p{font-size:17px;line-height:1.5;margin-top:18px;max-width:470px;letter-spacing:-.02em}.about p+p{margin-top:16px}.about-photo{height:315px;border-radius:15px}.color-notes{display:flex;gap:7px;margin-top:22px}.color-notes i{height:5px;width:25px;border-radius:5px;background:var(--orange)}.color-notes i:nth-child(2){background:var(--gold);width:41px}.color-notes i:nth-child(3){background:var(--pink);width:18px}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px}.section-heading>p{font-size:16px;line-height:1.4}.flavors{padding-top:12px;padding-bottom:45px}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.food-card{aspect-ratio:1.8;border-radius:12px;background:#2b302c}.food-card:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#0009)}.food-card>figcaption{left:18px;right:14px;bottom:15px;display:flex;align-items:end;justify-content:space-between;gap:8px}.food-card strong{font-size:20px;line-height:1;font-weight:800}.food-card figcaption span{font-size:9px;font-weight:500;white-space:nowrap}
.photo-slot{position:relative;border:1px solid #9e7c4322;border-radius:12px;aspect-ratio:1.8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-align:center;padding:22px 14px;color:#5e452e}.photo-slot>.icon{width:34px;height:34px;margin-bottom:4px;opacity:.65}.photo-slot>strong{font-size:16px;font-weight:650}.photo-slot>span:not(.slot-number){font-size:12px}.photo-slot>small{font-size:11px;margin-top:7px;color:#6e5a47}.slot-number{position:absolute;right:14px;top:12px;font-size:12px;font-weight:650;opacity:.55}.apricot{background:#ecd1b7}.rose{background:#ebd3d5}.ochre{background:#e8d9aa}.sage{background:#dce1c8}.environment{padding-top:8px;padding-bottom:42px}.environment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.environment-photo,.environment-grid .photo-slot{aspect-ratio:1.45;border-radius:12px}.environment-photo>img{object-position:45% center}.environment-grid .photo-slot small{max-width:150px}.platform-section{padding-top:0;padding-bottom:50px}.platform-panel{background:var(--panel);border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 36px;border-left:5px solid var(--gold)}.platform-panel h2{font-size:42px;color:var(--green)}.platform-panel h2 span{color:var(--wine)}.platform-panel p{font-size:14px;margin-top:7px;color:#514b3f}.platforms{display:flex;gap:13px;flex-shrink:0}.platforms a,.platforms button{height:57px;width:140px;border:0;border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;font-size:24px;font-weight:800;line-height:1}.ifood{background:#e90032;color:white;font-style:italic;font-size:34px!important;letter-spacing:-.07em;padding-bottom:9px}.ifood:hover{color:white}.brand-smile{width:26px;height:11px;border-bottom:3px solid #fff;border-radius:0 0 100% 100%;position:absolute;bottom:7px;left:59px;transform:rotate(-9deg)}.food99{background:#efc133;color:#12140a}
.location-section{display:grid;grid-template-columns:34% 1fr;gap:50px;align-items:center;padding-bottom:52px}.location-copy>p{font-size:17px;max-width:310px;line-height:1.5;margin-top:18px}.location-copy address{display:flex;gap:14px;font-style:normal;margin:25px 0 26px;font-size:16px;line-height:1.5}.location-copy address>.icon{color:var(--orange);width:26px;height:26px;margin-top:2px}.location-copy address small{font-size:13px;color:var(--muted)}.map-link{font-size:12px;padding:12px 21px}.map-link .icon{width:17px;height:17px}.map-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#e9dfc8}.map-stage{position:relative;height:330px}.map-preview{height:100%;width:100%;object-fit:cover}.map-overlay{position:absolute;left:25px;bottom:25px;max-width:calc(100% - 50px);padding:20px;background:#faf4e7f5;box-shadow:0 8px 24px #46391b18;border-radius:12px;display:flex;flex-direction:column;align-items:start;gap:5px}.map-overlay strong{color:var(--green);font-size:19px}.map-overlay>span{font-size:12px}.map-overlay>small{font-size:10px;color:var(--muted)}.map-overlay .button{margin-top:8px;font-size:12px;min-height:38px;padding:10px 16px;background:var(--green)}#google-map{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--cream)}.map-caption{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;font-size:11px;background:#ede1ca;color:#5b5242}.map-caption button{border:0;background:transparent;color:var(--green);font-size:11px;text-decoration:underline;font-weight:650;padding:0}
.contact-section{padding-bottom:34px}.contact-panel{background:var(--panel);padding:32px 34px 34px;border-radius:18px;position:relative}.contact-panel:before{content:"";position:absolute;left:34px;top:0;width:80px;height:4px;background:var(--pink);border-radius:0 0 3px 3px}.contact-panel h2{font-size:52px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.contact-card{background:#f7efdf;border:1px solid #e0c9a6;border-radius:13px;padding:25px 25px 21px;display:flex;flex-direction:column;align-items:start}.contact-icon{height:44px;width:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:17px;color:#70391f}.contact-icon .icon{height:24px;width:24px}.contact-card .category{font-size:10px;letter-spacing:.08em;font-weight:650;color:#645241}.contact-card h3{font-size:20px;font-weight:700;color:var(--green);line-height:1.25;margin:8px 0 21px;letter-spacing:-.025em}.contact-actions{width:100%;margin-top:auto;display:grid;gap:12px}.contact-actions button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;width:100%;text-align:left;font-size:13px;font-weight:600;color:#5d2637;min-height:25px}.contact-actions button>.icon{width:18px;height:18px}.contact-actions button>span{margin-left:auto;font-size:20px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 4.5% 27px;border-top:1px solid var(--line)}.footer .logo{width:125px}.footer nav{display:flex;gap:25px;font-size:12px}.footer .socials{gap:12px}.footer .socials a{font-size:12px}
dialog{width:min(520px,90vw);border:1px solid var(--line);border-radius:16px;background:var(--cream);padding:34px;color:var(--ink);box-shadow:0 30px 80px #0004;font-size:16px}dialog::backdrop{background:#10271dcc}dialog h2{font-family:Inter,Arial,sans-serif;font-size:25px;font-weight:750;line-height:1.2;letter-spacing:-.025em;margin:12px 0;color:var(--green);-webkit-text-stroke:0}dialog p{margin:12px 0 22px}dialog .dialog-kicker{font-size:11px;letter-spacing:.12em;margin:0;color:var(--wine);font-weight:700}dialog .close{position:absolute;right:10px;top:5px;border:0;background:none;font-size:30px}dialog .button{font-size:14px}#dialog-text{line-height:1.5}
@container site (max-width:1150px){.header{gap:20px}.main-nav{display:none}.menu-toggle{display:grid}.header-right{margin-left:auto}.hero{height:500px}.hero-copy{width:47%}.hero h1{font-size:7.3cqi}.about{gap:28px}.about p{font-size:15px}.about-photo{height:295px}.platform-panel h2{font-size:37px}.platforms a,.platforms button{width:115px}.brand-smile{left:46px}.location-section{gap:30px}.contact-card{padding:22px 18px}.contact-card h3{font-size:18px}}
@container site (max-width:760px){
.header{display:grid;grid-template-columns:1fr auto;gap:0;padding:12px 22px 13px;min-height:0}.header .logo{width:145px;grid-column:1;grid-row:1}.menu-toggle{display:grid;grid-column:2;grid-row:1;justify-self:end;padding:10px}.header-right{display:flex;justify-content:space-between;gap:12px;grid-column:1/-1;grid-row:2;width:100%;margin:12px 0 0}.socials{gap:10px}.socials a{font-size:12px;gap:6px}.socials .icon{width:19px;height:19px}.social-whatsapp{width:31px;height:31px}.header-order{min-height:37px;padding:10px 16px;font-size:12px}#mobile-menu:not([hidden]){padding:23px 26px}
.hero{height:auto;display:flex;flex-direction:column;overflow:hidden}.hero-copy{width:100%;padding:30px 27px 22px}.hero h1{font-size:53px;line-height:.9;margin-bottom:13px;letter-spacing:-.035em}.hero-copy>p{font-size:15px;margin:10px 0 20px;line-height:1.4}.hero-actions{width:100%}.hero-order{min-height:47px;font-size:15px}.secondary-actions{gap:9px;margin-top:9px}.secondary-actions .button{min-height:40px;font-size:12px;padding:10px 12px}.secondary-actions .icon{width:17px;height:17px}.hero-photo{position:relative;width:100%;height:315px}.hero-photo:after{display:none}.hero-photo>img{object-position:50% center}.hero-photo figcaption{font-size:10px;right:12px;bottom:11px}
.section-pad{padding-left:23px;padding-right:23px}h2{font-size:41px;line-height:1.05}.about{display:flex;flex-direction:column;gap:0;padding-top:29px;padding-bottom:35px;align-items:stretch}.about h2{font-size:43px;white-space:normal}.about p{font-size:14px;line-height:1.5;margin-top:17px;max-width:none}.about p+p{margin-top:14px}.about-photo{height:190px;width:100%;margin-top:23px;border-radius:12px}.photo>figcaption{font-size:10px;right:10px;bottom:9px}.color-notes{margin-top:18px}.section-heading{margin-bottom:18px;gap:16px}.section-heading h2{font-size:40px}.flavors{padding-top:0;padding-bottom:32px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.food-card,.photo-slot{aspect-ratio:1.15;border-radius:10px}.food-card>figcaption{left:10px;right:8px;bottom:10px;display:flex;flex-direction:column;align-items:start;gap:5px}.food-card strong{font-size:15px}.food-card figcaption span{font-size:8px}.photo-slot{padding:18px 7px 12px;gap:2px}.photo-slot>.icon{height:26px;width:26px;margin-bottom:3px}.photo-slot>strong{font-size:13px}.photo-slot>span:not(.slot-number){font-size:11px}.photo-slot>small{font-size:9px;line-height:1.25;margin-top:4px;max-width:115px}.slot-number{top:9px;right:10px;font-size:10px}.environment{padding-top:0;padding-bottom:32px}.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.environment-photo,.environment-grid .photo-slot{aspect-ratio:1.15;border-radius:10px}.environment-photo>figcaption{font-size:8px}
.platform-section{padding-bottom:32px}.platform-panel{display:block;border-left-width:4px;padding:21px 18px 22px;border-radius:13px}.platform-panel h2{font-size:34px;line-height:1;max-width:260px}.platform-panel p{font-size:12px;margin-top:9px;line-height:1.35;max-width:260px}.platforms{margin-top:20px;gap:12px}.platforms a,.platforms button{width:auto;flex:1;height:51px;font-size:22px}.ifood{font-size:31px!important}.brand-smile{left:calc(50% - 12px);bottom:7px}.location-section{display:block;padding-bottom:32px}.location-copy h2{font-size:43px}.location-copy>p{font-size:14px;line-height:1.45;margin-top:14px;max-width:290px}.location-copy address{font-size:14px;margin:21px 0 18px;gap:12px}.location-copy address small{font-size:12px}.location-copy address>.icon{height:24px;width:24px}.map-link{font-size:12px;min-height:42px;padding:10px 17px}.map-card{margin-top:23px;border-radius:12px}.map-stage{height:290px}.map-overlay{left:16px;bottom:17px;max-width:calc(100% - 32px);padding:16px 15px;gap:5px}.map-overlay strong{font-size:17px}.map-overlay>span{font-size:11px}.map-overlay>small{font-size:9px;line-height:1.35}.map-overlay .button{font-size:11px;padding:10px 13px;min-height:36px}.map-overlay .icon{width:17px;height:17px}.map-caption{padding:10px 12px;font-size:10px;flex-wrap:wrap;gap:6px}.map-caption button{font-size:10px}
.contact-section{padding-bottom:25px}.contact-panel{padding:24px 17px 19px;border-radius:14px}.contact-panel:before{left:22px;width:60px}.contact-panel .section-heading{display:block;margin-bottom:20px}.contact-panel h2{font-size:40px;line-height:1}.contact-panel .section-heading>p{font-size:13px;line-height:1.4;margin-top:12px}.contact-panel .section-heading>p br{display:none}.contact-grid{grid-template-columns:1fr;gap:12px}.contact-card{padding:20px 19px 18px;position:relative}.contact-icon{width:38px;height:38px;border-radius:10px;margin-bottom:12px}.contact-icon .icon{height:23px;width:23px}.contact-card h3{font-size:19px;margin:6px 0 19px}.contact-card .category{font-size:9px}.contact-actions{gap:12px}.contact-actions button{font-size:12px;min-height:26px}.footer{padding:20px 23px 24px;gap:12px;flex-wrap:wrap}.footer .logo{width:110px}.footer nav{display:none}.footer .socials{gap:9px}.footer .socials a{font-size:11px}.footer .socials .icon{height:18px;width:18px}
}
@container site (max-width:360px){.header{padding:11px 18px 12px}.header .logo{width:130px}.header-right{gap:8px}.header-order{font-size:11px;padding:10px 13px}.header .socials a{font-size:11px}.header .socials{gap:8px}.hero-copy{padding:27px 23px 21px}.hero h1{font-size:44px}.hero-copy>p{font-size:13px}.hero-photo{height:280px}.hero-order{font-size:14px}.section-pad{padding-left:20px;padding-right:20px}.about h2{font-size:37px}.about p{font-size:13px}.about-photo{height:170px}.section-heading h2{font-size:33px}.food-grid,.environment-grid{gap:10px}.photo-slot>small{font-size:8px}.photo-slot>.icon{height:22px;width:22px}.food-card strong{font-size:13px}.food-card figcaption span{font-size:7px}.platform-panel{padding:20px 14px}.platform-panel h2{font-size:30px}.platform-panel p{font-size:11px}.location-copy h2{font-size:37px}.contact-panel{padding:23px 14px 16px}.contact-panel h2{font-size:33px}.contact-card{padding:18px 16px}.contact-card h3{font-size:18px}.footer{padding:20px}.footer .logo{width:95px}.footer .socials a{font-size:10px}.footer .socials{gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Refinamento da leitura: foto maior que na V2, com transição curta apenas sob o texto. */
@container site (min-width:761px){.hero h1{font-size:clamp(58px,6.25cqi,90px)}.hero-photo:after{background:linear-gradient(90deg,var(--cream) 0%,rgba(243,234,215,.9) 7%,rgba(243,234,215,0) 17%)}}

/* V4: ajustes visuais; conteúdo restante ainda em revisão. */
:root{--cream-rgb:243,234,215;--surface:#f7efdf;--slot-ink:#5e452e;--slot-muted:#6e5a47;--contact-ink:#5d2637;--icon-ink:#70391f;--social-bg:#e3e8cd;--category:#645241;--button-ink:#fff}
.site{max-width:1920px}
.header{gap:24px;padding-left:3.4%;padding-right:3.4%}
.main-nav{gap:clamp(18px,1.6cqi,31px);font-size:15px;font-weight:700}
.header-right{display:grid;grid-template-columns:auto auto;gap:10px 18px}
.theme-control{grid-column:1/-1;justify-self:end;display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-weight:600}
.theme-control select{font:inherit;font-size:12px;min-height:30px;padding:4px 24px 4px 9px;max-width:145px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--surface);cursor:pointer}
.theme-control select:focus-visible{outline:3px solid var(--pink);outline-offset:3px}
.hero-copy>p{width:400px;max-width:100%;text-wrap:pretty;font-size:19px;line-height:1.5;margin-top:13px;margin-bottom:24px;letter-spacing:-.015em}
.hero-actions{width:400px}
.secondary-actions .button{gap:8px;padding:11px 13px;white-space:normal}
.icon{display:block;overflow:visible}
.button .icon{flex:0 0 20px;width:20px;height:20px}
.socials .icon{height:23px;width:23px}
.social-whatsapp{height:38px;width:38px;background:var(--social-bg)}
.contact-actions button>.icon{height:22px;width:22px;flex:0 0 22px}
.footer nav{font-size:14px;font-weight:600;gap:27px}
.platforms{gap:18px}
.platforms a,.platforms button{width:184px;height:78px;font-size:32px}
.ifood{font-size:44px!important}
.brand-smile{width:34px;height:14px;left:calc(50% - 15px);bottom:11px;border-bottom-width:4px}
.platform-panel{padding-top:29px;padding-bottom:29px}
.contact-card{background:var(--surface);border-color:var(--line)}
.contact-card .category{color:var(--category)}
.contact-actions button{color:var(--contact-ink)}
.contact-icon{color:var(--icon-ink)}
.photo-slot{color:var(--slot-ink)}
.photo-slot>small{color:var(--slot-muted)}
.platform-panel p{color:var(--muted)}
.hero-photo:after{background:linear-gradient(90deg,var(--cream) 0%,rgba(var(--cream-rgb),.9) 7%,rgba(var(--cream-rgb),0) 17%)}
/* Existing map presentation is intentionally stable in both themes. */
.map-card{color:#2b302c;border-color:#d9c8a9}
.map-overlay strong,.map-caption button{color:#075d3e}
.map-overlay>small{color:#635f52}
.map-overlay .button{background:#075d3e;color:#fff}
#google-map{background:#f3ead7}
/* Wider imagery, but no proportional enlargement of paragraphs or navigation. */
@container site (min-width:1441px){
 .section-pad{padding-left:3.4%;padding-right:3.4%}
 .hero{height:610px}.hero-copy{padding-left:3.6%;width:44%}
 .hero h1{font-size:100px}.hero-photo{width:68%}.hero-photo img{object-position:52% center}
 .hero-copy>p,.hero-actions{width:430px}
 .about{grid-template-columns:minmax(370px,31%) 1fr;gap:48px}
 .about p{max-width:480px}.about-photo{height:370px}
 .food-card,.food-grid .photo-slot{aspect-ratio:2.05}
 .environment-photo,.environment-grid .photo-slot{aspect-ratio:1.6}
 .location-copy>p{max-width:310px}
}
@container site (min-width:761px) and (max-width:1250px){.main-nav{display:none}.menu-toggle{display:grid}}
@container site (max-width:760px){
 .header{padding:12px 22px 13px;gap:0}
 .header-right{display:grid;grid-template-columns:1fr auto;gap:10px 12px;margin-top:12px}
 .theme-control{grid-column:1/-1;font-size:11px}.theme-control select{min-height:32px}
 #mobile-menu:not([hidden]){font-size:16px;gap:20px}
 .hero-copy>p{font-size:15px;line-height:1.5;width:100%;margin-top:12px;margin-bottom:22px}
 .hero-actions{width:100%}
 .secondary-actions .button{font-size:12px;padding:10px 8px;gap:6px;white-space:nowrap}
 .secondary-actions .icon{width:18px;height:18px;flex-basis:18px}
 .socials .icon{width:21px;height:21px}.social-whatsapp{width:33px;height:33px}
 .platforms{gap:12px}.platforms a,.platforms button{width:auto;min-width:0;height:69px;font-size:28px}
 .ifood{font-size:39px!important}.brand-smile{width:30px;height:12px;bottom:10px}
}
@container site (max-width:360px){
 .header{padding:11px 18px 12px}.header-right{gap:10px 8px}
 .hero-copy>p{font-size:14px}.secondary-actions .button{font-size:11px;padding:10px 7px;gap:5px}
 .platforms{gap:9px}.platforms a,.platforms button{height:65px;font-size:25px}.ifood{font-size:36px!important}
}
/* Dark palette: no photo filter and an unchanged logo on its original cream backing. */
:root[data-theme="dark"]{color-scheme:dark;--cream:#1d211d;--cream-rgb:29,33,29;--panel:#2d3027;--green:#91c9a5;--wine:#f3a5b7;--ink:#f2eadc;--muted:#c3b6a1;--line:#555447;--surface:#242a23;--slot-ink:#f3e7d8;--slot-muted:#d2c3ae;--contact-ink:#f1b6c5;--icon-ink:#f2d2b4;--social-bg:#304736;--category:#d3c1aa}
:root[data-theme="dark"] .logo{padding:7px;background:#f3ead7;border-radius:10px}
:root[data-theme="dark"] .apricot{background:#513b2c}
:root[data-theme="dark"] .rose{background:#4e333b}
:root[data-theme="dark"] .ochre{background:#49432b}
:root[data-theme="dark"] .sage{background:#35442e}
:root[data-theme="dark"] .main-nav a:hover,:root[data-theme="dark"] .footer nav a:hover{color:#f2b376}
:root[data-theme="dark"] dialog .close{color:var(--ink)}
:root[data-theme="dark"] .skip{background:var(--surface)}
/* CSS fallback respects the device even if JavaScript is unavailable. */
@media(prefers-color-scheme:dark){
 :root:not([data-theme]){color-scheme:dark;--cream:#1d211d;--cream-rgb:29,33,29;--panel:#2d3027;--green:#91c9a5;--wine:#f3a5b7;--ink:#f2eadc;--muted:#c3b6a1;--line:#555447;--surface:#242a23;--slot-ink:#f3e7d8;--slot-muted:#d2c3ae;--contact-ink:#f1b6c5;--icon-ink:#f2d2b4;--social-bg:#304736;--category:#d3c1aa}
 :root:not([data-theme]) .logo{padding:7px;background:#f3ead7;border-radius:10px}
 :root:not([data-theme]) .apricot{background:#513b2c}:root:not([data-theme]) .rose{background:#4e333b}:root:not([data-theme]) .ochre{background:#49432b}:root:not([data-theme]) .sage{background:#35442e}
}

/* Texto Sobre aprovado: largura de leitura independente da largura da foto. */
.about{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch;gap:clamp(32px,4cqi,75px);padding-top:48px;padding-bottom:54px}
.about-copy{max-width:600px;align-self:center}.about p{max-width:600px;font-size:16px;line-height:1.6;margin-top:16px}
.about .about-subtitle{font-size:20px;line-height:1.4;color:var(--green);margin-top:20px}
.about .about-slogan{font-size:24px;line-height:1.35;color:var(--wine);margin-top:23px}
.about-photo{height:100%;min-height:520px;max-height:670px}.about-photo img{object-position:50% center}
@container site (min-width:1441px){.about{grid-template-columns:minmax(0,35%) 1fr}.about-photo{min-height:560px}}
@container site (max-width:760px){.about{gap:0;padding-top:30px;padding-bottom:35px}.about-copy{max-width:none;align-self:stretch}.about p{font-size:14px;line-height:1.6}.about .about-subtitle{font-size:18px;line-height:1.4}.about .about-slogan{font-size:22px;margin-top:21px}.about-photo{height:220px;min-height:0;max-height:none}}
@container site (max-width:360px){.about p{font-size:13px}.about .about-subtitle{font-size:17px}.about-photo{height:190px}}

:root:not([data-theme=dark]){--muted:#5b574b;--slot-muted:#65523f}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--muted:#c3b6a1;--slot-muted:#d2c3ae}}
/* V5: revisão do design claro. Fotos e paleta escura da V4 preservadas. */
.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;width:46%;padding:30px 28px 30px 3.4%}
.hero h1{display:block;width:100%;font-size:clamp(48px,4.65cqi,78px);line-height:1.02;transform:none;letter-spacing:-.035em;margin:0 0 22px;text-transform:none}
.hero-copy>p{width:100%;max-width:450px;font-size:18px;line-height:1.5;text-align:center;margin:0 0 25px}
.hero-actions{width:100%;max-width:450px;margin:0 auto}
.about{align-items:center}.about-copy{max-width:600px}.about h2{margin-bottom:23px}
.about p{margin-top:18px}.about h2+p{margin-top:0}
.about .about-slogan{margin-top:25px}.about-photo{height:500px;min-height:0}
.platform-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;text-align:center;padding:38px 32px 42px;border-left:0;border-top:5px solid var(--gold)}
.platform-panel h2{font-size:clamp(42px,3.9cqi,60px);max-width:none}
.platform-panel p{margin:12px auto 0}
.platforms{width:100%;max-width:760px;justify-content:center;gap:28px;margin:27px auto 0}
.platforms a,.platforms button{width:auto;flex:1;height:114px;font-size:44px;border-radius:16px}
.ifood{font-size:60px!important;padding-bottom:12px}.brand-smile{width:45px;height:17px;bottom:18px;left:calc(50% - 21px)}
.contact-card h3{margin-top:0}.contact-icon{margin-bottom:19px}
.theme-icons{display:flex;align-items:center;gap:5px;flex-shrink:0}
.theme-icons button{height:34px;width:34px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;padding:6px;background:transparent;color:inherit;opacity:.75}
.theme-icons button[aria-pressed=true]{opacity:1;border-color:currentColor}
.theme-icons .icon{width:19px;height:19px}.theme-icons button:hover{opacity:1}
/* Wine framing belongs to this light design only. */
:root:not([data-theme=dark]) .header,:root:not([data-theme=dark]) .footer{background:#7b142a;color:#fff3de;border-color:#8f374a}
:root:not([data-theme=dark]) .header .logo,:root:not([data-theme=dark]) .footer .logo{padding:9px 11px;background:#f3ead7;border-radius:13px;box-shadow:0 2px 0 #400d1a30}
:root:not([data-theme=dark]) .header a:hover,:root:not([data-theme=dark]) .footer a:hover{color:#f2ca76}
:root:not([data-theme=dark]) .header-order{background:#f3ead7;color:#7b142a}
:root:not([data-theme=dark]) .menu-toggle span{background:#fff3de}
:root:not([data-theme=dark]) #mobile-menu{background:#7b142a;color:#fff3de;border-color:#8f374a}
:root:not([data-theme=dark]) .nav-menu{color:#fff3de}
.header-right{display:flex;gap:18px}.header{padding-top:13px;padding-bottom:13px}
@container site (min-width:1441px){
 .hero-copy{width:44%;padding-left:3.4%;padding-right:3.4%}
 .hero h1{font-size:86px}.hero-copy>p,.hero-actions{width:100%;max-width:470px}
 .about-photo{height:520px;min-height:0}
}
@container site (max-width:1150px) and (min-width:761px){.hero h1{font-size:4.5cqi}.hero-copy{padding-left:3%;padding-right:2%}.hero-copy>p{font-size:16px}}
@container site (max-width:760px){
 .header{padding:12px 22px 14px}.header-right{display:flex;justify-content:space-between;gap:10px;margin-top:12px}
 .hero-copy{width:100%;padding:29px 23px 25px}.hero h1{font-size:clamp(33px,10.2cqi,55px);line-height:1.07;margin-bottom:19px}
 .hero-copy>p{font-size:15px;line-height:1.5;margin:0 0 22px;width:100%;max-width:450px}
 .hero-actions{width:100%;max-width:450px}
 .about h2{margin-bottom:18px}.about p{margin-top:16px}.about-photo{height:220px;min-height:0}
 .platform-panel{padding:27px 17px 29px}.platform-panel h2{font-size:37px;max-width:none}
 .platform-panel p{font-size:12px;max-width:none}
 .platforms{flex-direction:column;gap:14px;margin-top:24px;max-width:370px}
 .platforms a,.platforms button{flex:auto;width:100%;height:92px;font-size:37px}
 .ifood{font-size:51px!important}.brand-smile{width:39px;height:15px;bottom:13px;left:calc(50% - 18px)}
 .footer{display:grid;grid-template-columns:1fr auto;gap:23px 12px;align-items:center}
 .footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 21px;grid-column:1/-1;grid-row:2;font-size:13px}
 .footer .socials{justify-self:end}.theme-icons{grid-column:1/-1;justify-self:center}
}
@container site (max-width:360px){
 .header{padding-left:18px;padding-right:18px}.hero-copy{padding:26px 20px 23px}
 .hero h1{font-size:32px}.hero-copy>p{font-size:14px}
 .platform-panel h2{font-size:33px}.platform-panel{padding:25px 15px 27px}
 .platforms a,.platforms button{height:88px}.about-photo{height:190px}
 .footer{padding:22px 20px}.footer nav{font-size:12px;gap:12px 17px}
}


.platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.platforms a,.platforms button{width:100%;padding-left:0;padding-right:0}
@container site (max-width:760px){.platforms{grid-template-columns:1fr}}
/* V6 — explicit versioned assets avoid reusing an older stylesheet/script. */
/* Keep the requested wine framing in every theme: V5 used it only in light. */
.header,.footer{background:#7b142a!important;color:#fff3de!important;border-color:#8f374a!important}
.header .logo,.footer .logo{background:#f3ead7!important;padding:9px 11px!important;border-radius:13px!important}
.header a:hover,.footer a:hover{color:#f2ca76}
.header-order{background:#f3ead7!important;color:#7b142a!important}
.menu-toggle span{background:#fff3de!important}
#mobile-menu:not([hidden]){background:#7b142a!important;color:#fff3de!important;border-color:#8f374a!important}
.nav-menu{color:#fff3de}
.social-whatsapp{display:flex;align-items:center;justify-content:center;padding:0;line-height:1}
.social-whatsapp .icon{margin:0;transform:translate(.45px,-.45px);width:22px;height:22px;flex:0 0 22px}
.hero{height:610px}.hero-photo{width:70%}
.hero-copy{width:34%;padding:30px 18px 30px 2.4%}
.hero h1{font-size:clamp(44px,3.8cqi,60px)}
.hero-copy>p{font-size:17px}.hero-copy>p,.hero-actions{max-width:400px}
.hero-photo img{object-position:52% 60%}
.hero-photo:after{background:linear-gradient(90deg,var(--cream),rgba(var(--cream-rgb),.78) 2%,rgba(var(--cream-rgb),0) 8%)}
.about-photo img{object-position:50% 57%}
.contact-grid{align-items:stretch}.contact-card{min-height:225px;display:grid;grid-template-rows:50px 1fr auto;align-items:start}
.contact-card h3{margin:13px 0 24px;max-width:100%}.contact-icon{margin:0;width:42px;height:42px;border-radius:12px}
.contact-icon .icon{width:24px;height:24px;stroke-width:1.65}
.contact-actions{margin-top:0}.contact-actions button{min-height:36px}
.theme-icons{gap:8px;padding:5px;border:1px solid #fff3de40;border-radius:999px}
.theme-icons button{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:#fff3de;opacity:1;transition:background-color .15s,color .15s;cursor:pointer;touch-action:manipulation}
.theme-icons button[aria-pressed=true]{background:#f3ead7;color:#7b142a;border:0;box-shadow:0 1px 3px #30020d44}
.theme-icons button:hover{background:#fff3de22}.theme-icons button[aria-pressed=true]:hover{background:#fff3de}
.theme-icons .icon{width:22px;height:22px;stroke-width:1.65;pointer-events:none}
@container site (min-width:1441px){.hero{height:680px}.hero-copy{width:36%;padding-right:2%}.hero h1{font-size:68px}.hero-copy>p,.hero-actions{max-width:430px}}
@container site (min-width:761px) and (max-width:1150px){.hero-copy{width:42%;padding-left:2%;padding-right:1%}.hero h1{font-size:4.2cqi}.hero-copy>p{font-size:15px}.hero-photo{width:66%}}
@container site (max-width:760px){
 .hero{height:auto}.hero-copy{width:100%;padding:29px 23px 25px}.hero h1{font-size:clamp(33px,10.2cqi,55px)}
 .hero-copy>p{font-size:15px}.hero-photo{width:100%;height:auto;aspect-ratio:1/1}.hero-photo img{object-position:52% 60%}
 .hero-photo:after{display:none}.about-photo{height:auto;aspect-ratio:4/3}.about-photo img{object-position:50% 58%}
 .contact-card{min-height:208px;grid-template-rows:43px 1fr auto}.contact-card h3{margin:12px 0 20px}
 .theme-icons{padding:5px}.theme-icons button{width:40px;height:40px}
}
@container site (max-width:360px){.hero-copy{padding:26px 20px 23px}.hero h1{font-size:32px}.hero-copy>p{font-size:14px}.contact-card{min-height:210px}}


/* V7: localized changes. The approved light palette stays unchanged. */
.hero-order{background:#08653f;color:#fff7e6;font-size:22px;font-weight:800;min-height:60px;border:1px solid #075534;box-shadow:0 3px 0 #06492e;letter-spacing:-.02em}
.hero-order:hover{background:#075534;color:#fff7e6}
.hero-photo img{object-position:42% 58%}
.food-card[data-food=nachos] img{object-position:50% 58%}
.food-card[data-food=tacos] img{object-position:55% 55%}
.food-card[data-food=bebidas] img{object-position:50% 45%}
.food-card[data-food=burrito] img{object-position:50% 52%}
.food-card[data-food=quesadilha] img{object-position:60% 57%}
.food-card[data-food=sobremesa] img{object-position:50% 48%}
.contact-card{min-height:158px;padding:18px 20px 15px;grid-template-columns:36px minmax(0,1fr);grid-template-rows:1fr auto;gap:10px 12px;align-items:center}
.contact-icon{width:36px;height:36px;border-radius:10px;grid-column:1;grid-row:1}
.contact-icon .icon{width:22px;height:22px}
.contact-card h3{grid-column:2;grid-row:1;margin:0;font-size:18px}
.contact-actions{grid-column:1/-1;grid-row:2;margin:0}
.contact-actions button{min-height:36px}
.contact-panel .section-heading{margin-bottom:20px}
:root[data-theme=dark]{--wine:#ffb878;--pink:#ffb878;--orange:#ffb878;--contact-ink:#ffbd86;--icon-ink:#ffe2bc}
:root[data-theme=dark] .rose{background:#49372c}
:root[data-theme=dark] .hero-order{border-color:#91c9a5;box-shadow:0 3px 0 #102f21}
:root[data-theme=dark] .photo-slot>.icon{opacity:1}
:root[data-theme=dark] .social-whatsapp{color:#b9e7c7}
@media(prefers-color-scheme:dark){
 :root:not([data-theme]){--wine:#ffb878;--pink:#ffb878;--orange:#ffb878;--contact-ink:#ffbd86;--icon-ink:#ffe2bc}
 :root:not([data-theme]) .rose{background:#49372c}
 :root:not([data-theme]) .hero-order{border-color:#91c9a5;box-shadow:0 3px 0 #102f21}
 :root:not([data-theme]) .photo-slot>.icon{opacity:1}
 :root:not([data-theme]) .social-whatsapp{color:#b9e7c7}
}
@container site (max-width:760px){
 .hero-order{font-size:21px;min-height:57px}
 .hero-photo img{object-position:38% 58%}
 .contact-card{min-height:130px;padding:15px 16px 12px;grid-template-rows:1fr auto;gap:7px 11px}
 .contact-card h3{font-size:17px;margin:0}
 .contact-panel .section-heading{margin-bottom:17px}
}
@container site (max-width:360px){
 .hero-order{font-size:20px;min-height:55px}
 .contact-card{min-height:134px;padding:14px 13px 11px}
 .contact-card h3{font-size:16px}
}

/* V8: primary action, persistent navigation and alternating About composition. */
:root{--header-offset:112px;--order-bg:#861b35;--order-ink:#fff3de;--order-edge:#591023}
html{scroll-padding-top:var(--header-offset)}
.header{position:sticky;top:0;z-index:50;min-height:88px;padding-top:9px;padding-bottom:9px;box-shadow:0 3px 15px #180b101f}
.header .logo{width:120px}
.header .main-nav{font-size:13px;gap:22px}
.header-right{gap:18px}
.socials{gap:9px}
.socials .social-instagram,.socials .social-whatsapp{display:flex;justify-content:center;align-items:center;width:42px;height:42px;flex:0 0 42px;padding:0;border-radius:50%;border:1px solid #fff3de44;background:#f3ead7;color:#075d3e}
.socials .social-instagram .icon,.socials .social-whatsapp .icon{width:25px;height:25px;flex:0 0 25px}
.socials .social-instagram:hover,.socials .social-whatsapp:hover{background:#fff8e9;color:#075d3e}
.hero-order,.header-order{font-family:Inter,Arial,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.055em;border-radius:12px;transition:background-color .16s,box-shadow .16s,transform .16s;filter:none}
.hero-order{background:var(--order-bg);color:var(--order-ink);border:1px solid var(--order-edge);min-height:64px;font-size:23px;box-shadow:0 4px 0 var(--order-edge),0 8px 18px #3f112418}
.hero-order:hover{background:#6e142b;color:#fff3de;box-shadow:0 5px 0 #4d0e1e,0 10px 20px #3f112426;transform:translateY(-1px);filter:none}
.hero-order:active{transform:translateY(2px);box-shadow:0 1px 0 var(--order-edge)}
.hero-order:focus-visible,.header-order:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.header .header-order{background:#f3ead7!important;color:#7b142a!important;font-size:14px;min-height:44px;padding:12px 18px;box-shadow:0 3px 0 #c79228}
.header .header-order:hover{background:#fff8e9!important;color:#641126!important;transform:translateY(-1px);filter:none}
.header-order:active{transform:translateY(2px)}
.secondary-actions{margin-top:17px}
.about{display:grid;grid-template-columns:58% 42%;padding:0;margin:48px 0 54px;gap:0;align-items:stretch;min-height:590px}
.about-photo{order:-1;width:100%;height:100%;min-height:590px;max-height:none;border-radius:0;aspect-ratio:auto}
.about-photo img{object-fit:cover;object-position:50% 58%}
.about-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 83%,rgba(var(--cream-rgb),.25) 89%,var(--cream) 100%)}
.about-copy{max-width:none;padding:42px 10% 42px 6%;align-self:center}
.about-copy h2{white-space:normal;font-size:clamp(42px,4cqi,58px)}
.about-copy p{font-size:16px;line-height:1.6}
.about-copy .about-slogan{font-size:23px}
.food-card[data-food=bebidas]{background:#1a2017}
.food-card[data-food=bebidas] img{position:absolute;top:-14%;left:0;width:100%;height:145%;object-fit:contain;object-position:50% 50%}
.contact-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:104px;padding:18px 20px}
.contact-card h3{margin:0;font-size:18px}
.contact-actions{width:auto;margin:0;display:block}
.contact-actions button{min-height:32px;font-size:13px;padding:0;text-decoration:underline;text-underline-offset:4px}
:root[data-theme=dark]{--green:#79bf78;--order-bg:#f3ead7;--order-ink:#65172c;--order-edge:#c8b48b}
:root[data-theme=dark] .hero-order{background:var(--order-bg);color:var(--order-ink);border-color:#f3ead7;box-shadow:0 4px 0 #c8b48b,0 8px 20px #0003}
:root[data-theme=dark] .hero-order:hover{background:#fff8e9;color:#501024;box-shadow:0 5px 0 #c8b48b,0 10px 20px #0003}
:root[data-theme=dark] .socials .social-whatsapp{color:#075d3e}
@media(prefers-color-scheme:dark){
 :root:not([data-theme]){--green:#79bf78;--order-bg:#f3ead7;--order-ink:#65172c;--order-edge:#c8b48b}
 :root:not([data-theme]) .hero-order{background:var(--order-bg);color:var(--order-ink);border-color:#f3ead7}
 :root:not([data-theme]) .socials .social-whatsapp{color:#075d3e}
}
@container site (min-width:1441px){.about{grid-template-columns:60% 40%;min-height:640px}.about-photo{min-height:640px}.about-copy{padding:45px 9% 45px 5%}}
@container site (min-width:761px) and (max-width:1250px){.header .main-nav{display:none}.header .menu-toggle{display:grid}.about{grid-template-columns:52% 48%}.about-photo{min-height:620px}.about-copy{padding:32px 7% 32px 5%}.about-copy p{font-size:15px}}
@container site (max-width:760px){
 .header{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:7px 12px;min-height:0;padding:8px 18px 10px}
 .header .logo{width:86px;grid-column:1;grid-row:1;padding:5px 7px!important;border-radius:9px!important}
 .header .menu-toggle{display:grid;position:static;grid-column:2;grid-row:1;justify-self:end;width:40px;height:38px;align-content:center;justify-content:center;padding:8px}
 .header .header-right{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;align-items:center;margin:0;width:100%;gap:10px}
 .header .socials{gap:8px}
 .header .socials .social-instagram,.header .socials .social-whatsapp{width:36px;height:36px;flex-basis:36px}
 .header .socials .icon{width:23px;height:23px;flex-basis:23px}
 .header .header-order{font-size:12px;min-height:39px;padding:10px 16px;letter-spacing:.045em}
 #mobile-menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;gap:0;padding:12px 14px;max-height:calc(100dvh - var(--header-offset) - 16px);overflow-y:auto;font-size:13px}
 #mobile-menu a,#mobile-menu .nav-menu{padding:12px 8px;min-height:42px;width:100%;text-align:left}
 .hero-order{font-size:22px;min-height:61px}
 .about{display:flex;flex-direction:column;gap:0;margin:30px 0 35px;min-height:0}
 .about-photo{order:-1;aspect-ratio:1.45;width:100%;height:auto;min-height:0;max-height:none}
 .about-photo img{object-position:50% 58%}
 .about-photo:after{background:linear-gradient(180deg,transparent 83%,var(--cream) 100%)}
 .about-copy{padding:20px 23px 0;max-width:none;align-self:stretch}
 .about-copy h2{font-size:42px}.about-copy p{font-size:14px}
 .about-copy .about-slogan{font-size:22px}
 .contact-card{min-height:93px;padding:15px 16px;gap:5px}
 .contact-card h3{font-size:17px}
 .contact-actions button{font-size:12px;min-height:30px}
 .footer .socials .social-instagram,.footer .socials .social-whatsapp{width:38px;height:38px;flex-basis:38px}
}
@container site (max-width:360px){
 .header{padding-left:15px;padding-right:15px}
 .hero-order{font-size:20px;min-height:58px}
 .about-copy{padding-left:20px;padding-right:20px}
 .about-copy h2{font-size:37px}.about-copy p{font-size:13px}
 .contact-card{min-height:103px;padding:13px}
 .contact-card h3{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.hero-order,.header-order{transition:none}}

/* V9: approved V8 palette and compact contacts preserved. */
.contact-card{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:4px 10px;min-height:104px}
.contact-card .contact-icon{grid-column:1;grid-row:1/3;width:30px;height:30px;border-radius:8px;margin:0}
.contact-card .contact-icon .icon{width:20px;height:20px}
.contact-card h3{grid-column:2;grid-row:1}
.contact-card .contact-actions{grid-column:2;grid-row:2}
.contact-card h3{font-size:17px}
.food-card[data-food=bebidas]{background:transparent}
.food-card[data-food=bebidas] img{position:static;top:auto;left:auto;width:100%;height:100%;object-fit:cover;object-position:60% 76%;transform:scale(1.35);transform-origin:60% 76%}
.environment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.environment-grid .mural-photo{border-radius:12px;aspect-ratio:1280/700}
.environment-grid .mural-photo img{width:100%;height:100%;object-fit:contain}
.environment-grid .photo-slot{aspect-ratio:1280/700}
.menu-heading-link{display:inline;color:var(--wine)}
.menu-heading-link>span:first-child{color:var(--green)}
.menu-heading-link:hover{color:var(--wine);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.menu-heading-arrow{font-family:Inter,Arial,sans-serif;font-size:.55em;vertical-align:middle;color:var(--wine)}
.header .main-nav{gap:18px;font-size:12px}
.menu-page{padding-bottom:44px}
.menu-intro{padding-top:42px;padding-bottom:34px}
.back-link{font-size:13px;color:var(--green);text-decoration:underline;text-underline-offset:4px}
.menu-kicker{font-size:11px;letter-spacing:.15em;font-weight:750;color:var(--muted);margin:30px 0 13px}
.menu-intro h1{font-family:CaveatBrush,Impact,sans-serif;font-size:clamp(48px,5cqi,76px);font-weight:400;line-height:1.05;color:var(--green)}
.menu-intro h1 span{color:var(--wine)}
.menu-intro-copy{max-width:600px;font-size:17px;line-height:1.6;margin-top:18px;color:var(--muted)}
.menu-sections-nav{display:flex;gap:12px;margin-top:25px;flex-wrap:wrap}
.menu-sections-nav a{padding:12px 20px;border:1px solid var(--green);border-radius:999px;color:var(--green);font-size:14px;font-weight:650}
.menu-group{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:32px;padding-bottom:32px;align-items:center}
.menu-group+.menu-group{border-top:1px solid var(--line)}
.menu-group .menu-kicker{margin-top:0}
.menu-group h2{font-size:48px}
.menu-pending{margin-top:18px;color:var(--muted);font-size:16px;line-height:1.6}
.menu-photo-placeholder{aspect-ratio:2/1;border:1px dashed var(--line);border-radius:14px;background:var(--panel);color:var(--green);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}
.menu-photo-placeholder .icon{width:36px;height:36px}
.menu-photo-placeholder span{font-size:16px;font-weight:650}
.menu-photo-placeholder small{font-size:12px;color:var(--muted)}
.menu-empty{margin-top:25px}
.menu-empty-line{display:block;max-width:440px;height:1px;background:var(--line);margin-top:24px}
.menu-empty-line.short{max-width:300px}
@container site (max-width:760px){
 .environment-grid{grid-template-columns:1fr;gap:16px}
 .environment-grid .mural-photo{aspect-ratio:1280/700}
 .environment-grid .photo-slot{aspect-ratio:2.4}
 .contact-card{min-height:93px;gap:3px 9px}
 .contact-card h3{font-size:16px}
 .menu-intro{padding-top:28px;padding-bottom:22px}
 .menu-intro h1{font-size:47px}
 .menu-intro-copy{font-size:14px;margin-top:15px}
 .menu-kicker{margin-top:22px}
 .menu-sections-nav{gap:9px;margin-top:20px}
 .menu-sections-nav a{font-size:12px;padding:10px 13px}
 .menu-group{grid-template-columns:1fr;gap:24px;padding-top:26px;padding-bottom:30px}
 .menu-group h2{font-size:38px}
 .menu-pending{font-size:14px}
 .menu-photo-placeholder{aspect-ratio:1.8}
}
@container site (max-width:360px){.contact-card{min-height:103px;gap:3px 7px}.contact-card h3{font-size:15px}.menu-intro h1{font-size:41px}}