/* Domus Barbershop · camada de landing page (v2, 27/09/2026)
   Carrega depois do domus.20260927.css e redesenha a página como LP: topo fixo, foto real no topo,
   faixa animada, números, serviços em bento, cartão do Google, celular com o Instagram, mapa ao vivo,
   distância pelo GPS e animações de entrada. Usa os mesmos tokens de cor e fonte do domus.css. */

:root{--lp-largura:1120px;--lp-margem:16px;--topo-altura:60px;--lp-raio:20px}
html{scroll-padding-top:calc(var(--topo-altura) + 12px)}
body{background:var(--carvao)}

/* áreas escuras novas herdam as variáveis de tinta do tema escuro */
.topo,.abertura,.faixa-servicos,.numeros,.cta-final,.secao-espaco{--tinta:var(--papel);--tinta-2:var(--texto-2-escuro);--link:var(--cobre-luz);--foco:var(--ambar);--realce:var(--carvao-3);--contorno:var(--papel);--contorno-pri:var(--cobre-luz);color-scheme:dark;color:var(--tinta)}

/* ---------- faixas: largura de LP ---------- */
.faixa{padding:72px var(--lp-margem);border-radius:0}
.faixa-in{max-width:var(--lp-largura);margin-inline:auto}
.faixa-in > * + *{margin-top:var(--e-4)}
.faixa-estreita > *{max-width:820px}
.faixa > * + *{margin-top:0}
.faixa-cimento{background:var(--ruido),var(--cimento)}
h2{font:800 clamp(30px,7.4vw,56px)/1.02 var(--fonte-titulo);letter-spacing:.005em;text-transform:none;text-wrap:balance}
.resposta{font-size:17px;line-height:27px;color:var(--tinta);opacity:.92;max-width:64ch}
.etiqueta{margin-bottom:-4px}

/* ---------- topo fixo ---------- */
.topo{position:fixed;inset:0 0 auto;z-index:60;display:flex;align-items:center;gap:var(--e-4);height:var(--topo-altura);padding:0 var(--lp-margem);transition:background-color .3s,box-shadow .3s,backdrop-filter .3s}
.topo--solido{background:rgba(22,32,34,.86);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 1px 0 rgba(240,179,90,.28),0 10px 30px rgba(0,0,0,.25)}
.topo-marca{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--papel);text-decoration:none}
.topo-marca img{width:30px;height:30px;filter:drop-shadow(0 0 6px rgba(240,179,90,.35))}
.topo-nome{font:800 24px/1 var(--fonte-titulo);text-transform:uppercase;letter-spacing:.05em}
.topo-sub{font:600 10px/1 var(--fonte);letter-spacing:.26em;text-transform:uppercase;color:var(--cobre-luz)}
.topo-nav{display:none}
.topo-cta{margin-left:auto;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:var(--r-pilula);background:var(--cobre);box-shadow:0 0 0 1px var(--cobre-luz),0 6px 20px rgba(187,75,38,.35);color:#fff;font:600 15px/1 var(--fonte);text-decoration:none;transition:transform .2s var(--curva),background-color .2s}
.topo-cta:hover{background:var(--cobre-escuro);transform:translateY(-1px)}

/* ---------- abertura (hero + recepção) ---------- */
.abertura{position:relative;background:var(--carvao)}
.hero{position:relative;isolation:isolate;overflow:visible;padding:calc(var(--topo-altura) + 28px) var(--lp-margem) 32px;background:linear-gradient(180deg,rgba(22,32,34,.72) 0%,rgba(22,32,34,.5) 24%,rgba(22,32,34,.84) 52%,var(--carvao) 88%),url(/assets/img/fotos/espaco-1-recorte-500.webp) 50% 22%/cover no-repeat}
html[data-fotos="nao"] .hero{background:radial-gradient(90% 60% at 70% 0%,rgba(240,179,90,.22),transparent 70%),var(--ruido),var(--carvao)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 40% at 50% 100%,rgba(187,75,38,.22),transparent 70%);pointer-events:none}
.hero::after{display:none}
.hero-foto{display:none!important}
.hero > * + *{margin-top:var(--e-3)}
.prova{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:7px 14px;border-radius:var(--r-pilula);background:rgba(22,32,34,.55);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px rgba(244,238,230,.18);font:600 13px/18px var(--fonte)}
.prova a{text-decoration:none}
.prova a span{color:var(--ambar);letter-spacing:.1em}
.h1-marca{font:800 clamp(46px,13.2vw,88px)/.92 var(--fonte-titulo);letter-spacing:.01em;text-transform:uppercase;text-shadow:0 4px 30px rgba(0,0,0,.45)}
.h1-local{margin-top:10px;font:600 15px/20px var(--fonte);letter-spacing:.14em;text-transform:uppercase;color:var(--papel);text-shadow:0 1px 12px rgba(0,0,0,.7)}
.hero-tagline{font:400 21px/28px var(--fonte);color:var(--ambar);text-shadow:0 2px 16px rgba(0,0,0,.5)}
.hero-pergunta{margin-top:var(--e-5)!important;font:600 12px/16px var(--fonte);letter-spacing:.2em;text-transform:uppercase;color:var(--papel);opacity:.85}
.hero-servicos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:var(--e-2)!important}
.hs{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:76px;padding:12px 14px;border-radius:16px;background:rgba(31,43,46,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(240,179,90,.45),0 10px 30px rgba(0,0,0,.25);color:var(--papel);text-decoration:none;transition:transform .2s var(--curva),background-color .2s,box-shadow .2s}
.hs .ic{width:22px;height:22px;color:var(--ambar);margin-bottom:4px}
.hs-nome{font:600 17px/21px var(--fonte)}
.hs-preco{font:800 20px/22px var(--fonte-titulo);color:var(--ambar);letter-spacing:.02em}
.hs-largo{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;min-height:56px}
.hs-largo .hs-nome{font-size:15px}
.hs-largo .hs-preco{font:600 14px/18px var(--fonte);color:var(--cobre-luz)}
.hs:hover{background:rgba(187,75,38,.88);box-shadow:inset 0 0 0 1px var(--cobre-luz),0 12px 34px rgba(187,75,38,.35);transform:translateY(-2px)}
.hs:hover .ic,.hs:hover .hs-preco{color:#fff}
.hero-linha{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:10px 16px;margin-top:var(--e-4)!important}
.hero-linha .status{margin:0;background:rgba(22,32,34,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.hero-equipe{position:static;display:flex;padding:7px 4px}
.hero-equipe img{width:34px;height:34px;border-color:var(--carvao)}
.definicao{margin-top:var(--e-4)!important;font-size:14px;line-height:21px;color:var(--texto-2-escuro);max-width:58ch}
.feriados{margin-top:4px!important}
.distancia--hero{margin-top:var(--e-3)!important}
.hero-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;color:var(--papel);font:600 15px/20px var(--fonte);text-decoration:underline;text-decoration-color:var(--cobre-luz);text-underline-offset:.22em;cursor:pointer}
.hero-link .ic{color:var(--ambar)}
/* ---------- distância: botão radar em destaque + cartão de resultado ---------- */
.distancia--hero{margin-top:var(--e-3)!important}
.btn-radar{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:76px;padding:12px 18px 12px 12px;border:0;border-radius:18px;background:linear-gradient(135deg,#f6c170 0%,var(--ambar) 45%,#e8943a 100%);box-shadow:0 12px 34px rgba(240,179,90,.38),inset 0 1px 0 rgba(255,255,255,.45);color:var(--carvao);font:inherit;text-align:left;cursor:pointer;transition:transform .2s var(--curva),box-shadow .2s;--foco:var(--papel)}
.btn-radar:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(240,179,90,.5),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-radar:active{transform:translateY(0)}
.radar{position:relative;flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--carvao);color:var(--ambar)}
.radar .ic{width:26px;height:26px}
.radar::before,.radar::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid var(--carvao);opacity:0;pointer-events:none}
.btn-radar-texto{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}
.btn-radar-texto strong{font:800 21px/1.1 var(--fonte-titulo);letter-spacing:.01em;text-transform:uppercase}
.btn-radar-texto span{font:600 13px/17px var(--fonte);color:#3a3024}
.btn-radar-seta{flex:none;width:24px;height:24px;transition:transform .2s var(--curva)}
.btn-radar:hover .btn-radar-seta{transform:translateX(3px)}
.btn-radar.buscando{cursor:progress}
.btn-radar.buscando .radar .ic{animation:gira 1.1s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:no-preference){
  .btn-radar.pulsando{animation:brilho-radar 2.4s ease-in-out infinite}
  .btn-radar.pulsando .radar::before{animation:onda 2.4s cubic-bezier(.2,.6,.3,1) infinite}
  .btn-radar.pulsando .radar::after{animation:onda 2.4s cubic-bezier(.2,.6,.3,1) 1.2s infinite}
}
@keyframes onda{0%{transform:scale(1);opacity:.7}100%{transform:scale(2.1);opacity:0}}
@keyframes brilho-radar{50%{box-shadow:0 12px 44px rgba(240,179,90,.65),0 0 0 6px rgba(240,179,90,.18),inset 0 1px 0 rgba(255,255,255,.45)}}
.chegar-painel .btn-radar{box-shadow:0 10px 26px rgba(232,148,58,.3),inset 0 1px 0 rgba(255,255,255,.45)}

.distancia-saida{margin-top:var(--e-3);padding:18px 18px 16px;border-radius:18px;background:linear-gradient(160deg,rgba(42,54,57,.96),rgba(22,32,34,.97));box-shadow:inset 0 0 0 1px rgba(240,179,90,.5),0 16px 40px rgba(0,0,0,.35);color:var(--papel);--link:var(--cobre-luz);--foco:var(--ambar);--tinta:var(--papel);--contorno:var(--papel);--contorno-pri:var(--cobre-luz);--realce:var(--carvao-3);animation:sobe .45s var(--curva) both}
.dist-titulo{font:600 16px/22px var(--fonte);color:var(--ambar)}
.dist-numero{margin-top:2px;font:800 clamp(48px,14vw,72px)/1 var(--fonte-titulo);color:var(--papel);font-variant-numeric:tabular-nums}
.dist-numero span{margin-left:8px;font:600 15px/1 var(--fonte);color:var(--texto-2-escuro)}
.dist-tempos{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.dist-tempos span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-pilula);background:rgba(240,179,90,.14);box-shadow:inset 0 0 0 1px rgba(240,179,90,.4);font:600 14px/18px var(--fonte)}
.dist-tempos .ic{width:18px;height:18px;color:var(--ambar)}
.dist-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.dist-acoes a{flex:1 1 auto}
.dist-nota{margin-top:10px;font-size:12px;line-height:17px;color:var(--texto-2-escuro)}

/* recepção no celular: logo abaixo do hero */
.espelho{margin:0 var(--lp-margem);scroll-margin-top:calc(var(--topo-altura) + 12px)}
.abertura > .espelho{margin-bottom:0}
.abertura{padding-bottom:40px}

/* ---------- faixa animada de serviços ---------- */
.faixa-servicos{position:relative;display:flex;align-items:center;background:var(--cobre);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.2);color:#fff}
.fs-janela{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.fs-trilho{display:flex;width:max-content;animation:fs-rola 40s linear infinite}
.fs-trilho span{display:flex;align-items:center;gap:22px;padding:15px 0 15px 22px;font:800 22px/1 var(--fonte-titulo);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.fs-trilho span::after{content:"";width:9px;height:9px;background:var(--carvao);transform:rotate(45deg)}
.faixa-servicos[data-pausado] .fs-trilho{animation-play-state:paused}
@keyframes fs-rola{to{transform:translateX(-50%)}}
.fs-pausa{flex:none;display:grid;place-items:center;width:44px;height:44px;margin-right:6px;border:0;border-radius:50%;background:rgba(22,32,34,.28);color:#fff;cursor:pointer}
.fs-pausa:hover{background:rgba(22,32,34,.5)}
.fs-pausa .ic{width:18px;height:18px}

/* ---------- números ---------- */
.numeros{padding:48px var(--lp-margem);background:var(--ruido),var(--carvao);border-bottom:1px solid rgba(240,179,90,.18)}
.numeros ul{display:grid;grid-template-columns:1fr 1fr;gap:28px 16px;max-width:var(--lp-largura);margin-inline:auto}
.numeros li{display:flex;flex-direction:column;gap:6px;padding-left:14px;border-left:2px solid var(--cobre)}
.numeros strong{display:flex;align-items:baseline;gap:6px;font:800 clamp(46px,12vw,76px)/.95 var(--fonte-titulo);color:var(--papel);font-variant-numeric:tabular-nums}
.num-estrela{font-size:.5em;color:var(--ambar)}
.numeros li > span{font-size:14px;line-height:19px;color:var(--texto-2-escuro)}

/* ---------- serviços em bento ---------- */
.bento{display:grid;gap:12px;margin-top:var(--e-6)!important}
.bento-card{position:relative;isolation:isolate;display:flex;min-height:230px;overflow:hidden;border-radius:var(--lp-raio);background:var(--carvao);color:var(--papel);box-shadow:0 1px 2px rgba(22,32,34,.2),0 18px 40px rgba(22,32,34,.14);transition:transform .35s var(--curva),box-shadow .35s var(--curva)}
.bento-card::before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(260px circle at var(--mx,-300px) var(--my,-300px),rgba(240,179,90,.18),transparent 60%);pointer-events:none;transition:opacity .3s}
.bento-card:hover{transform:translateY(-4px);box-shadow:0 2px 4px rgba(22,32,34,.2),0 26px 50px rgba(22,32,34,.22)}
.bento-foto{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 30%;transition:transform .8s var(--curva)}
.bento-card:hover .bento-foto{transform:scale(1.05)}
.bento-corte::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(22,32,34,.05) 10%,rgba(22,32,34,.55) 45%,rgba(22,32,34,.96) 82%)}
.bento-conteudo{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;margin-top:auto;padding:22px}
.bento-rotulo{font:600 12px/16px var(--fonte);letter-spacing:.2em;text-transform:uppercase;color:var(--ambar)}
.bento-card h3{font:800 32px/1 var(--fonte-titulo);text-transform:uppercase;letter-spacing:.01em}
.bento-preco{display:flex;align-items:flex-start;gap:4px;font:800 64px/.9 var(--fonte-titulo);font-variant-numeric:tabular-nums}
.bento-preco .rs{margin-top:6px;font-size:22px;color:var(--cobre-luz)}
.bento-info{font-size:15px;line-height:22px;color:var(--texto-2-escuro)}
.bento-info .tag{margin-top:0}
.bento-btn{display:inline-flex;align-items:center;min-height:48px;margin-top:10px;padding:0 20px;border-radius:var(--r-pilula);background:var(--papel);color:var(--carvao);font:600 15px/1 var(--fonte);text-decoration:none;transition:background-color .2s,transform .2s var(--curva)}
.bento-btn::after{content:"→";margin-left:10px;transition:transform .2s var(--curva)}
.bento-btn:hover{background:var(--ambar)}
.bento-btn:hover::after{transform:translateX(3px)}
.bento-corte{min-height:420px}
.bento-barbo{background:radial-gradient(70% 60% at 85% 0%,rgba(240,179,90,.34),transparent 70%),radial-gradient(60% 50% at 0% 100%,rgba(187,75,38,.28),transparent 70%),linear-gradient(160deg,#2b1f16,var(--carvao))}
.bento-combo{background:linear-gradient(150deg,#a9431f,#7e2f15 60%,#5e2310);color:#fff}
.bento-combo .bento-rotulo{color:#fff0e0}
.bento-combo .bento-preco .rs{color:#ffd6b8}
.bento-combo .bento-info{color:rgba(255,255,255,.9)}
.bento-esp,.bento-pag{background:var(--papel-claro);color:var(--carvao);box-shadow:inset 0 0 0 1px rgba(22,32,34,.08),0 18px 40px rgba(22,32,34,.08)}
.bento-esp .bento-rotulo{color:var(--cobre-escuro)}
.bento-esp .bento-info,.bento-pag .bento-pag-texto{color:var(--texto-2)}
.bento-esp .bento-btn,.bento-pag .bento-btn{background:var(--carvao);color:var(--papel)}
.bento-esp .bento-btn:hover{background:var(--cobre);color:#fff}
.bento-planos{background:radial-gradient(80% 70% at 100% 0%,rgba(143,191,122,.16),transparent 70%),var(--carvao-2)}
.bento-planos-lista{display:grid;gap:4px;font-size:16px;line-height:22px}
.bento-planos-lista strong{color:var(--ambar)}
.bento-pag{min-height:0}
.bento-pag .bento-conteudo{flex-direction:row;align-items:center;gap:14px}
.ic-grande{width:34px;height:34px;color:var(--cobre-escuro)}
.bento-pag-texto{font:600 16px/22px var(--fonte)}

/* tabela completa recolhida */
.cardapio{margin-top:var(--e-5)!important;border-radius:var(--lp-raio);background:var(--papel-claro);box-shadow:inset 0 0 0 1px rgba(22,32,34,.08),0 12px 30px rgba(22,32,34,.08)}
.cardapio summary{position:relative;display:flex;flex-direction:column;gap:2px;min-height:64px;padding:18px 64px 18px 22px;cursor:pointer;list-style:none;font:600 17px/22px var(--fonte)}
.cardapio summary::-webkit-details-marker{display:none}
.cardapio summary::after{content:"";position:absolute;right:20px;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:50%;background:linear-gradient(#fff,#fff) center/12px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 12px no-repeat,var(--carvao);transition:transform .25s var(--curva)}
.cardapio[open] summary::after{transform:rotate(45deg)}
.cardapio-sub{font:400 14px/20px var(--fonte);color:var(--texto-2)}
.cardapio-corpo{padding:0 22px 24px}
.cardapio-corpo h3{margin-top:var(--e-6)}
.cardapio-corpo .cta-linha,.cardapio-corpo .micro{margin-top:var(--e-3)}
.cardapio-corpo .fonte{margin-top:var(--e-5);padding-left:0}

/* ---------- barboterapia ---------- */
.secao-barbo{background:radial-gradient(55% 45% at 90% 12%,rgba(240,179,90,.2),transparent 70%),radial-gradient(40% 40% at 0% 100%,rgba(187,75,38,.18),transparent 70%),var(--ruido),var(--carvao)}
.barbo-grid{display:grid;gap:36px}
.barbo-texto > * + *,.barbo-ritual > * + *{margin-top:var(--e-4)}
.ritual{grid-template-columns:1fr 1fr;gap:12px}
.ritual li{flex-direction:column;align-items:flex-start;gap:14px;min-height:0;padding:20px 18px;border-radius:18px;border:1px solid rgba(240,179,90,.35);background:linear-gradient(160deg,rgba(42,54,57,.75),rgba(22,32,34,.75));font:600 17px/22px var(--fonte);transition:border-color .3s,transform .3s var(--curva)}
.ritual li::before{content:none}
.ritual li:hover{border-color:var(--ambar);transform:translateY(-3px)}
.ritual .ic{width:34px;height:34px;color:var(--ambar)}
.barbo-compara{color:var(--texto-2-escuro)}

/* ---------- especializados: carrossel no celular ---------- */
.cartoes-esp{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,80%);gap:12px;margin-top:var(--e-5)!important;margin-inline:calc(-1 * var(--lp-margem));padding:4px var(--lp-margem) 14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--lp-margem);scrollbar-width:thin}
.cartao-esp{scroll-snap-align:start;border-radius:var(--lp-raio);padding:26px 20px 20px;box-shadow:inset 0 0 0 1px rgba(22,32,34,.08),0 12px 30px rgba(22,32,34,.08);transition:transform .3s var(--curva),box-shadow .3s}
.cartao-esp::before{left:20px;width:40px}
.cartao-esp h3{font:800 28px/1 var(--fonte-titulo);text-transform:uppercase}
.cartao-esp:hover{transform:translateY(-4px)}

/* ---------- avaliações: cartão no estilo do Google ---------- */
.av-grid{display:grid;gap:32px;align-items:center}
.av-texto > * + *{margin-top:var(--e-4)}
.g-card{display:block;padding:24px;border-radius:var(--lp-raio);background:#fff;color:#202124;box-shadow:0 1px 3px rgba(60,64,67,.3),0 8px 24px rgba(60,64,67,.15);font-family:var(--fonte)}
.g-topo{display:flex;align-items:center;gap:12px}
.g-logo{flex:none;width:36px;height:36px}
.g-titulo{font:600 17px/22px var(--fonte);color:#202124}
.g-sub{font-size:13px;line-height:18px;color:#5f6368}
.g-card .av-resumo,.g-resumo{margin-top:18px;padding:0;border-radius:0;background:none;box-shadow:none}
.g-card .av-resumo strong{font:600 60px/1 var(--fonte);color:#202124;letter-spacing:-.02em}
.g-card .g-estrelas,.g-card .av-resumo span[aria-hidden],.g-card .av-estrelas{color:#FBBC04;font-size:26px;letter-spacing:.04em}
.g-card .av-resumo > span:last-child{color:#5f6368}
.g-temas-rotulo{margin-top:18px;font-size:13px;line-height:18px;color:#5f6368}
.g-temas{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.g-temas li{padding:7px 14px;border:1px solid #dadce0;border-radius:8px;color:#3c4043;font-size:14px;line-height:18px}
.g-acoes{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.g-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:var(--r-pilula);background:#1a73e8;color:#fff;font:600 15px/1 var(--fonte);text-decoration:none;--foco:#202124}
.g-btn:hover{background:#1765cc;text-decoration:none}
.g-btn--sec{background:#fff;color:#1a73e8;box-shadow:inset 0 0 0 1px #dadce0}
.g-btn--sec:hover{background:#f1f5fe}
.g-card .av-card{background:#f8f9fa;box-shadow:inset 0 0 0 1px #e8eaed;color:#202124}
.g-card .av-nome,.g-card .av-link,.g-card .av-mais{color:#1a73e8}
.g-card .av-aviso,.g-card .av-quando{color:#5f6368}

/* ---------- equipe ---------- */
#equipe{background:radial-gradient(60% 40% at 50% 0%,rgba(240,179,90,.12),transparent 70%),var(--ruido),var(--carvao)}
.equipe{margin-top:var(--e-6)!important}
.retrato{border-radius:18px}
.retrato img{transition:transform .8s var(--curva),filter .5s}
.barbeiro:hover .retrato img{transform:scale(1.06)}
.barbeiro h3{font:800 26px/1 var(--fonte-titulo);text-transform:uppercase}

/* ---------- Instagram num celular ---------- */
.ig-grid{display:grid;gap:36px;align-items:center}
.ig-texto > * + *{margin-top:var(--e-4)}
.btn-ig{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r-pilula);background:linear-gradient(45deg,#833ab4,#c13584 55%,#c7254e);box-shadow:0 10px 26px rgba(193,53,132,.3);color:#fff;font:600 16px/1 var(--fonte);text-decoration:none;transition:transform .2s var(--curva)}
.btn-ig:hover{transform:translateY(-2px)}
.ig-dica{font-size:15px;line-height:22px;color:var(--tinta-2)}
.celular{position:relative;width:min(350px,100%);margin-inline:auto;padding:11px;border-radius:48px;background:linear-gradient(145deg,#2a3336,#0b1011 40%);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.08),0 0 0 1px rgba(22,32,34,.5),0 40px 80px rgba(22,32,34,.35)}
.celular::before{content:"";position:absolute;top:11px;left:50%;z-index:3;width:104px;height:26px;margin-left:-52px;border-radius:0 0 16px 16px;background:#0b1011}
.celular-tela{position:relative;overflow:hidden;padding:30px 0 14px;border-radius:38px;background:#fff}
.celular-tela iframe{display:block;width:100%;height:440px;border:0;background:#fff}
.ig-fachada{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:440px;padding:24px;color:#262626;font-size:15px;text-align:center;text-decoration:none}
.ig-fachada img{width:84px;height:84px;padding:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #fff,0 0 0 6px #c13584}
.ig-fachada strong{font-size:17px}
.ig-fachada span{color:#737373}

/* ---------- espaço ---------- */
.secao-espaco{background:var(--ruido),var(--carvao)}
.secao-espaco .galeria{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:var(--e-6)!important}
.secao-espaco .galeria img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:0 0 0 1px rgba(240,179,90,.25)}
.secao-espaco .galeria img:first-child{grid-column:1 / -1;grid-row:auto;aspect-ratio:16/10}
.secao-espaco .slogan{margin-top:var(--e-6)!important;padding-top:var(--e-5);border-top-color:var(--cobre);font-size:clamp(30px,7vw,54px);line-height:1.02;color:var(--papel)}
.secao-espaco .fatos-casa .ic{color:var(--cobre-luz)}
.secao-espaco .planta{margin-top:var(--e-5)}

/* ---------- como chegar ---------- */
.chegar-grid{display:grid;gap:16px;margin-top:var(--e-6)!important}
.mapa{margin:0}
.mapa-facade,.mapa iframe{aspect-ratio:4/3;border-radius:var(--lp-raio);box-shadow:0 18px 40px rgba(22,32,34,.16)}
.mapa iframe{height:auto}
.chegar-painel{display:grid;gap:18px;align-content:start;padding:22px;border-radius:var(--lp-raio);background:var(--papel-claro);box-shadow:inset 0 0 0 1px rgba(22,32,34,.08),0 12px 30px rgba(22,32,34,.08)}
.btn-dist{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;padding:0 16px;border:1.5px dashed var(--cobre);border-radius:14px;background:rgba(187,75,38,.06);color:var(--cobre-escuro);font:600 16px/20px var(--fonte);cursor:pointer;transition:background-color .2s}
.btn-dist:hover{background:rgba(187,75,38,.12)}
.btn-dist[aria-busy="true"]{opacity:.7;cursor:progress}
.chegar-painel .distancia > * + *{margin-top:var(--e-2)}

/* ---------- horário ---------- */
.horario-grid{display:grid;gap:28px;align-items:center}
.horario-grid > div > * + *{margin-top:var(--e-4)}
.tabela-horario{max-width:none;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:var(--lp-raio);background:var(--papel-claro);box-shadow:inset 0 0 0 1px rgba(22,32,34,.08),0 12px 30px rgba(22,32,34,.08)}
.tabela-horario th,.tabela-horario td{height:52px;padding:0 20px}
.tabela-horario tr:last-child th,.tabela-horario tr:last-child td{border-bottom:0}
.tabela-horario tr:has(.selo-hoje){background:#fff;box-shadow:inset 3px 0 0 var(--cobre)}

/* ---------- perguntas e sobre ---------- */
#perguntas .faq{margin-top:var(--e-5)!important}
#perguntas .faq-form{margin-top:var(--e-6)!important}
#sobre h3{margin-top:var(--e-6)}

/* ---------- chamada final ---------- */
.cta-final{position:relative;isolation:isolate;padding:96px var(--lp-margem);overflow:hidden;text-align:center;background:linear-gradient(180deg,rgba(22,32,34,.86),rgba(22,32,34,.94)),url(/assets/img/fotos/espaco-4-recorte-800.webp) 50% 40%/cover no-repeat}
html[data-fotos="nao"] .cta-final{background:radial-gradient(60% 60% at 50% 0%,rgba(240,179,90,.2),transparent 70%),var(--ruido),var(--carvao)}
.cta-final::before{content:"";position:absolute;left:50%;top:0;z-index:-1;width:min(720px,90%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--ambar),transparent);box-shadow:0 0 30px 4px rgba(240,179,90,.5)}
.cta-final .faixa-in > * + *{margin-top:var(--e-4)}
.cta-final .etiqueta{justify-content:center;padding-left:0;background:none}
.cta-final h2{font-size:clamp(38px,9vw,84px);line-height:.98}
.cta-final-texto{max-width:56ch;margin-inline:auto;color:var(--texto-2-escuro)}
.cta-final .cta-linha{justify-content:center;margin-top:var(--e-6)!important}

/* ---------- rodapé ---------- */
.rodape{padding-inline:var(--lp-margem)}
.rodape-in{max-width:var(--lp-largura);margin-inline:auto}

/* dock só depois que o topo sai da tela */
.dock{transition:transform .3s var(--curva)}
html.hero-visivel .dock{transform:translateY(110%)}

/* ---------- animações de entrada ---------- */
@media (prefers-reduced-motion:no-preference){
  .js [data-revelar]{opacity:0;transform:translateY(26px);transition:opacity .75s var(--curva),transform .75s var(--curva)}
  .js [data-revelar].visivel{opacity:1;transform:none}
  .hero > *{animation:sobe .8s var(--curva) both}
  .hero > :nth-child(2){animation-delay:.08s}
  .hero > :nth-child(3){animation-delay:.16s}
  .hero > :nth-child(4),.hero > :nth-child(5){animation-delay:.24s}
  .hero > :nth-child(n+6){animation-delay:.32s}
  @keyframes sobe{from{opacity:0;transform:translateY(22px)}}
}
@media (prefers-reduced-motion:reduce){.fs-trilho{animation:none}}

/* ---------- tablet ---------- */
@media (min-width:768px){
  :root{--lp-margem:32px}
  .distancia--hero{max-width:640px}
  .faixa{padding-block:96px}
  .hero{padding-top:calc(var(--topo-altura) + 48px);padding-bottom:40px}
  .hero-servicos{grid-template-columns:1fr 1fr 1fr;max-width:640px}
  .hs-largo{grid-column:auto;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:76px}
  .hs-largo .hs-preco{font:800 20px/22px var(--fonte-titulo);color:var(--ambar)}
  .espelho{max-width:640px;margin-inline:auto}
  .numeros ul{grid-template-columns:repeat(4,1fr)}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bento-corte{grid-row:span 2}
  .bento-pag{grid-column:1 / -1}
  .cartoes-esp{grid-auto-flow:row;grid-template-columns:1fr 1fr;grid-auto-columns:auto;margin-inline:0;padding:4px 0;overflow:visible}
  .secao-espaco .galeria{grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr}
  .secao-espaco .galeria img:first-child{grid-column:1;grid-row:span 2;aspect-ratio:auto}
  .secao-espaco .galeria img{aspect-ratio:4/3}
}

/* ---------- desktop ---------- */
@media (min-width:1024px){
  :root{--topo-altura:76px;--lp-margem:40px}
  body{background:var(--carvao);font-size:17px;line-height:26px}
  .topo{padding-inline:max(var(--lp-margem),calc((100% - var(--lp-largura)) / 2))}
  .topo-nav{display:block;margin-left:auto;padding-left:24px}
  .topo-nav ul{display:flex;gap:2px}
  .topo-nav .nav-extra{display:none}
  .topo-nav a{white-space:nowrap;display:inline-flex;align-items:center;min-height:44px;padding:0 11px;border-radius:var(--r-pilula);color:var(--papel);font:600 14px/1 var(--fonte);text-decoration:none;opacity:.86;transition:background-color .2s,opacity .2s}
  .topo-nav a:hover{opacity:1;background:rgba(244,238,230,.08)}
  .topo-cta{margin-left:var(--e-2)}

  .abertura{display:grid;grid-template-columns:minmax(0,1fr) 392px;align-items:center;column-gap:64px;min-height:100vh;min-height:100svh;padding:calc(var(--topo-altura) + 40px) max(var(--lp-margem),calc((100% - var(--lp-largura)) / 2)) 64px;background:linear-gradient(100deg,rgba(22,32,34,.96) 0%,rgba(22,32,34,.84) 42%,rgba(22,32,34,.55) 100%),url(/assets/img/fotos/espaco-4-recorte-800.webp) 60% 45%/cover no-repeat}
  html[data-fotos="nao"] .abertura{background:radial-gradient(60% 60% at 80% 20%,rgba(240,179,90,.2),transparent 70%),var(--ruido),var(--carvao)}
  .abertura::after{content:"";position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,var(--carvao));pointer-events:none}
  .hero{grid-column:1;padding:0;background:none;z-index:1}
  html[data-fotos="nao"] .hero{background:none}
  .hero::before{display:none}
  .h1-marca{font-size:clamp(64px,6.6vw,92px)}
  .h1-local{font-size:17px;line-height:22px}
  .hero-tagline{font-size:26px;line-height:34px}
  .hero-pergunta,.hero-servicos{display:none}
  .definicao{font-size:16px;line-height:25px}

  /* a Recepção Domus vira um celular ao lado do título */
  .espelho{grid-column:2;grid-row:1;position:relative;top:auto;z-index:1;align-self:center;width:392px;max-width:none;height:auto;min-height:560px;max-height:min(760px,calc(100vh - var(--topo-altura) - 72px));margin:0;padding:44px 18px 18px;overflow:auto;overscroll-behavior:contain;border-radius:52px;background:var(--carvao-2);box-shadow:inset 0 0 0 11px #0b1011,inset 0 0 0 12.5px rgba(255,255,255,.07),0 0 0 1px rgba(240,179,90,.45),0 40px 90px rgba(0,0,0,.55),0 0 80px rgba(240,179,90,.16);scrollbar-width:thin;scrollbar-color:rgba(240,179,90,.4) transparent}
  .espelho::before{content:"";position:absolute;inset:11px auto auto 50%;z-index:3;width:110px;height:28px;margin-left:-55px;border-radius:0 0 18px 18px;background:#0b1011;box-shadow:none;opacity:1}
  .espelho::after{content:none}
  .espelho-topo{padding-inline:4px}

  .faixa{padding-block:120px}
  .numeros{padding-block:64px}
  .bento{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(220px,auto)}
  .bento-corte{grid-column:span 3;grid-row:span 2;min-height:480px}
  .bento-barbo,.bento-combo{grid-column:span 3}
  .bento-esp,.bento-planos{grid-column:span 2}
  .bento-pag{grid-column:span 2}
  .bento-preco{font-size:76px}
  .bento-corte .bento-preco{font-size:96px}
  .barbo-grid{grid-template-columns:1.05fr 1fr;align-items:center;column-gap:72px}
  .cartoes-esp{grid-template-columns:repeat(3,1fr)}
  .av-grid{grid-template-columns:1fr 1fr;column-gap:72px}
  .ig-grid{grid-template-columns:1fr 380px;column-gap:72px}
  .chegar-grid{grid-template-columns:1.35fr 1fr;align-items:stretch}
  .mapa-facade,.mapa iframe{height:100%;min-height:440px;aspect-ratio:auto}
  .horario-grid{grid-template-columns:1fr 1fr;column-gap:72px}
  .rodape{padding-inline:max(var(--lp-margem),calc((100% - var(--lp-largura)) / 2))}
}
@media (min-width:1024px) and (max-height:760px){.espelho{min-height:0;max-height:calc(100vh - var(--topo-altura) - 40px)}}
@media (min-width:1360px){.topo-nav .nav-extra{display:list-item}}