/* ZEH0_001_SITE_INSTITUCIONAL, servicos.css. v7 e v8: rotulos, servicos da Home, carrossel, pagina Servicos, card da Equipe. Carregar na ordem das paginas. */
/* ===== v7: rotulos maiores, logo do topo maior, servicos da Home (foto presa, giro e carrossel no celular), video nas categorias ===== */
.rotulo{font-size:1.44rem;line-height:1.3}
.rotulo::before,.rotulo::after{flex:none}
.logo img.lg{height:48px}
header.rolou .logo img.lg{height:41px}
.car-nome,.car-seta{display:none}
.cat .ft video{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .6s}
.cat .ft video.on{opacity:1}
@media(min-width:960px){
  .painel .img{aspect-ratio:auto;height:clamp(300px,calc(100vh - 310px),720px)}
}
@media(max-width:959px){
  .rotulo{letter-spacing:.26em}
  .lista{display:none}
  .painel .img{aspect-ratio:16/15}
  .car-nome{display:flex;align-items:baseline;gap:14px;position:absolute;left:0;right:0;bottom:0;z-index:2;padding:70px 26px 28px;background:linear-gradient(180deg,transparent,rgba(10,9,8,.92));font-family:var(--serif);font-size:clamp(1.6rem,7vw,2.2rem);line-height:1.1;color:var(--ouro-claro);pointer-events:none}
  .car-nome small{font-family:var(--sans);font-size:.7rem;letter-spacing:.2em;color:var(--ouro)}
  .car-seta{display:grid;place-items:center;position:absolute;top:50%;z-index:4;width:46px;height:46px;margin-top:-23px;border-radius:50%;background:rgba(10,9,8,.6);border:1px solid rgba(236,220,180,.55);color:var(--ouro-claro);font-size:1.7rem;line-height:1;padding-bottom:4px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
  .car-seta.ant{left:22px}.car-seta.prox{right:22px}
  .car-seta:active{background:var(--ouro);color:#17130c}
}

/* ===== v8: menu de 3 tracos, textos de apoio maiores, pagina Servicos (miniatura maior, fotos em movimento, aviso de agendar), card da Equipe clicavel ===== */
#ham span:first-child{top:3px}
#ham span:nth-child(2){top:10px}
#ham span:last-child{bottom:4px}
body.menu #ham span:nth-child(2){opacity:0}
.lead,.zig p{font-size:1.21rem}
.quadro .dica{column-span:all;padding:13px 0 11px;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;font-weight:500;color:var(--ouro-velho)}
.quadro b{opacity:1;transform:none}
@keyframes respira{0%,100%{transform:scale(1.02)}50%{transform:scale(1.11)}}
.cat:not(.tem-vid) .ft.vis img{animation:respira var(--t,11s) ease-in-out var(--a,2s) infinite}
.cat:nth-child(1){--t:11s;--a:2s}.cat:nth-child(2){--t:13s;--a:4.5s}.cat:nth-child(3){--t:9.5s;--a:3.2s}
.cat:nth-child(4){--t:14s;--a:6s}.cat:nth-child(5){--t:10.5s;--a:2.6s}.cat:nth-child(6){--t:12.5s;--a:5.2s}
.cat:nth-child(7){--t:9s;--a:7s}.cat:nth-child(8){--t:13.5s;--a:3.8s}.cat:nth-child(9){--t:11.5s;--a:8s}
.cat:nth-child(10){--t:10s;--a:5.8s}
.card[data-ag]{cursor:pointer}
.card[data-ag]:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.card .ag-lk{display:block;margin-top:10px;font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--ouro)}
@media(max-width:959px){
  .cat{grid-template-columns:138px 1fr}
  .grade .card .ag-lk{font-size:.58rem;letter-spacing:.16em;margin-top:7px}
}

/* ===== v17: video das categorias com botao de troca (video ou foto) e play com som nos videos com fala ===== */
.cat-troca,.cat-play{display:none}
.cat .ft.vivo .cat-troca,.cat .ft.vivo .cat-play{display:grid;place-items:center;position:absolute;z-index:4;width:40px;height:40px;border-radius:50%;background:rgba(10,9,8,.6);border:1px solid rgba(236,220,180,.55);color:var(--ouro-claro);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .3s,color .3s}
.cat .ft.vivo .cat-troca{top:10px;right:10px}
.cat .ft.vivo .cat-play{left:50%;top:50%;transform:translate(-50%,-50%)}
.cat .ft.foto .cat-play{display:none}
.cat-troca svg,.cat-play svg{width:20px;height:20px}
.cat-troca svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.cat-play svg{fill:currentColor}
.cat-troca .ic-vid,.cat .ft.foto .cat-troca .ic-foto{display:none}
.cat .ft.foto .cat-troca .ic-vid{display:inline}
.cat-play .ic-para,.cat .ft.cheio .cat-play .ic-play{display:none}
.cat .ft.cheio .cat-play .ic-para{display:inline}
.cat .ft.vivo .cat-troca:hover,.cat .ft.vivo .cat-play:hover,.cat .ft.cheio .cat-play{background:var(--ouro);color:#17130c}
.cat-troca:focus-visible,.cat-play:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}