:root{
--cream:#f5eee3;--paper:#fffaf3;--ink:#211812;--brown:#542b1b;--brown-dark:#21140e;
--orange:#c9632a;--gold:#e0a45b;--green:#334632;--muted:#76685d;--line:rgba(33,24,18,.13);
--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.6}a{text-decoration:none;color:inherit}
.container{width:min(1180px,calc(100% - 36px));margin:auto}.announcement{height:36px;background:var(--brown-dark);color:#e9d8c4;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.18em;font-weight:700}.announcement span{color:var(--gold);margin:0 12px}
.site-header{position:absolute;z-index:20;top:36px;width:100%;color:white}.nav{height:92px;display:flex;align-items:center;gap:28px}


header {
  display: flex;
  align-items: center; /* Centraliza a logo verticalmente */
  justify-content: space-between; /* Mantém logo de um lado e menu do outro */
  padding: 10px 20px;
}

.sua-logo img {
  max-width: 100%;
  height: auto;
  max-height: 60px; /* Altere a altura para o tamanho desejado */
  object-fit: contain;
  display: block;
}
/* Estilos ajustados para a Logo com fundo transparente */
.logo-link{display:flex;align-items:center;margin-right:auto;text-decoration:none}
.site-logo{height:90px;width:auto;max-width:100%;object-fit:contain;transition:transform .2s ease, height .2s ease;filter:drop-shadow(0px 2px 8px rgba(0,0,0,.35))}
.site-logo:hover{transform:scale(1.03)}
.footer-logo{height:48px}

.menu{display:flex;gap:24px;font-size:12px;font-weight:700}.menu a{opacity:.88;transition:.2s}.menu a:hover{color:#ffd190;opacity:1}.btn{min-height:48px;padding:0 22px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;transition:.2s}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#a94e20;transform:translateY(-2px)}.btn-outline{border:1px solid rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}.btn-outline:hover{background:rgba(255,255,255,.13)}.hamburger{display:none;border:0;background:none;color:#fff;font-size:28px}
.hero{min-height:820px;position:relative;display:flex;align-items:center;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url("assets/images/01-restaurante.jpg") center/cover no-repeat;transform:scale(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,14,9,.91),rgba(24,14,9,.57) 48%,rgba(24,14,9,.18));}.hero-content{position:relative;padding-top:80px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-copy{max-width:720px}.kicker{display:inline-block;color:#ffd18d;font-size:10px;letter-spacing:.22em;font-weight:800;margin-bottom:18px}.kicker.dark{color:var(--orange)}h1,h2,h3{font-family:var(--serif)}h1{font-size:clamp(54px,7.5vw,94px);line-height:.98;letter-spacing:-.05em;margin:0 0 25px}h1 em,h2 em{color:#ffc26f;font-style:italic}.hero-copy p{font-size:18px;color:#f1e2d1;max-width:610px;margin:0 0 30px}.actions{display:flex;gap:10px;flex-wrap:wrap}.hero-badge{width:185px;height:185px;border:1px solid rgba(255,255,255,.38);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(44,22,12,.28);backdrop-filter:blur(5px)}.hero-badge span{font-size:8px;letter-spacing:.2em;color:#f0d7b7}.hero-badge strong{font:700 28px var(--serif);margin:4px 0}.hero-badge small{font-size:9px;color:#e5cdb5;max-width:100px}
.section{padding:105px 0}.welcome{background:var(--paper)}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}h2{font-size:clamp(43px,5vw,66px);line-height:1.03;letter-spacing:-.045em;margin:0}.welcome h2 em{color:var(--orange)}.lead{color:var(--muted);font-size:17px;max-width:540px}.lead p{margin:0 0 13px}
.specialties{background:var(--cream)}.section-title{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:44px}.section-title>p{max-width:420px;color:var(--muted);font-size:14px;margin:0}.cards{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.card{background:var(--paper);box-shadow:0 18px 55px rgba(53,29,15,.10)}.food-image{height:260px;background-size:cover;background-position:center}.card-feature .food-image{height:350px}.card-info{padding:24px 25px 29px}.card-info>span{font-size:9px;letter-spacing:.16em;color:var(--orange);font-weight:800}.card-info h3{font-size:31px;margin:8px 0}.card-info p{font-size:13px;color:var(--muted);margin:0 0 18px}.card-info a{font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--orange)}
.story{display:grid;grid-template-columns:1fr 1fr;background:var(--brown);color:#fff}.story-photo{min-height:650px;background:url("assets/images/06-buchada-de-bode.jpg") center/cover no-repeat}.story-copy{padding:90px clamp(35px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.story-copy h2{margin-bottom:24px}.story-copy p{color:#e7d7c7;max-width:540px}.story-link{margin-top:15px;color:#ffc26f;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:800}
.menu-section{background:var(--paper)}.center-title{text-align:center;max-width:730px;margin:0 auto 38px}.center-title p{color:var(--muted);font-size:14px}.center-title h2 em{color:var(--orange)}.tabs{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:30px}.tabs button{border:1px solid var(--line);background:none;border-radius:99px;padding:10px 18px;font:700 11px var(--sans);cursor:pointer}.tabs button.active,.tabs button:hover{background:var(--brown);color:white;border-color:var(--brown)}.menu-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);gap:1px;background:var(--line)}.menu-list article{background:var(--paper);padding:25px;display:flex;justify-content:space-between;gap:20px}.menu-list h3{margin:0 0 3px;font-size:23px}.menu-list p{margin:0;color:var(--muted);font-size:12px}.menu-list b{font-size:11px;color:var(--orange);white-space:nowrap}.menu-list small{display:block;color:var(--orange);font-weight:800;font-size:8px;letter-spacing:.14em;margin-bottom:4px}
.photo-break{height:520px;position:relative;color:white;display:grid;place-items:center;text-align:center;overflow:hidden}.photo-break-bg{position:absolute;inset:0;background:linear-gradient(rgba(24,13,8,.35),rgba(24,13,8,.68)),url("assets/images/04-carne-de-sol.jpg") center/cover}.photo-break-content{position:relative}.photo-break-content span{font-size:10px;letter-spacing:.24em;font-weight:800;color:#ffd18d}.photo-break h2{margin-top:14px;font-size:clamp(42px,5vw,65px)}.photo-break h2 em{color:#ffc26f}
.gallery{background:var(--cream)}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:220px;gap:12px}.gallery-item{background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:18px;overflow:hidden}.gallery-item:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(20,10,5,.72))}.gallery-item span{position:relative;color:#fff;font:600 20px var(--serif)}.gallery-item.large{grid-row:span 2}.gallery-item.wide{grid-column:span 2}
.contact{background:var(--paper)}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:center}.contact h2{margin-bottom:20px}.contact h2 em{color:var(--orange)}.contact>div>p{color:var(--muted);max-width:510px}.contact-lines{margin:32px 0;display:grid}.contact-lines a,.contact-lines div{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;gap:20px}.contact-lines small{font-size:9px;letter-spacing:.15em;color:#8a7b6f}.contact-lines strong{font-size:13px;text-align:right}.hours{background:var(--cream);padding:40px;box-shadow:0 18px 50px rgba(53,29,15,.10)}.hours h3{font-size:31px;margin:0 0 22px}.hours>div{border-top:1px solid var(--line);padding:14px 0;display:flex;justify-content:space-between;font-size:13px}.hours b{color:var(--brown)}.hours p{font-size:10px;color:#8c7c6f;margin:15px 0 0}
footer{background:#1e1510;color:#cdbbab;padding:28px 0}.footer-inner{display:flex;align-items:center;gap:30px}.footer-inner .logo-link{margin-right:auto}.footer-inner p,.footer-inner>a{font-size:10px;color:#9d8c7c}.whatsapp{position:fixed;right:20px;bottom:20px;width:55px;height:55px;border-radius:50%;background:#2f7c41;color:#fff;display:grid;place-items:center;font-weight:800;font-size:11px;box-shadow:0 10px 30px rgba(0,0,0,.25);z-index:50}

/* Responsividade Aprimorada */
@media(max-width:900px){
  .site-logo{height:54px}
  .menu{display:none;position:absolute;top:80px;left:18px;right:18px;background:#21140e;border-radius:15px;padding:20px;flex-direction:column;gap:16px}.menu.open{display:flex}.hamburger{display:block}.desktop-cta{display:none}.hero-content{align-items:flex-start;flex-direction:column}.hero-badge{display:none}.welcome-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr 1fr}.card-feature{grid-column:1/-1}.story{grid-template-columns:1fr}.story-photo{min-height:420px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item.wide{grid-column:span 1}.gallery-item.large{grid-row:span 1}
}
@media(max-width:620px){
  .site-logo{height:46px}
  .footer-logo{height:38px}
  .container{width:calc(100% - 28px)}.announcement{font-size:8px}.hero{min-height:700px}.hero-copy p{font-size:16px}.hero h1{font-size:53px}.section{padding:76px 0}.section-title{display:block}.section-title>p{margin-top:15px}.cards,.menu-list,.gallery-grid{grid-template-columns:1fr}.card-feature{grid-column:auto}.card-feature .food-image,.food-image{height:285px}.story-photo{min-height:330px}.story-copy{padding:70px 28px}.gallery-grid{grid-auto-rows:240px}.gallery-item.large,.gallery-item.wide{grid-column:auto;grid-row:auto}.contact-lines a,.contact-lines div{display:block}.contact-lines strong{display:block;text-align:left;margin-top:5px}.footer-inner{display:grid;gap:12px}.footer-inner .logo-link{margin:0}
}
