/* ============================================================================
   OFFICINA RESTÔ BAR — Design System
   "A galeria à noite — o atelier onde você é a obra de arte."
   Dark-first · barroco-industrial · quente de luz de vela.
   ========================================================================== */

/* ---- Tokens: Primitive ---------------------------------------------------- */
:root {
  --off-black-900:#14100C; --off-black-800:#1F1813; --off-black-700:#2A211A; --off-black-600:#3A2E24;
  --off-gold-500:#E0A72E;  --off-gold-400:#F0C56B;  --off-gold-300:#F7DDA0;  --off-gold-700:#A97C1E;
  --off-teal-600:#0E5C5A;  --off-teal-500:#14706B;  --off-teal-300:#7FD0C9;
  --off-wine-700:#4A141B;  --off-wine-600:#5B1A22;  --off-wine-500:#7A2530;
  --off-cream-100:#F4ECDD; --off-cream-200:#EFE6D4; --off-sand-400:#C9B79A;
  --off-white:#FDFBF6;     --off-red-facade:#C23A2B;

  /* Semantic */
  --color-bg:var(--off-black-900); --color-surface:var(--off-black-800);
  --color-surface-raised:var(--off-black-700); --color-border:var(--off-black-600);
  --color-border-gold:rgba(224,167,46,.35);
  --color-text:var(--off-cream-100); --color-text-muted:var(--off-sand-400); --color-text-inverse:var(--off-black-900);
  --color-accent:var(--off-gold-500); --color-accent-hover:var(--off-gold-400);
  --color-secondary:var(--off-teal-500); --color-tertiary:var(--off-wine-600);
  --color-focus-ring:var(--off-gold-400); --color-selection-bg:var(--off-gold-500); --color-selection-text:var(--off-black-900);

  /* Component */
  --nav-bg:rgba(20,16,12,.72); --card-bg:var(--off-black-800); --card-border:var(--color-border);
  --tag-bg:var(--off-black-700); --tag-text:var(--off-gold-400); --footer-bg:#0E0B08; --divider-gold:var(--off-gold-700);

  /* Type */
  --font-display:"Fraunces","Bodoni Moda","Didot",Georgia,serif;
  --font-body:"Newsreader",Georgia,serif;
  --font-mono:"Space Mono","Courier New",monospace;
  --font-script:"Ballet","Pinyon Script",cursive;     /* script elegante — rotulo de dia/ocasiao */
  --font-hand:"Sacramento","Caveat",cursive;          /* manuscrito casual — carimbo/kicker emocional */
  --fs-script:clamp(2rem,5vw,3.5rem);
  --fs-hand:clamp(1.6rem,3.6vw,2.6rem);
  --fs-display:clamp(2.75rem,6vw,5.5rem); --fs-h1:clamp(2.25rem,4.5vw,3.75rem);
  --fs-h2:clamp(1.75rem,3vw,2.5rem); --fs-h3:1.5rem; --fs-body:1.0625rem; --fs-small:.9375rem; --fs-kicker:.75rem;
  --lh-tight:1.06; --lh-snug:1.25; --lh-body:1.7; --tracking-kicker:.18em; --tracking-display:-.015em;

  /* Space / radius / shadow */
  --sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--sp-24:6rem;--sp-32:8rem;
  --container-max:1200px; --container-text:68ch;
  --radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow-md:0 8px 24px rgba(0,0,0,.45); --shadow-lg:0 20px 60px rgba(0,0,0,.55);
  --shadow-gold:0 0 0 1px rgba(224,167,46,.25),0 12px 40px rgba(224,167,46,.10);
  --glow-candle:0 0 40px rgba(224,167,46,.18);
}

/* ---- Reset ---------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-color:var(--off-gold-700) var(--off-black-900)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  background:var(--color-bg); color:var(--color-text); font-family:var(--font-body);
  font-size:var(--fs-body); line-height:var(--lh-body); -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility; overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
ul{list-style:none}

/* ---- Scrollbar ------------------------------------------------------------ */
*::-webkit-scrollbar{width:12px;height:12px}
*::-webkit-scrollbar-track{background:var(--off-black-900)}
*::-webkit-scrollbar-thumb{background:var(--off-gold-700);border-radius:999px;border:3px solid var(--off-black-900)}
*::-webkit-scrollbar-thumb:hover{background:var(--off-gold-500)}
::selection{background:var(--color-selection-bg);color:var(--color-selection-text)}
:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}

/* ---- Layout --------------------------------------------------------------- */
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--sp-6)}
.section{padding-block:var(--sp-24)}
.section--tight{padding-block:var(--sp-16)}
.prose{max-width:var(--container-text)}
.center{text-align:center}
.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mt-12{margin-top:var(--sp-12)}

/* ---- Typography ----------------------------------------------------------- */
.kicker{
  font-family:var(--font-mono);font-size:var(--fs-kicker);text-transform:uppercase;
  letter-spacing:var(--tracking-kicker);color:var(--color-accent);font-weight:700;
  display:inline-flex;align-items:center;gap:.7em;
}
.kicker::before,.kicker::after{content:"·";color:var(--off-gold-700);font-weight:700}
.display{font-family:var(--font-display);font-weight:700;font-size:var(--fs-display);line-height:var(--lh-tight);letter-spacing:var(--tracking-display)}
h1,.h1{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h1);line-height:var(--lh-snug);letter-spacing:var(--tracking-display)}
h2,.h2{font-family:var(--font-display);font-weight:700;font-size:var(--fs-h2);line-height:var(--lh-snug)}
h3,.h3{font-family:var(--font-display);font-weight:600;font-size:var(--fs-h3);line-height:var(--lh-snug)}
.lead{font-size:1.2rem;color:var(--color-text);font-style:italic}
.muted{color:var(--color-text-muted)}
.gold{color:var(--color-accent)}
.serif-italic{font-style:italic}
.section-head{margin-bottom:var(--sp-12);max-width:60ch}
.section-head .kicker{margin-bottom:var(--sp-4)}
.section-head--center{margin-inline:auto;text-align:center}

/* ---- Buttons -------------------------------------------------------------- */
.btn{
  display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);text-transform:uppercase;
  letter-spacing:.12em;font-size:.8125rem;font-weight:700;padding:.9rem 1.7rem;border-radius:var(--radius-sm);
  transition:transform .25s ease,background .25s ease,border-color .25s ease,color .25s ease;
}
.btn--primary{background:var(--off-gold-500);color:var(--off-black-900);box-shadow:var(--glow-candle)}
.btn--primary:hover{background:var(--off-gold-400);transform:translateY(-2px)}
.btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border-gold)}
.btn--ghost:hover{border-color:var(--off-gold-500);color:var(--off-gold-400)}
.btn--wine{background:var(--off-wine-600);color:var(--off-cream-100)}
.btn--wine:hover{background:var(--off-wine-500);transform:translateY(-2px)}
.btn--lg{padding:1.05rem 2.1rem;font-size:.875rem}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-4)}

/* ---- Header / Nav --------------------------------------------------------- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .3s,padding .3s,background .3s}
.site-header.scrolled{border-bottom-color:var(--color-border);background:rgba(20,16,12,.9)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);padding-block:var(--sp-4)}
.nav__brand img{height:34px;width:auto;transition:height .3s}
.scrolled .nav__brand img{height:28px}
.nav__links{display:flex;align-items:center;gap:var(--sp-6)}
.nav__links a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);
  padding-block:.4rem;position:relative;transition:color .2s}
.nav__links a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--off-gold-500);transition:width .25s}
.nav__links a:hover,.nav__links a[aria-current="page"]{color:var(--off-gold-400)}
.nav__links a:hover::after,.nav__links a[aria-current="page"]::after{width:100%}
.nav__cta{margin-left:var(--sp-2)}
.nav__toggle{display:none;flex-direction:column;gap:5px;padding:8px;z-index:110}
.nav__toggle span{width:24px;height:2px;background:var(--color-text);transition:transform .3s,opacity .3s}
.nav__toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav__toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav__toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---- Hero ----------------------------------------------------------------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden}
.hero__media{position:absolute;inset:0;z-index:0}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.hero__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,16,12,.45) 0%,rgba(20,16,12,.55) 40%,rgba(20,16,12,.92) 100%)}
.hero__inner{position:relative;z-index:1;padding-block:var(--sp-32) var(--sp-24);width:100%}
.hero__kicker{margin-bottom:var(--sp-6)}
.hero__title{max-width:16ch;text-shadow:0 2px 30px rgba(0,0,0,.5)}
.hero__sub{margin-top:var(--sp-6);max-width:46ch;font-size:1.25rem;color:var(--off-cream-200);font-style:italic}
.hero__cta{margin-top:var(--sp-8)}
.hero__badge{margin-top:var(--sp-12);display:inline-flex;align-items:center;gap:.6em;font-family:var(--font-mono);
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--off-gold-300);
  border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);padding:.55rem 1.1rem;background:rgba(20,16,12,.4)}
.hero__badge b{color:var(--off-gold-400);font-weight:700}
.scroll-cue{position:absolute;bottom:var(--sp-8);left:50%;transform:translateX(-50%);z-index:1;
  font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--off-sand-400);
  display:flex;flex-direction:column;align-items:center;gap:.5rem}
.scroll-cue span{width:1px;height:34px;background:linear-gradient(var(--off-gold-500),transparent);animation:cue 2s ease-in-out infinite}
@keyframes cue{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.scroll-cue span{animation:none}}

/* ---- Slogan band ---------------------------------------------------------- */
.slogan-band{padding-block:var(--sp-16);text-align:center;border-block:1px solid var(--color-border);
  background:radial-gradient(120% 120% at 50% 0%,rgba(224,167,46,.06),transparent 60%)}
.slogan-band__text{font-family:var(--font-display);font-weight:700;font-style:italic;
  font-size:clamp(1.8rem,5vw,4rem);color:var(--off-gold-500);line-height:1.1;letter-spacing:.02em}
.slogan-band--wine{background:var(--off-wine-700);border-color:var(--off-wine-500)}
.slogan-band--wine .slogan-band__text{color:var(--off-gold-400)}

/* ---- Divider talher ------------------------------------------------------- */
.divider{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);color:var(--off-gold-700);padding-block:var(--sp-8)}
.divider::before,.divider::after{content:"";height:1px;width:min(120px,20vw);background:linear-gradient(90deg,transparent,var(--off-gold-700))}
.divider::after{background:linear-gradient(90deg,var(--off-gold-700),transparent)}
.divider svg{width:22px;height:22px;opacity:.8}

/* ---- Pillars -------------------------------------------------------------- */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}
.pillar{padding:var(--sp-8);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);
  transition:border-color .3s,transform .3s}
.pillar:hover{border-color:var(--color-border-gold);transform:translateY(-3px)}
.pillar__icon{color:var(--off-gold-500);margin-bottom:var(--sp-4)}
.pillar__icon svg{width:34px;height:34px}
.pillar h3{margin-bottom:var(--sp-3)}
.pillar p{color:var(--color-text-muted);font-size:var(--fs-small)}

/* ---- Cards (pratos / drinks) --------------------------------------------- */
.card-grid{display:grid;gap:var(--sp-6)}
.card-grid--4{grid-template-columns:repeat(4,1fr)}
.card-grid--3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);overflow:hidden;
  transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;flex-direction:column}
.card:hover{border-color:var(--color-border-gold);transform:translateY(-3px);box-shadow:var(--shadow-md)}
.card__media{aspect-ratio:4/3;overflow:hidden;background:var(--off-black-700)}
.card__media--portrait{aspect-ratio:3/4}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.card:hover .card__media img{transform:scale(1.05)}
.card__body{padding:var(--sp-6);flex:1;display:flex;flex-direction:column;gap:var(--sp-2)}
.card__title{font-family:var(--font-display);font-weight:600;font-size:1.15rem;line-height:1.2}
.card__desc{color:var(--color-text-muted);font-size:var(--fs-small);flex:1}
.card__notes{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--off-teal-300);margin-top:var(--sp-2)}
.card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);margin-top:var(--sp-2)}
.price{font-family:var(--font-mono);font-weight:700;color:var(--off-gold-400);font-size:.95rem;white-space:nowrap}
.price::before{content:"R$ ";font-size:.7em;color:var(--off-gold-700)}

/* ---- Tags dietéticas ------------------------------------------------------ */
.tags{display:flex;flex-wrap:wrap;gap:.35rem}
.tag{font-family:var(--font-mono);font-size:.62rem;font-weight:700;letter-spacing:.08em;color:var(--tag-text);
  background:var(--tag-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.15rem .55rem}

/* ---- Split feature (bar / conceito) --------------------------------------- */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--sp-16);align-items:center}
.split--reverse .split__media{order:2}
.split__media{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-gold);position:relative}
.split__media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.split__body .kicker{margin-bottom:var(--sp-4)}
.split__body p{color:var(--color-text-muted);margin-top:var(--sp-4)}
.split__body .btn-row{margin-top:var(--sp-8)}
.split__stats{display:flex;gap:var(--sp-8);margin-top:var(--sp-8);flex-wrap:wrap}
.stat b{display:block;font-family:var(--font-display);font-size:1.8rem;color:var(--off-gold-400);line-height:1}
.stat span{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted)}

/* ---- Gallery -------------------------------------------------------------- */
.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:200px;gap:var(--sp-3)}
.gallery figure{overflow:hidden;border-radius:var(--radius-sm);position:relative;background:var(--off-black-700)}
.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .5s}
.gallery figure:hover img{transform:scale(1.06)}
.gallery .g-tall{grid-row:span 2}
.gallery .g-wide{grid-column:span 2}
.gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:.8rem;font-family:var(--font-mono);font-size:.6rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--off-cream-100);opacity:0;transition:opacity .3s;
  background:linear-gradient(transparent,rgba(20,16,12,.85))}
.gallery figure:hover figcaption{opacity:1}

/* ---- Testimonials --------------------------------------------------------- */
.testimonials{background:var(--off-wine-700);border-block:1px solid var(--off-wine-500)}
.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-8)}
.quote{position:relative;padding-top:var(--sp-8)}
.quote::before{content:"\201C";position:absolute;top:-.3rem;left:-.2rem;font-family:var(--font-display);font-size:4rem;color:var(--off-gold-500);line-height:1;opacity:.6}
.quote p{font-family:var(--font-body);font-style:italic;font-size:1.15rem;line-height:1.5;color:var(--off-cream-100)}
.quote__by{margin-top:var(--sp-4);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--off-gold-300)}
.quote__stars{color:var(--off-gold-400);letter-spacing:.15em;margin-top:var(--sp-2)}
.rep-row{display:flex;flex-wrap:wrap;gap:var(--sp-12);justify-content:center;margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--off-wine-500)}
.rep b{font-family:var(--font-display);font-size:2rem;color:var(--off-gold-400);display:block;line-height:1}
.rep span{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--off-cream-200)}

/* ---- Press ---------------------------------------------------------------- */
.press-quote{text-align:center;font-family:var(--font-display);font-style:italic;font-size:clamp(1.5rem,3.5vw,2.4rem);
  color:var(--off-cream-100);max-width:24ch;margin:0 auto var(--sp-12)}
.press-quote cite{display:block;font-family:var(--font-mono);font-style:normal;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--off-gold-400);margin-top:var(--sp-4)}
/* ---- Prêmios & reconhecimentos -------------------------------------------- */
.awards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--sp-4);margin-top:var(--sp-10)}
.award{background:var(--card-bg);border:1px solid var(--color-border);border-top:2px solid var(--divider-gold);padding:var(--sp-6)}
.award__name{font-family:var(--font-display);font-size:1.08rem;color:var(--off-gold-300);margin-bottom:var(--sp-4)}
.award__list{list-style:none;display:grid;gap:.55rem;margin:0;padding:0}
.award__list li{display:flex;gap:var(--sp-3);font-size:.85rem;color:var(--color-text-muted);line-height:1.45}
.award__year{font-family:var(--font-mono);font-size:.75rem;color:var(--off-gold-500);flex:none;padding-top:.15em;letter-spacing:.02em}

/* ---- Degustação do bar (destaque na home) --------------------------------- */
.tasting{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);flex-wrap:wrap;
  border:1px solid var(--color-border-gold);background:linear-gradient(100deg,rgba(224,167,46,.08),rgba(20,16,12,0) 60%);
  padding:var(--sp-8)}
.tasting__body{max-width:62ch}
.tasting__body h3{font-family:var(--font-display);font-size:1.5rem;margin-block:var(--sp-2) var(--sp-3)}
.tasting__body p{color:var(--color-text-muted)}
.tasting__price{font-family:var(--font-mono);font-size:1.1rem;color:var(--off-gold-400);margin-top:var(--sp-3)}
.tasting .btn{flex:none}

.press-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}
.press-item{display:flex;flex-direction:column;gap:.5rem;padding:var(--sp-6);border:1px solid var(--color-border);
  border-radius:var(--radius-md);background:var(--card-bg);transition:border-color .3s,transform .3s;height:100%}
.press-item:hover{border-color:var(--color-border-gold);transform:translateY(-3px)}
.press-item__name{font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--off-cream-100)}
.press-item__sub{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--off-gold-700)}
.press-item__materia{font-size:var(--fs-small);color:var(--color-text-muted);flex:1}
.press-item__link{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--off-gold-400);margin-top:auto}
.press-item__link::after{content:" ↗"}

/* ---- Inclusão ------------------------------------------------------------- */
.inclusion{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-8)}
.inclusion__card{display:flex;gap:var(--sp-4);padding:var(--sp-8);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md)}
.inclusion__icon{color:var(--off-teal-300);flex-shrink:0}
.inclusion__icon svg{width:30px;height:30px}
.inclusion__card h3{font-size:1.2rem;margin-bottom:var(--sp-2)}
.inclusion__card p{color:var(--color-text-muted);font-size:var(--fs-small)}

/* ---- Localização ---------------------------------------------------------- */
.local{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--sp-12);align-items:stretch}
.local__info dl{display:grid;gap:var(--sp-6);margin-top:var(--sp-8)}
.local__info dt{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--off-gold-500);margin-bottom:.3rem}
.local__info dd{font-size:1.05rem;color:var(--color-text)}
.map-frame{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-gold);box-shadow:var(--shadow-gold);
  min-height:380px;position:relative;background:var(--off-black-800)}
.map-frame iframe{width:100%;height:100%;min-height:380px;border:0;filter:grayscale(.3) contrast(1.05) brightness(.85)}

/* ---- CTA final ------------------------------------------------------------ */
.cta-final{position:relative;text-align:center;background:
  linear-gradient(rgba(20,16,12,.6),rgba(74,20,27,.85)),var(--off-wine-700)}
.cta-final .display{color:var(--off-gold-400);font-style:italic}
.cta-final p{color:var(--off-cream-200);margin:var(--sp-6) auto 0;max-width:40ch}
.cta-final .btn-row{justify-content:center;margin-top:var(--sp-8)}

/* ---- Footer --------------------------------------------------------------- */
/* Fundo: mural do salão como textura sutil sob véu escuro (legibilidade AA preservada) */
.site-footer{
  background:
    linear-gradient(180deg, rgba(14,11,8,.95), rgba(14,11,8,.88) 35%, rgba(14,11,8,.9) 70%, rgba(14,11,8,.97)),
    url('../img/ambiente/officina-footer-mural-bg.webp') center 32% / cover no-repeat,
    var(--footer-bg);
  border-top:1px solid var(--color-border);padding-block:var(--sp-16) var(--sp-8);
}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:var(--sp-8)}
.footer-brand p{color:var(--color-text-muted);font-size:var(--fs-small);max-width:34ch}
.footer-col h4{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--off-gold-500);margin-bottom:var(--sp-4)}
.footer-col ul{display:grid;gap:var(--sp-3)}
.footer-col a{font-size:var(--fs-small);color:var(--color-text-muted);transition:color .2s}
.footer-col a:hover{color:var(--off-gold-400)}
.socials{display:flex;gap:var(--sp-3);margin-top:var(--sp-2)}
.socials a{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-pill);
  color:var(--color-text-muted);transition:all .25s}
.socials a:hover{border-color:var(--off-gold-500);color:var(--off-gold-400);transform:translateY(-2px)}
.socials svg{width:18px;height:18px}
.tripadvisor-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:var(--sp-4);font-family:var(--font-mono);
  font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--off-teal-300)}
.tripadvisor-link svg{width:20px;height:20px}
.footer-badges{display:flex;gap:var(--sp-4);margin-top:var(--sp-6);flex-wrap:wrap}
.footer-badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--off-sand-400);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:.35rem .8rem}
.footer-bottom{margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--color-border);
  display:flex;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;align-items:center}
.footer-bottom p{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--off-sand-400)}
.footer-bottom a{color:var(--off-gold-700)}

/* ---- Menu page ------------------------------------------------------------ */
.menu-hero{padding-top:calc(var(--sp-32) + var(--sp-8));padding-bottom:var(--sp-16);text-align:center;
  background:radial-gradient(100% 80% at 50% 0%,rgba(224,167,46,.08),transparent 70%)}
.menu-nav{position:sticky;top:64px;z-index:50;background:rgba(20,16,12,.92);backdrop-filter:blur(10px);
  border-block:1px solid var(--color-border);padding-block:var(--sp-3)}
.menu-nav__scroll{display:flex;gap:var(--sp-2);overflow-x:auto;padding-inline:var(--sp-6);max-width:var(--container-max);margin-inline:auto;scrollbar-width:none}
.menu-nav__scroll::-webkit-scrollbar{display:none}
.menu-nav a{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;
  color:var(--color-text-muted);padding:.5rem .9rem;border:1px solid transparent;border-radius:var(--radius-pill);transition:all .2s}
.menu-nav a:hover{color:var(--off-gold-400);border-color:var(--color-border-gold)}
.menu-section{padding-block:var(--sp-16);border-bottom:1px solid var(--color-border);scroll-margin-top:130px}
.menu-section:last-child{border-bottom:none}
.menu-section__head{text-align:center;margin-bottom:var(--sp-12)}
.menu-section__head h2{margin-top:var(--sp-3);text-transform:capitalize}
.menu-section__head p{color:var(--color-text-muted);max-width:56ch;margin:var(--sp-4) auto 0;font-style:italic}
.menu-section--destaque{background:linear-gradient(rgba(224,167,46,.04),transparent);border-radius:var(--radius-lg)}
.menu-list{max-width:820px;margin-inline:auto;display:grid;gap:var(--sp-8)}
.menu-item{display:grid;gap:var(--sp-1)}
.menu-item__top{display:flex;align-items:baseline;gap:var(--sp-3)}
.menu-item__name{font-family:var(--font-display);font-weight:600;font-size:1.3rem;color:var(--off-cream-100);white-space:nowrap}
.menu-item__lead{flex:1;border-bottom:1px dotted var(--off-black-600);transform:translateY(-4px)}
.menu-item__price{font-family:var(--font-mono);font-weight:700;color:var(--off-gold-400);font-size:1rem}
.menu-item__price::before{content:"R$ ";font-size:.7em;color:var(--off-gold-700)}
.menu-item__desc{color:var(--color-text-muted);font-size:var(--fs-small);max-width:64ch}
.menu-item__meta{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-top:.2rem}
.menu-item__notes{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;color:var(--off-teal-300)}
/* Miniatura do prato/drink: discreta, à esquerda; itens sem foto não mudam */
.menu-item--foto{grid-template-columns:72px minmax(0,1fr);column-gap:var(--sp-4);align-items:start}
.menu-item__body{display:grid;gap:var(--sp-1);min-width:0}
.menu-item__thumb{width:72px;height:72px;padding:0;background:none;cursor:zoom-in;
  border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;
  transition:border-color .25s,transform .25s}
.menu-item__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.menu-item__thumb:hover{border-color:var(--off-gold-500);transform:translateY(-2px)}
.menu-item__thumb:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.menu-item__thumb{transition:none}.menu-item__thumb:hover{transform:none}}
.menu-legend{display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:center;margin-top:var(--sp-16);padding:var(--sp-6);
  border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--card-bg)}
.menu-legend span{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;color:var(--color-text-muted)}
.menu-legend b{color:var(--off-gold-400)}
.menu-featimg{max-width:820px;margin:var(--sp-8) auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-3)}
.menu-featimg img{border-radius:var(--radius-sm);aspect-ratio:1;object-fit:cover}

/* ---- Página interna genérica ---------------------------------------------- */
.page-hero{position:relative;padding-top:calc(var(--sp-32) + var(--sp-8));padding-bottom:var(--sp-16);overflow:hidden}
.page-hero__media{position:absolute;inset:0;z-index:0}
.page-hero__media img{width:100%;height:100%;object-fit:cover}
.page-hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,16,12,.75),rgba(20,16,12,.95))}
.page-hero .container{position:relative;z-index:1}
.story{display:grid;gap:var(--sp-16)}
.story__block{max-width:var(--container-text)}
.story__block h2{margin-bottom:var(--sp-4)}
.story__block p{color:var(--color-text);margin-top:var(--sp-4)}
.story__block p+p{color:var(--color-text-muted)}

/* ---- Reservas ------------------------------------------------------------- */
.reserva{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-16);align-items:start}
.form-field{display:grid;gap:.4rem;margin-bottom:var(--sp-4)}
.form-field label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--off-gold-500)}
.form-field input,.form-field select,.form-field textarea{background:var(--off-black-800);border:1px solid var(--color-border);
  border-radius:var(--radius-sm);padding:.8rem 1rem;color:var(--color-text);font-family:var(--font-body);font-size:1rem;transition:border-color .2s}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--off-gold-500)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4)}
.form-note{font-size:.8rem;color:var(--color-text-muted);margin-top:var(--sp-4)}
.reserva__aside{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--sp-8)}
.reserva__aside h3{margin-bottom:var(--sp-4)}
.reserva__aside dl{display:grid;gap:var(--sp-4);margin-top:var(--sp-6)}
.reserva__aside dt{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--off-gold-500)}
.reserva__aside dd{color:var(--color-text);margin-top:.2rem}

/* ---- LGPD banner ---------------------------------------------------------- */
.lgpd{position:fixed;z-index:200;left:var(--sp-6);bottom:var(--sp-6);max-width:300px;width:calc(100% - 3rem);
  background:var(--color-surface);border:1px solid var(--color-border-gold);border-radius:var(--radius-md);
  box-shadow:var(--shadow-lg);padding:var(--sp-6);transform:translateY(160%);transition:transform .5s cubic-bezier(.2,.8,.2,1);opacity:0}
.lgpd.is-visible{transform:translateY(0);opacity:1}
.lgpd__title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin-bottom:.4rem;color:var(--off-cream-100)}
.lgpd p{font-size:.8rem;color:var(--color-text-muted);line-height:1.5}
.lgpd p a{color:var(--off-gold-400);text-decoration:underline}
.lgpd__actions{display:flex;gap:var(--sp-2);margin-top:var(--sp-4)}
.lgpd__actions .btn{padding:.6rem 1rem;font-size:.68rem;flex:1;justify-content:center}
@media (prefers-reduced-motion:reduce){.lgpd{transition:opacity .3s}}

/* ---- Prose (privacidade) -------------------------------------------------- */
.legal{max-width:760px;margin-inline:auto}
.legal h2{margin:var(--sp-12) 0 var(--sp-4);font-size:1.5rem}
.legal h3{margin:var(--sp-8) 0 var(--sp-2);font-size:1.15rem;color:var(--off-gold-300)}
.legal p,.legal li{color:var(--color-text-muted);margin-top:var(--sp-3)}
.legal ul{margin-left:var(--sp-6);list-style:disc}
.legal a{color:var(--off-gold-400);text-decoration:underline}
.legal strong{color:var(--color-text)}

/* ---- Acentos da linguagem do feed (@officinarestobar) --------------------- */
/* Manuscrito casual (carimbo/kicker emocional) — sempre branco sobre escuro */
.hand{font-family:var(--font-hand);font-weight:400;color:var(--off-cream-100);font-size:var(--fs-hand);
  line-height:1;letter-spacing:.01em}
.hand--accent{display:inline-block;position:relative;padding-bottom:.15em}
.hand--accent::after{content:"";position:absolute;left:8%;right:8%;bottom:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--off-cream-200) 20%,var(--off-cream-200) 80%,transparent);border-radius:2px;opacity:.85}
/* Script elegante (rotulo de dia/ocasiao, wordmark de afeto) */
.script{font-family:var(--font-script);font-weight:400;color:var(--off-gold-400);font-size:var(--fs-script);line-height:1}
.script--cream{color:var(--off-cream-100)}
/* Kicker variante com colchetes [ ASSIM ] */
.kicker--bracket::before{content:"[";margin-right:.5em;color:var(--off-gold-700)}
.kicker--bracket::after{content:"]";margin-left:.5em;color:var(--off-gold-700)}
/* Badge de destaque (caixa de contorno dourado do feed) */
.badge-highlight{display:inline-block;border:1px solid var(--color-border-gold);border-radius:var(--radius-pill);
  padding:.5rem 1.25rem;color:var(--off-gold-400);font-family:var(--font-mono);font-weight:700;
  text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
/* Divisor losango ◇ (linha fina + losango dourado) */
.divider-lozenge{display:flex;align-items:center;justify-content:center;gap:.9rem;color:var(--off-gold-500);
  margin:var(--sp-4) 0;font-size:.7rem}
.divider-lozenge::before,.divider-lozenge::after{content:"";height:1px;width:min(90px,16vw);
  background:linear-gradient(90deg,transparent,var(--off-gold-700))}
.divider-lozenge::after{background:linear-gradient(90deg,var(--off-gold-700),transparent)}
.divider-lozenge span::before{content:"\25C7";color:var(--off-gold-500)}
.section-head--center .divider-lozenge{margin-inline:auto}
/* Tratamento de foto halftone/trama para blocos textuais */
.photo--screened{position:relative}
.photo--screened::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.5px) 0 0/6px 6px,
    linear-gradient(rgba(20,16,12,.55),rgba(20,16,12,.8))}

/* ---- Reveal animation ----------------------------------------------------- */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ---- Responsive ----------------------------------------------------------- */
@media (max-width:1024px){
  .card-grid--4{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
  .press-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .nav__links{position:fixed;inset:0 0 0 auto;width:min(80vw,320px);flex-direction:column;justify-content:center;
    align-items:flex-start;gap:var(--sp-6);background:var(--color-surface);padding:var(--sp-16) var(--sp-8);
    transform:translateX(100%);transition:transform .35s ease;border-left:1px solid var(--color-border)}
  .nav__links.is-open{transform:translateX(0)}
  .nav__links a{font-size:.9rem}
  .nav__toggle{display:flex}
  .split,.local,.reserva{grid-template-columns:1fr;gap:var(--sp-8)}
  .split--reverse .split__media{order:0}
  .pillars,.quote-grid,.card-grid--3,.inclusion{grid-template-columns:1fr}
  .card-grid--4{grid-template-columns:repeat(2,1fr)}
  .gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}
  .gallery .g-wide{grid-column:span 1}
  .section{padding-block:var(--sp-16)}
}
@media (max-width:520px){
  .card-grid--4,.menu-featimg{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .btn{width:100%;justify-content:center}
  .hero .btn{width:auto}
  .btn-row .btn{width:auto}
  .menu-item__top{flex-wrap:wrap}
  .menu-item__lead{display:none}
  .menu-item--foto{grid-template-columns:64px minmax(0,1fr);column-gap:var(--sp-3)}
  .menu-item__thumb{width:64px;height:64px}
  .lgpd{left:50%;transform:translate(-50%,160%);bottom:var(--sp-4)}
  .lgpd.is-visible{transform:translate(-50%,0)}
}

/* ===== MELHORIAS (slideshow, botões sociais, floats, lightbox) ============== */
.mt-4{margin-top:var(--sp-4)}
.mt-10{margin-top:var(--sp-10,2.5rem)}

/* ---- Hero slideshow (crossfade) ------------------------------------------- */
.hero__media--slideshow .hero__slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:center 40%;opacity:0;transition:opacity 1.6s ease-in-out}
.hero__media--slideshow .hero__slide.is-active{opacity:1}
@media (prefers-reduced-motion:reduce){
  .hero__media--slideshow .hero__slide{transition:none}
  .hero__media--slideshow .hero__slide:not(.is-active){opacity:0}
}

/* ---- Footer: logo, endereço, horários, reviews ---------------------------- */
.footer-brand img{height:auto;width:150px;max-width:70%;margin-bottom:var(--sp-4)}
.footer-reviews{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-4);margin-top:var(--sp-5)}
.footer-address{font-style:normal;margin-bottom:var(--sp-2)}
.footer-address a{font-size:var(--fs-small);color:var(--color-text-muted);line-height:1.6;transition:color .2s}
.footer-address a:hover{color:var(--off-gold-400)}
.footer-hours{display:grid;gap:.4rem;margin-top:var(--sp-2)}
.hours-row{display:flex;justify-content:space-between;gap:var(--sp-4);font-size:.78rem;
  padding-bottom:.35rem;border-bottom:1px dashed var(--color-border)}
.hours-row:last-child{border-bottom:none}
.hours-day{color:var(--color-text-muted)}
.hours-time{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--off-gold-300);white-space:nowrap}
.footer-phone{margin-top:var(--sp-4)}
.footer-phone a{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--off-gold-400)}
.footer-phone a:hover{color:var(--off-gold-300)}

/* TripAdvisor (Ollie) — segue a cor dos ícones sociais */
.tripadvisor-link{color:var(--color-text-muted);transition:color .25s}
.tripadvisor-link:hover{color:var(--off-gold-400)}
.tripadvisor-link svg{width:28px;height:16px}

/* Botão retangular de Instagram */
.ig-button{display:inline-flex;align-items:center;gap:.7rem;text-transform:none;letter-spacing:.02em;
  padding:.75rem 1.15rem;margin-top:var(--sp-5)}
.ig-button svg{width:22px;height:22px;flex:none;color:var(--off-gold-400)}
.ig-button span{display:flex;flex-direction:column;line-height:1.25;text-align:left;font-family:var(--font-mono)}
.ig-button b{color:var(--off-gold-400);font-size:.82rem;letter-spacing:.03em}
.ig-button span{font-size:.66rem;color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase}
.ig-button:hover b{color:var(--off-gold-300)}

/* Botão "Avalie no Google" */
.review-google{text-transform:none;letter-spacing:.02em}
.review-google .icon-g{width:18px;height:18px;flex:none}

/* ---- Ações flutuantes (WhatsApp + voltar ao topo) ------------------------- */
.float-actions{position:fixed;right:var(--sp-6);bottom:var(--sp-6);z-index:150;
  display:flex;flex-direction:column;gap:var(--sp-3);align-items:center}
.float-btn{width:56px;height:56px;border-radius:var(--radius-pill);display:grid;place-items:center;
  background:rgba(20,16,12,.85);border:1px solid var(--color-border-gold);color:var(--off-cream-100);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:var(--shadow-md);cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .35s ease,transform .35s ease,border-color .25s,background .25s,color .25s}
.float-btn.is-visible{opacity:1;visibility:visible;transform:none}
.float-btn:hover{border-color:var(--off-gold-500);color:var(--off-gold-400);transform:translateY(-3px)}
.float-btn svg{width:24px;height:24px}
.float-wa svg{width:28px;height:28px;color:#25D366}
.float-wa:hover{color:var(--off-gold-400)}
@media (prefers-reduced-motion:reduce){.float-btn{transition:opacity .2s ease}.float-btn:hover{transform:none}}

/* ---- Lightbox de galerias ------------------------------------------------- */
.gallery figure{cursor:zoom-in}
.lightbox{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;
  background:rgba(10,8,6,.93);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;transition:opacity .3s ease}
.lightbox[hidden]{display:none}
.lightbox.is-open{opacity:1}
.lightbox__stage{position:relative;margin:0;max-width:92vw;max-height:86vh;
  display:flex;flex-direction:column;align-items:center;gap:var(--sp-4)}
.lightbox__img{max-width:92vw;max-height:78vh;object-fit:contain;border-radius:var(--radius-md);
  box-shadow:var(--shadow-lg);border:1px solid var(--color-border-gold);background:var(--off-black-800)}
.lightbox__caption{font-family:var(--font-body);font-style:italic;color:var(--off-cream-200);
  font-size:.95rem;text-align:center;max-width:60ch}
.lightbox__nav,.lightbox__close{width:48px;height:48px;border-radius:var(--radius-pill);display:grid;place-items:center;
  background:rgba(20,16,12,.7);border:1px solid var(--color-border-gold);color:var(--off-cream-100);
  cursor:pointer;transition:border-color .25s,color .25s,transform .25s}
.lightbox__nav:hover,.lightbox__close:hover{border-color:var(--off-gold-500);color:var(--off-gold-400)}
.lightbox__nav svg,.lightbox__close svg{width:24px;height:24px}
.lightbox__close{position:fixed;top:var(--sp-6);right:var(--sp-6)}
.lightbox__nav{position:fixed;top:50%;transform:translateY(-50%)}
.lightbox__nav:hover{transform:translateY(-50%) scale(1.05)}
.lightbox__prev{left:var(--sp-6)}
.lightbox__next{right:var(--sp-6)}
.lightbox__count{position:fixed;bottom:var(--sp-6);left:50%;transform:translateX(-50%);margin:0;
  font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--off-gold-400)}
@media (prefers-reduced-motion:reduce){.lightbox{transition:none}.lightbox__nav:hover{transform:translateY(-50%)}}
@media (max-width:640px){
  .lightbox__nav{width:42px;height:42px}
  .lightbox__prev{left:var(--sp-2)}
  .lightbox__next{right:var(--sp-2)}
  .lightbox__img{max-height:70vh}
}

/* ===== RODADA 2: back-to-top à esquerda, botões de review, respiro do footer, Fraunces == */
.mt-3{margin-top:var(--sp-3)}

/* Fraunces: sizing óptico automático nos títulos */
.display,h1,.h1,h2,.h2,h3,.h3,.card__title,.press-item__name,.menu-item__name,
.slogan-band__text,.press-quote,.lgpd__title,.stat b,.rep b{font-optical-sizing:auto}

/* ---- Back-to-top no canto inferior ESQUERDO (WhatsApp permanece à direita) - */
.back-to-top{position:fixed;left:var(--sp-6);right:auto;bottom:var(--sp-6);z-index:150}
/* Quando o modal LGPD está visível (desktop: inferior esquerdo), sobe acima dele */
body.lgpd-visible .back-to-top{bottom:calc(var(--sp-6) + 210px)}

/* ---- Botões de review (TripAdvisor + Google no mesmo componente) ----------- */
.review-btn{width:100%;justify-content:center;flex-wrap:wrap;text-transform:none;
  letter-spacing:.02em;gap:.55rem;padding:.85rem 1.2rem;line-height:1.2}
.review-btn .icon-g{width:18px;height:18px;flex:none}
.review-tripadvisor svg{width:27px;height:16px;flex:none}
.review-ifood svg{width:31px;height:12px;flex:none}
.review-btn .stars{font-size:.82em;letter-spacing:.04em;line-height:1;flex:none}
.footer-reviews{display:flex;flex-direction:column;align-items:stretch;gap:var(--sp-3);margin-top:var(--sp-6)}

/* ---- Respiro do footer ---------------------------------------------------- */
.site-footer{padding-block:var(--sp-24) var(--sp-12)}
.footer-grid{gap:var(--sp-12) var(--sp-8)}
.footer-brand p{margin-top:var(--sp-2);line-height:1.65}
.footer-col h4{margin-bottom:var(--sp-5)}
.footer-col ul{gap:var(--sp-4)}
.footer-address{margin-bottom:var(--sp-3)}
.footer-address a{line-height:1.7}
.footer-col h4.mt-6{margin-top:var(--sp-8)}
.footer-hours{gap:.6rem;margin-top:var(--sp-3)}
.hours-row{padding-bottom:.55rem}
.footer-phone{margin-top:var(--sp-6)}
.socials{gap:var(--sp-4);margin-top:var(--sp-3)}
.ig-button{margin-top:var(--sp-6)}
.footer-badges{margin-top:var(--sp-8);gap:var(--sp-3)}
.footer-bottom{margin-top:var(--sp-16);padding-top:var(--sp-8)}

/* ---- Mobile: floats + LGPD centralizado não colidem ----------------------- */
@media (max-width:520px){
  body.lgpd-visible .back-to-top,
  body.lgpd-visible .float-actions{bottom:calc(var(--sp-4) + 225px)}
  .footer-grid{gap:var(--sp-10,2.5rem) var(--sp-8)}
}

/* ---- Eventos: micro-CTA no card ------------------------------------------- */
.card__cta{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;
  margin-top:var(--sp-4);align-self:flex-start;transition:color .2s,opacity .2s;opacity:.9}
.card__cta:hover{color:var(--off-gold-300);opacity:1}