/* Experimental mobile headers: isolated from proposals A/B/C and the root. */
.mobile-menu-trigger{display:none}
.menu-prototype .mobile-menu-panel{padding:20px;border:0;background:#faf8f3;color:#3a3b3e;border-radius:18px;width:calc(100% - 40px);max-width:420px;max-height:calc(100dvh - 44px);box-shadow:0 16px 60px #0002}
.mobile-menu-panel::backdrop{background:#292a2838;backdrop-filter:blur(3px)}
.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.mobile-menu-top>span{font-size:11px;font-weight:500;letter-spacing:.18em;color:#896441}
.mobile-menu-close{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:50%}
.mobile-menu-close svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}
.mobile-menu-panel nav{display:flex;flex-direction:column}
.mobile-menu-panel nav a{font-size:21px;font-weight:300;padding:16px 0;border-bottom:1px solid #ded6ca;text-decoration:none}
.mobile-menu-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:15px 19px;background:#d9a15c;color:#292a2c;border:0;border-radius:50px;margin-top:24px;cursor:pointer;font:inherit;font-size:15px}
.mobile-menu-contact svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.5;fill:none}
.menu-prototype.navigation-open{overflow:hidden}
.proposal-b .hero-visual>picture{display:block}
.proposal-b .hero-visual>picture>img{height:auto;width:100%;aspect-ratio:1/1.05;object-fit:cover;object-position:62% center;border-radius:24px}
.menu-prototype .site-photo{display:block;min-width:0}
.menu-prototype .site-photo img{height:auto}
.proposal-c .opening-photo .site-photo img{height:470px}
.menu-prototype .mobile-menu-panel nav{max-width:none;gap:0;flex-wrap:nowrap;align-items:stretch}
.menu-prototype .mobile-menu-panel nav a{color:inherit}
.proposal-a .mobile-menu-panel,.proposal-c .mobile-menu-panel{border-radius:3px}
.proposal-a .mobile-menu-contact,.proposal-c .mobile-menu-contact{border-radius:3px}
@media(max-width:700px){
 .menu-prototype .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:16px 0 12px;gap:16px}
 .menu-prototype .header .brand{width:210px;max-width:calc(100vw - 120px)}
 .menu-prototype .header .desktop-navigation{display:none}
 .menu-prototype .mobile-menu-trigger{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:8px;border:0;background:transparent;color:#3a3b3e;cursor:pointer;border-radius:8px}
 .mobile-menu-trigger svg{width:30px;height:26px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round}
 .menu-prototype .hero{padding-top:12px}
 .menu-classico .mobile-menu-trigger{position:fixed;top:calc(16px + env(safe-area-inset-top, 0px));right:20px;z-index:30;background:#faf8f3;border:1px solid #e6dfd3;box-shadow:0 4px 18px #0002}
 .menu-classico .mobile-menu-panel{position:fixed;inset:calc(76px + env(safe-area-inset-top, 0px)) 20px auto;margin:0 auto;max-height:calc(100dvh - 96px - env(safe-area-inset-top, 0px));border:1px solid #e6dfd3;padding:14px 22px 22px;border-radius:16px}
 .menu-classico .mobile-menu-top{margin-bottom:0}
 .proposal-a.menu-classico .mobile-menu-trigger,.proposal-c.menu-classico .mobile-menu-trigger{border-radius:3px}
 .proposal-a.menu-classico .mobile-menu-panel,.proposal-c.menu-classico .mobile-menu-panel{border-radius:3px}
 .proposal-a:is(.variant-2,.variant-3,.variant-8) .mobile-menu-trigger{background:#3a3b3e;color:#f2eee6;border-color:#ffffff35}
 .proposal-a .header .brand img{width:100%}
 .menu-prototype .opening{padding-top:12px}
 .proposal-c .opening-photo .site-photo img{height:auto}
 .proposal-b .hero-visual>picture>img{aspect-ratio:1.15}
 .menu-classico .mobile-menu-panel nav a{font-size:20px;padding:13px 0}
 .menu-dourado .mobile-menu-trigger{color:#bd873f}
 .menu-dourado .mobile-menu-trigger svg{stroke-width:2;stroke-linecap:butt}
 .menu-dourado .mobile-menu-panel{position:fixed;inset:12px 12px 12px auto;height:calc(100dvh - 24px);width:calc(100% - 48px);max-height:none;margin:0;padding:25px;border-radius:20px;background:#3a3b3e;color:#f2eee6;display:none}
 .menu-dourado .mobile-menu-panel[open]{display:flex;flex-direction:column}
 .menu-dourado .mobile-menu-top>span{color:#d9a15c}
 .menu-dourado .mobile-menu-panel nav{margin-top:28px}
 .menu-dourado .mobile-menu-panel nav a{display:flex;align-items:center;gap:14px;border-color:#ffffff24;font-size:24px;padding:21px 0}
 .menu-dourado .mobile-menu-panel nav a::before{content:'';width:24px;height:2px;background:#d9a15c;flex:none}
 .menu-dourado .mobile-menu-contact{margin-top:auto}
 .menu-dourado .mobile-menu-panel::backdrop{background:#292a2880}
 .menu-painel .mobile-menu-trigger{background:#e7d9c8;border:1px solid #d3bca1;border-radius:50%;color:#61492e}
 .menu-painel .mobile-menu-trigger svg{width:25px;stroke-width:1.7}
 .menu-painel .mobile-menu-panel{position:fixed;inset:auto 12px 12px;margin:0 auto;width:calc(100% - 24px);max-width:none;border-radius:28px;padding:16px 24px 26px}
 .menu-painel .mobile-menu-panel::before{content:'';display:block;width:36px;height:4px;border-radius:5px;background:#c9b8a3;margin:0 auto 10px}
 .menu-painel .mobile-menu-top{margin:0}
 .menu-painel .mobile-menu-panel nav{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
 .menu-painel .mobile-menu-panel nav a{display:flex;align-items:flex-end;min-height:88px;padding:16px;background:#eee6db;border:0;border-radius:15px;font-size:18px;font-weight:400;line-height:1.2}
 .menu-painel .mobile-menu-panel nav a:first-child{background:#e5d3bb}
 .menu-painel .mobile-menu-contact{margin-top:16px}
}
@media(prefers-reduced-motion:no-preference){.mobile-menu-panel[open]{animation:menu-reveal .2s ease-out}@keyframes menu-reveal{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.menu-painel .mobile-menu-panel[open]{animation:panel-reveal .25s ease-out}@keyframes panel-reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}
