:root{color-scheme:light;--bg:#ffffff;--ink:#202127;--muted:#68676b;--orange:#eb6723;--orange-hover:#ca5318;--line:#e6c9bb;--paper:#fff;}
*{box-sizing:border-box}
html{scroll-behavior:smooth;color-scheme:light}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif;min-height:100vh;display:flex;flex-direction:column;-webkit-text-size-adjust:100%;}
main{width:min(100% - 28px,720px);margin:0 auto;flex:1}h1,h2,h3,p{margin:0}
.hero{text-align:center;padding:70px 12px 42px}
.brand{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-.075em;color:var(--orange);font-size:clamp(62px,13vw,100px);line-height:1.1}
.hero h1{font-size:clamp(35px,6vw,56px);font-weight:400;font-style:italic;line-height:1.25}
.rule{width:55px;height:1px;background:#b9917f;margin:17px auto 18px}
.prompt{font:400 13px Arial,sans-serif;text-transform:uppercase;letter-spacing:.34em;color:#ae8173}
.unit{border:1px solid var(--line);border-radius:20px;padding:29px 20px 26px;margin:16px 0 20px;text-align:center;background:var(--paper)}
.unit h2{font-size:clamp(27px,5vw,38px);font-weight:400}
.unit p{font-size:clamp(14px,3vw,18px);color:#58575a;margin:11px auto 22px;line-height:1.55}
.btn-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.btn{font:400 17px Georgia,'Times New Roman',serif;display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--orange);border:1px solid var(--orange);border-radius:10px;color:#fff;text-decoration:none;padding:16px 22px;min-height:56px;flex:1 1 200px;max-width:300px;transition:background .17s,transform .17s}
.btn:hover,.btn:focus-visible{background:var(--orange-hover);transform:translateY(-1px)}
.btn:focus-visible,.back:focus-visible,.menu-list a:focus-visible{outline:3px solid #ffb783;outline-offset:3px}
.inner-hero{text-align:center;padding:44px 10px 22px}
.inner-hero .brand{font-size:clamp(52px,11vw,76px)}
.inner-hero h1{font-size:clamp(32px,6vw,45px);font-weight:400;margin:10px 0 8px}
.inner-hero p{font:400 14px Arial,sans-serif;color:var(--muted);margin:8px 0 0}
.menu-panel{border:1px solid var(--line);border-radius:20px;padding:23px 18px 26px;margin:25px auto;background:var(--paper)}
.menu-list{display:grid;gap:12px;margin:14px 0 20px}
.menu-list a{font:400 19px Georgia,'Times New Roman',serif;color:var(--ink);text-decoration:none;background:#fcf9f7;border:1px solid var(--line);padding:19px 22px;min-height:65px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.menu-list a:hover,.menu-list a:focus-visible{border-color:var(--orange);color:#ba4c14}
.menu-list a span{font-family:Arial,sans-serif;color:var(--orange);font-size:19px}
.reservation{margin:18px auto 10px;display:flex;max-width:none;width:100%}
.back{color:#975844;font:400 14px Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;display:inline-block;margin:12px 0 34px}
.footer{text-align:center;border-top:1px solid #efe1da;padding:30px 20px 40px;color:#797174;font:400 14px Arial,sans-serif;line-height:1.7}
.footer strong{color:var(--orange);font:900 19px Arial,sans-serif}
@media(max-width:520px){.hero{padding:50px 8px 34px}.unit{padding:24px 16px 21px}.btn{max-width:none;flex-basis:100%}.prompt{font-size:11px;letter-spacing:.24em}.menu-panel{padding:16px 13px 20px}.inner-hero{padding:35px 10px 16px}.menu-list a{font-size:18px;padding:17px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Informação discreta sobre o horário do Happy Hour da unidade Paulista */
.unit .hour-note{color:#925132;font:400 14px/1.5 Arial,Helvetica,sans-serif;margin:-11px auto 20px;}
.unit .hour-note strong,.inner-hero .hour-subtitle strong{font-weight:700;}
.unit .hour-note span{white-space:nowrap;}
.inner-hero .hour-subtitle{font:400 14px/1.55 Arial,Helvetica,sans-serif;color:#925132;margin:16px auto 0;max-width:440px;}
@media(max-width:520px){.unit .hour-note{font-size:13px;margin:-7px auto 18px}.inner-hero .hour-subtitle{font-size:13px;padding:0 8px}}

/* Cartaz oficial da unidade Paulista: miniatura discreta, ampliável e responsiva. */
.happy-poster-section{text-align:center;margin:2px auto 3px;max-width:420px;}
.happy-poster-link{display:inline-block;max-width:72%;border:1px solid #e6c9bb;border-radius:11px;overflow:hidden;box-shadow:0 3px 12px #2420200f;line-height:0;}
.happy-poster-link:focus-visible{outline:3px solid #ffb783;outline-offset:4px;}
.happy-poster-image{display:block;height:auto;width:100%;}
.poster-note{font:400 12px/1.45 Arial,Helvetica,sans-serif;color:#777176;margin:8px auto 0;}
@media(max-width:520px){.happy-poster-section{margin:0 auto -8px}.happy-poster-link{max-width:67%;}.poster-note{font-size:11px}}