@font-face{font-family:"Barlow Condensed";src:url(fontes/barlow-condensed-800i.woff2) format("woff2");font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(fontes/barlow-condensed-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Barlow";src:url(fontes/barlow-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Barlow";src:url(fontes/barlow-600.woff2) format("woff2");font-weight:600;font-display:swap}

:root{
  --vermelho:#d7131f;
  --vermelho-fundo:#ae0009;
  --chao:#1b1b1b;
  --painel:#252525;
  --botao-rede:#333;
  --noite:#121212;
  --creme:#fbf6ee;
  --apagado:#a8a29e;
  --margem:5vw;
  --ease-out:cubic-bezier(.23,1,.32,1);
  --ease-in-out:cubic-bezier(.77,0,.175,1);
  --titulo:"Barlow Condensed","Arial Narrow",sans-serif;
  --texto:"Barlow",system-ui,sans-serif;
  --atraso:.1s;
}
.com-abertura{--atraso:1.15s}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--chao);color:var(--creme);font:400 18px/1.5 var(--texto);overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2{margin:0;font-family:var(--titulo);font-weight:800;font-style:italic;text-transform:uppercase;letter-spacing:-.015em;line-height:.94}
h2 a{text-decoration:none}
p,figure{margin:0}
:focus-visible{outline:3px solid currentColor;outline-offset:3px}
[id]{scroll-margin-top:90px}

/* Transição entre as páginas */
@view-transition{navigation:auto}
::view-transition-old(root){animation:.2s var(--ease-out) both sair}
::view-transition-new(root){animation:.35s var(--ease-out) both entrar-pagina}
.logo-topo{view-transition-name:logo-jl}
@keyframes sair{to{opacity:0}}
@keyframes entrar-pagina{from{opacity:0;transform:translateY(14px)}}

/* Marca: chifres e cabeça são duas peças, para poderem se mexer */
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none}
.logo-marca{position:relative;flex:none;width:58px;aspect-ratio:1356/1153}
.logo-marca i{position:absolute;inset:0;background:var(--vermelho);-webkit-mask:url(marca.png) center/contain no-repeat;mask:url(marca.png) center/contain no-repeat}
.chifres{clip-path:inset(0 0 69.5% 0);transform-origin:50% 15%}
.cabeca{clip-path:inset(30.5% 0 0 0)}
.logo-nome{font:700 34px/1 var(--titulo);text-transform:uppercase;letter-spacing:.01em;white-space:nowrap}
.logo-nome b{font-weight:700;color:var(--vermelho)}
@keyframes chifres-descem{0%{opacity:0;transform:translateY(-70%)}62%{opacity:1;transform:translateY(5%)}100%{opacity:1;transform:none}}
@keyframes cabeca-sobe{from{opacity:0;transform:translateY(30%)}to{opacity:1;transform:none}}
@keyframes nome-abre{from{clip-path:inset(-10% 100% -10% 0)}to{clip-path:inset(-10% -3% -10% 0)}}
@keyframes aceno{0%,100%{transform:none}30%{transform:translateY(-9%) rotate(-3deg)}65%{transform:translateY(3%) rotate(1.5deg)}}

/* Abertura: só na primeira página da visita */
.abertura{display:none}
.com-abertura .abertura{display:block;position:fixed;inset:0;z-index:50;pointer-events:none;animation:some 0s linear 1.9s forwards}
@keyframes some{to{visibility:hidden}}
.abertura-vermelho,.abertura-chao{position:absolute;inset:0}
.abertura-vermelho{background:var(--vermelho-fundo);animation:cortina .7s var(--ease-in-out) 1.12s forwards}
.abertura-chao{display:grid;place-items:center;background:var(--chao);animation:cortina .7s var(--ease-in-out) 1s forwards}
@keyframes cortina{to{transform:translateY(-101%)}}
.logo-grande{flex-direction:column;gap:18px}
.logo-grande .logo-marca{width:clamp(120px,14vw,190px)}
.logo-grande .logo-nome{font-size:clamp(40px,5vw,68px)}
.logo-grande .chifres{animation:chifres-descem .75s var(--ease-out) .08s both}
.logo-grande .cabeca{animation:cabeca-sobe .6s var(--ease-out) both}
.logo-grande .logo-nome{animation:nome-abre .65s var(--ease-in-out) .3s both}

/* Topo */
.topo{position:relative;background:var(--chao);overflow-x:clip}
.barra{position:sticky;top:0;z-index:30;padding:14px 0;background:var(--chao)}
.barra-miolo{width:90%;margin:0 auto;display:flex;align-items:center;gap:clamp(18px,2.6vw,40px)}
.barra-miolo .logo{margin-right:auto}
.barra .redes a{width:40px;height:40px}
.barra .redes svg{width:19px;height:19px}
.barra-links{display:flex;gap:clamp(18px,2.6vw,40px);font-weight:600}
.barra-links a{position:relative;text-decoration:none;padding:6px 0}
.barra-links a::after,.ver-unidade span::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--vermelho);transform:scaleX(0);transform-origin:right;transition:transform .28s var(--ease-out)}
.barra-links a[aria-current]::after{transform:scaleX(1)}
.topo-grade{position:relative;display:flex;align-items:center;min-height:min(calc(100svh - 92px),660px);padding:clamp(24px,4vw,56px) var(--margem) clamp(48px,6vw,88px)}
.topo-texto{position:relative;z-index:2;max-width:min(50vw,760px)}
h1{font-size:clamp(50px,6.7vw,112px)}
.linha{display:block;overflow:hidden;padding:.05em .08em .03em 0;margin-bottom:-.03em}
.linha>span{display:block}
.topo-texto p{font-size:20px;line-height:1.45;max-width:29em;margin:clamp(18px,2vw,26px) 0 clamp(24px,2.6vw,32px)}
.topo-foto{position:absolute;z-index:1;right:0;top:50%;width:60vw;margin-top:-11.6vw;-webkit-mask:linear-gradient(90deg,transparent,#000 9%),linear-gradient(180deg,transparent,#000 14%);-webkit-mask-composite:source-in;mask:linear-gradient(90deg,transparent,#000 9%),linear-gradient(180deg,transparent,#000 14%);mask-composite:intersect}
.topo-foto img{width:100%}
.topo-boa-vista .topo-foto{width:46vw;margin-top:-14.1vw;right:3vw;-webkit-mask:none;mask:none}

/* Menu do celular: 100% da altura e 90% da largura da tela */
.menu-botao,.menu-fechar{display:none;position:relative;flex:none;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:var(--botao-rede);color:var(--creme);cursor:pointer;transition:transform .14s var(--ease-out)}
.menu-botao:active,.menu-fechar:active{transform:scale(.94)}
.menu-botao i,.menu-fechar i{position:absolute;left:13px;right:13px;top:50%;height:2px;margin-top:-1px;background:currentColor;border-radius:2px}
.menu-botao i:nth-child(1){transform:translateY(-6px)}
.menu-botao i:nth-child(3){transform:translateY(6px)}
.menu-fechar i:nth-child(1){transform:rotate(45deg)}
.menu-fechar i:nth-child(2){transform:rotate(-45deg)}
.menu-fundo,.menu-painel{display:none}
@media (max-width:860px){
  .barra-links,.barra .redes{display:none}
  .js .menu-botao,.js .menu-fechar{display:block}
  .menu-fundo{display:block;position:fixed;inset:0;z-index:40;background:#000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s var(--ease-out),visibility 0s linear .35s}
  .menu-painel{display:flex;flex-direction:column;position:fixed;z-index:41;top:0;right:0;width:90%;height:100vh;height:100dvh;padding:14px 5vw max(24px,env(safe-area-inset-bottom));overflow-y:auto;background:var(--noite);transform:translateX(101%);visibility:hidden;transition:transform .45s cubic-bezier(.32,.72,0,1),visibility 0s linear .45s}
  .menu-aberto{overflow:hidden}
  .menu-aberto .menu-fundo{opacity:.6;visibility:visible;pointer-events:auto;transition:opacity .35s var(--ease-out),visibility 0s}
  .menu-aberto .menu-painel{transform:none;visibility:visible;transition:transform .45s cubic-bezier(.32,.72,0,1),visibility 0s}
  .menu-topo{display:flex;justify-content:space-between;align-items:center;gap:16px}
  .menu-topo .logo-marca{width:42px}
  .menu-topo .logo-nome{font-size:24px}
  .menu-topo .logo{gap:9px}
  .menu-links{display:flex;flex-direction:column;gap:6px;margin:clamp(32px,8vh,72px) 0 32px}
  .menu-item{font:800 italic clamp(44px,13vw,72px)/1.05 var(--titulo);text-transform:uppercase;letter-spacing:-.015em;text-decoration:none;padding:4px 0}
  .menu-base{margin-top:auto;display:flex;flex-direction:column;gap:12px}
  .menu-grupo{font:700 22px/1 var(--titulo);margin-top:8px}
  .menu-redes{display:flex;flex-direction:column;gap:2px}
  .menu-rede{display:flex;align-items:center;gap:14px;padding:10px 0;font-weight:600;font-size:20px;text-decoration:none}
  .menu-rede svg{flex:none;width:26px;height:26px;color:var(--vermelho)}
  .menu-item,.menu-rede,.menu-grupo{opacity:0;transform:translateX(28px)}
  .menu-aberto .menu-item,.menu-aberto .menu-rede,.menu-aberto .menu-grupo{opacity:1;transform:none;transition:opacity .5s var(--ease-out) calc(.12s + var(--i,0)*55ms),transform .5s var(--ease-out) calc(.12s + var(--i,0)*55ms)}
}
@media (max-width:860px) and (prefers-reduced-motion:reduce){
  .menu-painel,.menu-aberto .menu-painel{transition:none}
  .menu-item,.menu-rede,.menu-grupo{opacity:1;transform:none}
}

/* Início: entrada para as duas lojas */
.casa{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:end;gap:clamp(16px,3vw,48px);padding:clamp(24px,4vw,56px) var(--margem) clamp(32px,4vw,56px)}
.casa h1{font-size:clamp(50px,8.4vw,140px)}
.casa p{font-size:20px;line-height:1.45;padding-bottom:.4em}
.portas{display:grid;grid-template-columns:1fr 1fr}
.porta{display:flex;flex-direction:column;background:var(--chao);transition:background-color .3s ease}
.porta-campina-grande{background:var(--painel)}
.porta-foto{display:block;overflow:hidden;aspect-ratio:16/9;background:#1b1b1b}
.porta-foto img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease-out)}
.porta-texto{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(18px,2vw,26px);padding:clamp(32px,4vw,56px) var(--margem) clamp(48px,5.5vw,88px)}
.porta h2{font-size:clamp(56px,6.8vw,116px);white-space:nowrap}
.porta-texto .acoes{margin-top:2px}
.endereco{text-decoration:underline;text-decoration-color:#6b6b6b;text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s ease,color .2s ease}

/* Botões */
.botao{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 30px;border-radius:999px;background:var(--vermelho);color:#fff;font:700 22px/1 var(--titulo);text-decoration:none;text-align:center;transition:transform .14s var(--ease-out),color .2s ease}
.botao::before{content:"";position:absolute;z-index:-1;inset:0;background:var(--vermelho-fundo);transform:translateY(101%);transition:transform .28s var(--ease-out)}
.botao svg{flex:none;width:22px;height:22px;transition:transform .28s var(--ease-out)}
.botao:active{transform:scale(.97)}
.botao-linha{background:var(--creme);color:var(--chao)}
.botao-linha::before{background:var(--vermelho)}

/* Unidades */
.unidades{display:grid;grid-template-columns:1fr 1fr}
.unidade{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(20px,2.2vw,28px);padding:clamp(56px,6.5vw,104px) var(--margem)}
.unidade-campina-grande{background:var(--painel)}
.unidade h2{font-size:clamp(56px,6.8vw,116px);white-space:nowrap}
.situacao{position:relative;display:inline-flex;align-items:center;gap:10px;font:700 25px/1.1 var(--titulo)}
.situacao::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:var(--ponto,#8f8380)}
.situacao[hidden]{display:none}
.situacao.aberto{--ponto:#3ecf6e}
.situacao.fechado{--ponto:#ff5a63}
.situacao-breve{--ponto:var(--vermelho)}
.situacao.aberto::after,.situacao-breve::after{content:"";position:absolute;left:0;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--ponto);animation:pulso 2.2s var(--ease-out) infinite}
@keyframes pulso{from{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}
address{font-style:normal;font-size:20px;line-height:1.35}
.aviso{max-width:27em}
.horarios{border-collapse:collapse;width:100%;max-width:440px}
.horarios caption{text-align:left;font:700 25px/1.1 var(--titulo);padding-bottom:8px}
.horarios.sem-legenda caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.horarios th{text-align:left;font-weight:400;vertical-align:top;padding:10px 16px 10px 0}
.horarios td{text-align:right;vertical-align:top;padding:10px 0;font-variant-numeric:tabular-nums}
.horarios tr{border-top:1px solid #444}
.horarios tr.hoje th,.horarios tr.hoje td{font-weight:600;color:#fff}
.horarios tr.hoje th::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--vermelho);vertical-align:.1em}
.acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.fone{font-weight:600;font-variant-numeric:tabular-nums}
.redes{display:flex;gap:10px}
.redes a{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--botao-rede);color:var(--creme);transition:background-color .2s ease,transform .14s var(--ease-out)}
.redes a:active{transform:scale(.94)}
.redes svg{width:22px;height:22px}
.redes-lista{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.rede-linha{display:inline-flex;align-items:center;gap:12px;padding:7px 0;font-weight:600;text-decoration:none;font-variant-numeric:tabular-nums;transition:color .2s ease}
.rede-linha svg{flex:none;width:24px;height:24px;color:var(--vermelho);transition:transform .28s var(--ease-out)}
.ver-unidade{display:inline-flex;align-items:center;gap:10px;font-weight:600;text-decoration:none;padding:4px 0}
.ver-unidade span{position:relative;padding-bottom:3px}
.ver-unidade span::after{transform:scaleX(1);transform-origin:left}
.seta{flex:none;width:22px;height:22px;color:var(--vermelho);transition:transform .28s var(--ease-out)}

/* Página de uma unidade */
.unidade-sozinha{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(32px,5vw,72px);background:var(--painel)}
.sozinha-col{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(20px,2.2vw,28px)}
.unidade-sozinha h2{font-size:clamp(48px,5vw,84px)}

/* Endereço e contato da unidade */
.local{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--painel)}
.local-texto{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(20px,2.2vw,28px);padding:clamp(56px,6.5vw,104px) var(--margem)}
.local h2,.contato h2{font-size:clamp(48px,5.4vw,92px)}
.local address{font-size:clamp(20px,1.7vw,24px)}
.local-mapa{min-height:clamp(320px,36vw,560px);background:#2e2e2e}
.mapa-quadro{display:block;width:100%;height:100%;min-height:inherit;border:0;filter:saturate(.75)}
.contato{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:clamp(24px,3vw,48px) clamp(32px,5vw,72px);padding:clamp(56px,6.5vw,104px) var(--margem);background:var(--chao)}
.contato-horario .horarios{grid-column:1;max-width:none}
.contato-horario .contato-linhas{grid-column:2;grid-row:1 / span 2}
.contato-linhas{display:flex;flex-direction:column;gap:10px}
.contato-linha{display:flex;align-items:center;gap:16px;min-height:80px;padding:12px 20px 12px 14px;border-radius:18px;background:var(--painel);text-decoration:none;transition:background-color .2s ease,transform .14s var(--ease-out)}
.contato-linha:active{transform:scale(.985)}
.contato-icone{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--vermelho);color:#fff}
.contato-icone svg{width:26px;height:26px}
.contato-texto{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.contato-texto small{font-size:14px;color:var(--apagado)}
.contato-texto strong{font:700 clamp(24px,2vw,30px)/1.1 var(--titulo);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.contato-linha .seta{transition:transform .28s var(--ease-out)}

/* Faixa dos cortes */
.faixa{overflow:hidden;background:var(--vermelho-fundo);padding:18px 0}
.faixa-trilho{display:flex;width:max-content;animation:faixa 46s linear infinite}
.faixa-trilho>div{display:flex;align-items:center;font:800 italic clamp(30px,3.4vw,52px)/1 var(--titulo);text-transform:uppercase;white-space:nowrap}
.faixa-marca{display:block;width:.95em;aspect-ratio:1356/1153;margin:0 .55em;background:#000;opacity:.55;-webkit-mask:url(marca.png) center/contain no-repeat;mask:url(marca.png) center/contain no-repeat}
@keyframes faixa{to{transform:translate3d(-50%,0,0)}}

/* Boi com os cortes */
.boi-secao{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:clamp(24px,3vw,48px);padding:clamp(56px,6vw,96px) var(--margem);background:var(--chao);color:var(--creme)}
.boi-secao h2{font-size:clamp(50px,5.4vw,92px);max-width:7em}
.boi-info{min-height:124px;margin:clamp(20px,2.4vw,32px) 0 clamp(16px,2vw,24px)}
.boi-nome{font:800 italic clamp(36px,3.4vw,52px)/1 var(--titulo);text-transform:uppercase;color:#ff4d57}
.boi-desc{margin-top:8px;max-width:26em}
.boi-chips{display:flex;flex-wrap:wrap;gap:6px}
.boi-chip{min-height:36px;padding:6px 12px;border:0;border-radius:999px;background:var(--botao-rede);color:var(--creme);font:600 15px/1.2 var(--texto);cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .14s var(--ease-out)}
.boi-chip:active{transform:scale(.96)}
.boi-chip[aria-pressed=true]{background:var(--vermelho);color:#fff}
.boi-nota{margin-top:16px;font-size:14px;color:var(--apagado)}
.boi{display:block;width:100%;height:auto}
.boi-corte{fill:#d7131f;fill-opacity:0;stroke:#1b1b1b;stroke-opacity:.6;stroke-width:1.3;cursor:pointer;transition:fill-opacity .25s ease}
.boi-corte.ativo{fill-opacity:.62}
.boi-rotulo{fill:#1b1b1b;font:700 14px/1 var(--titulo);letter-spacing:.02em;text-anchor:middle;text-transform:uppercase;pointer-events:none;transition:fill .25s ease}
.boi-rotulo.ativo{fill:#fff}
@keyframes boi-entra{from{opacity:0;transform:translateX(3%) scale(.985)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .js .boi-animar .boi-foto{opacity:0;transform:translateX(3%) scale(.985);transform-origin:center;transform-box:fill-box;transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out)}
  .js .boi-animar .boi-corte{stroke-dasharray:1;stroke-dashoffset:1;transition:fill-opacity .25s ease,stroke-dashoffset 1s var(--ease-in-out);transition-delay:0s,calc(.6s + var(--n)*55ms)}
  .js .boi-animar .boi-rotulo{opacity:0;transition:fill .25s ease,opacity .5s var(--ease-out) 1.7s}
  .js .boi-animar.visto .boi-foto{opacity:1;transform:none}
  .js .boi-animar.visto .boi-rotulo{opacity:1}
  .js .boi-animar.visto .boi-corte{stroke-dashoffset:0}
}
@media (hover:hover) and (pointer:fine){
  .boi-chip:hover{background:#444}
  .boi-chip[aria-pressed=true]:hover{background:var(--vermelho-fundo)}
}
@media (max-width:860px){
  .boi-secao{grid-template-columns:1fr}
  .boi-quadro{order:-1;grid-row:2}
  .boi-texto{display:contents}
  .boi-secao h2{grid-row:1}
  .boi-info{grid-row:3;min-height:112px;margin:0}
  .boi-chips{grid-row:4}
  .boi-nota{grid-row:5;margin:0}
}
@media (max-width:560px){
  .boi-rotulo{display:none}
}

/* Cortes */
.cortes{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:var(--creme);color:#1b1b1b}
.cortes-texto{padding:clamp(40px,5vw,72px) var(--margem) clamp(56px,6.5vw,104px)}
.cortes h2{font-size:clamp(50px,5.8vw,96px);max-width:8.5em}
.lista-cortes{list-style:none;margin:clamp(28px,3vw,44px) 0 0;padding:0;display:grid;grid-template-rows:repeat(6,auto);grid-auto-flow:column;gap:14px 24px;font:700 25px/1.1 var(--titulo)}
.cortes-fotos{display:grid;grid-auto-rows:1fr;gap:6px;background:var(--creme)}
.foto{overflow:hidden;background:var(--chao);min-height:260px}
.foto img{width:100%;height:100%;object-fit:cover;transform:scale(1.14);will-change:transform}

/* Rodapé */
.rodape{background:var(--noite);padding:clamp(48px,5vw,72px) var(--margem) 20px}
.rodape-unidades{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;align-items:start}
.rodape-unidades.uma{grid-template-columns:2fr 1fr}
.rodape-marca p{margin-top:12px}
.rodape-contato{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.rodape-contato address{font-size:18px}
.rodape-contato .botao{min-height:46px;padding:8px 22px;font-size:20px;margin:4px 0}
.rodape-fone{font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none;padding:4px 0}
.rodape-link{display:inline-block;font:700 25px/1.1 var(--titulo);text-decoration:none}
.assinatura{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:40px;font-size:13px;color:var(--apagado)}
.assinatura a{display:inline-flex;align-items:center;gap:5px;text-decoration:none;transition:color .2s ease}
.assinatura img{width:auto;height:18px}

/* Movimento */
@keyframes linha-sobe{from{transform:translateY(108%)}to{transform:none}}
@keyframes subir{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes foto-entra{from{opacity:0;transform:translateX(7%) scale(1.05)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
  .barra .logo-topo .chifres{animation:aceno .8s var(--ease-out) .25s}
  .com-abertura .barra .logo-topo .chifres{animation:chifres-descem .7s var(--ease-out) calc(var(--atraso) + .1s) both}
  .com-abertura .barra .logo-topo .cabeca{animation:cabeca-sobe .55s var(--ease-out) var(--atraso) both}
  .com-abertura .barra .logo-topo .logo-nome{animation:nome-abre .6s var(--ease-in-out) calc(var(--atraso) + .15s) both}
  .casa p{animation:subir .8s var(--ease-out) calc(var(--atraso) + .2s) both}
  .linha>span{animation:linha-sobe .95s var(--ease-out) var(--atraso) both}
  .linha+.linha>span{animation-delay:calc(var(--atraso) + .09s)}
  .topo-texto p{animation:subir .8s var(--ease-out) calc(var(--atraso) + .2s) both}
  .topo-texto .botao{animation:subir .8s var(--ease-out) calc(var(--atraso) + .3s) both}
  .topo-foto img{animation:foto-entra 1.2s var(--ease-out) calc(var(--atraso) + .05s) both}
  .js [data-rev]{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out);transition-delay:calc(var(--i,0)*60ms)}
  .js [data-rev].visto{opacity:1;transform:none}
  .js h2[data-rev]{opacity:1;transform:translateY(18%);clip-path:inset(0 -5% 100% -5%);transition:clip-path .85s var(--ease-out),transform .85s var(--ease-out)}
  .js h2[data-rev].visto{clip-path:inset(-10% -5% -10% -5%);transform:none}
  .js .foto[data-rev]{opacity:1;transform:none;clip-path:inset(100% 0 0 0);transition:clip-path 1s var(--ease-in-out)}
  .js .foto[data-rev].visto{clip-path:inset(0)}
  .rodape .logo.visto .chifres{animation:aceno .8s var(--ease-out) .35s}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .faixa-trilho{animation:none}
  .situacao::after{animation:none!important;opacity:0}
  .foto img{transform:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
}
@media (hover:hover) and (pointer:fine){
  .contato-linha:hover{background:#2f2f2f}
  .contato-linha:hover .seta{transform:translateX(6px)}
  .endereco:hover{text-decoration-color:var(--vermelho)}
  .porta:hover .porta-foto img{transform:scale(1.05)}
  .botao:hover::before{transform:none}
  .botao:hover svg{transform:translateX(3px) scale(1.06)}
  .botao-linha:hover{color:#fff}
  .redes a:hover{background:var(--vermelho);transform:translateY(-3px)}
  .rede-linha:hover svg{transform:scale(1.14)}
  .barra-links a:hover::after{transform:scaleX(1);transform-origin:left}
  .ver-unidade:hover .seta{transform:translateX(6px)}
  .logo:hover .chifres{animation:aceno .7s var(--ease-out)}
  .faixa:hover .faixa-trilho{animation-play-state:paused}
  .assinatura a:hover{color:var(--creme)}
}

/* Tablet e celular */
@media (max-width:860px){
  .topo-grade{flex-direction:column;align-items:stretch;min-height:0;padding:0 0 48px}
  .topo-texto{order:1;max-width:none;padding:0 var(--margem)}
  .topo-foto,.topo-boa-vista .topo-foto,.topo-campina-grande .topo-foto{position:relative;order:0;top:auto;right:auto;width:100%;margin:0 0 20px;-webkit-mask:linear-gradient(180deg,transparent,#000 12%);mask:linear-gradient(180deg,transparent,#000 12%);-webkit-mask-composite:source-over;mask-composite:add}
  .topo-boa-vista .topo-foto{-webkit-mask:none;mask:none}
  h1{font-size:clamp(46px,10vw,84px)}
  .casa{grid-template-columns:1fr}
  .local,.contato{grid-template-columns:1fr}
  .contato-horario .horarios,.contato-horario .contato-linhas{grid-column:1;grid-row:auto}
  .local-texto{padding-bottom:32px}
  .local-mapa{min-height:300px}
  .local h2,.contato h2{font-size:clamp(46px,10vw,84px)}
  .casa h1{font-size:clamp(46px,11.4vw,100px)}
  .portas,.unidades,.unidade-sozinha,.cortes{grid-template-columns:1fr}
  .porta h2{font-size:clamp(48px,14vw,120px)}
  .unidade h2{font-size:clamp(48px,14vw,120px)}
  .unidade-sozinha h2{font-size:clamp(46px,10vw,84px)}
  .cortes-fotos{grid-template-rows:none}
  .foto{min-height:0;aspect-ratio:16/10}
  /* Rodapé centralizado */
  .rodape-unidades,.rodape-unidades.uma{grid-template-columns:1fr;justify-items:center;text-align:center}
  .rodape-contato{align-items:center}
  .redes-lista{align-items:center}
  .assinatura{justify-content:center}
}
@media (max-width:560px){
  .logo-topo .logo-marca{width:42px}
  .logo-topo .logo-nome{font-size:24px}
  .logo-topo{gap:9px}
  h1{font-size:clamp(44px,14.2vw,84px)}
  .casa h1{font-size:clamp(44px,13vw,84px)}
  .acoes,.acoes .botao,.topo-texto .botao,.botao-linha{width:100%}
  .fone{width:100%;text-align:center}
  .horarios{max-width:none}
  .lista-cortes{font-size:22px;gap:12px 16px}
}