/*
 * Ajustes sobre o CSS original (tema.css) para a marcação nova: botões no lugar de <a> sem link,
 * títulos rebaixados, galeria paginada no navegador e acessibilidade. O visual continua o do tema.
 */
:where(img[height]) { height: auto; }
body { overflow-x: hidden; }
.pular { position: absolute; left: -999px; top: 0; z-index: 1000; background: #fef112; color: #333; padding: 8px 16px; }
.pular:focus { left: 8px; }
:focus-visible { outline: 3px solid #fef112; outline-offset: 2px; }

/* Botão do menu era <a>: zera o visual de botão */
.hamburger-menu { background: none; border: 0; display: block; }
.header--2 div.info--items { padding-left: 40px; }
.header .menu-link ul { position: absolute; }
.menu-rodape { visibility: visible; }

/* "desde 1986": era <h2> dentro de .text--wrapper */
.bg--destaque .text--wrapper p.h2 { font-size: 30px; margin-bottom: 10px; }
@media only screen and (min-width: 1024px) { .bg--destaque .text--wrapper p.h2 { font-size: 32px; } }

/* Loja (home): o conteúdo trocado pelo botão */
main .showcase .loja-text.visivel { display: block; }
main .showcase .fab-text.oculto { display: none; }

/* Carrossel do Bootstrap 3 sem jQuery: os indicadores são clicáveis */
.carousel-indicators li { cursor: pointer; }

/* Galeria: as fotos agora são links (abrem a foto grande) */
.img_galeria a { display: inline-block; }
.img_galeria a[hidden] { display: none; }
.pagination[hidden] { display: none; }
.pagination button { padding: 10px 15px; background-color: #ff625a; color: #fff; border: 0; border-radius: 5px; font: inherit; cursor: pointer; }
.pagination button:hover { background-color: #aa352f; }
.pagination .current { padding: 10px 15px; background-color: #343a40; color: #fff; border-radius: 5px; }
.pagination .dots { padding: 10px 4px; }

/* Foto ampliada (antes um <div> com estilos embutidos) */
#imageModal { border: 0; padding: 0; background: transparent; max-width: 90%; max-height: 90%; overflow: visible; }
#imageModal::backdrop { background: rgba(0, 0, 0, .8); }
#imageModal img { max-width: 90vw; max-height: 90vh; width: auto; display: block; }
#imageModal .fechar-foto { position: fixed; top: 20px; right: 20px; color: #fff; font-size: 30px; line-height: 1; background: none; border: 0; cursor: pointer; }

/* Contato: as abas e o horário */
.multform .form-item { outline-offset: -3px; }
.multform .form-item .h1 { margin-top: 15px; margin-bottom: 10px; }
footer ul li .none, .loja-text ul li .none { color: inherit; }

/* Formulários */
.armadilha { position: absolute; left: -9999px; }
.formulario__status { font-size: 14px; font-weight: 400; margin: 8px 0 16px; }
.formulario__status.ok { color: #1c7c32; }
.formulario__status.erro { color: #be1d1e; }
.form-container .wpcf7-submit[disabled], .multform .wpcf7-submit[disabled] { opacity: .6; cursor: wait; }

/* Faixa do topo: telefone e redes juntos, à direita, alinhados com o fim do menu */
.header-top { padding: 1rem 0; }
.header-top__conteudo { display: flex; justify-content: flex-end; align-items: center; gap: 16px; }
.header-top__conteudo::before, .header-top__conteudo::after { content: none; }
.header-top__conteudo ul { margin: 0; }
.header-top .back .bloco { margin-left: 0 !important; }
.header-top .back { gap: 8px; }
@media (min-width: 1024px) { .header-top__conteudo { padding-right: 30px; } }
@media (max-width: 767px) { .header-top__conteudo { justify-content: center; } }

/* Menu de serviços da home: subitens alinhados com o título de cada coluna */
main .blocks--wrapper .blocks--inline li .sub--list { padding-left: 0; padding-right: 0; }
main .blocks--wrapper .blocks--inline li .sub--list li { padding-left: 0; padding-right: 0; text-align: left; }
main .blocks--wrapper .blocks--inline > li { text-align: left; vertical-align: top; }
/* As cinco colunas ocupam a largura do conteúdo (mesmo container do resto da página) */
@media (min-width: 768px) {
  main .blocks--wrapper .blocks--inline { display: flex; justify-content: space-between; margin-left: auto; margin-right: auto; padding: 0 15px; max-width: 750px; }
  main .blocks--wrapper .blocks--inline > li, main .blocks--wrapper .blocks--inline > li:first-child { width: auto; margin: 10px 0; padding-left: 0; padding-right: 0; }
}
@media (min-width: 992px) { main .blocks--wrapper .blocks--inline { max-width: 970px; } }
@media (min-width: 1200px) { main .blocks--wrapper .blocks--inline { max-width: 1170px; } }

/* Cartão BNDES (home): aparece depois de rolar 650 px, como no site antigo, logo acima do botão do
   WhatsApp, com a seta apontando para ele */
.card-bnds { width: 300px; background-color: #0678da; padding: 20px 24px; color: #fff; border-radius: 6px; position: fixed; right: 20px; bottom: 104px; z-index: 15; display: none; line-height: 1.4; box-shadow: 0 6px 20px rgba(0, 0, 0, .2); }
.card-bnds.actived { display: block; }
.card-bnds::before { content: ''; position: absolute; right: 30px; bottom: -12px; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #0678da; }
@media (max-width: 767px) { .card-bnds { width: 230px; padding: 14px 18px; font-size: 14px; right: 16px; } }

/* Linha final do rodapé no padrão Renove (o mesmo da Pantrigo) */
.rodape-final { display: flex; justify-content: space-between; align-items: center; gap: 16px; border-top: 1px solid rgba(255, 255, 255, .15); margin-top: 32px; padding: 20px 0; }
.rodape-final p { margin: 0; font-size: 14px; line-height: 18px; font-weight: 400; }
footer .renove_footer { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 22px; font-weight: 400; color: #fff; text-decoration: none; }
footer .renove_footer:hover { color: #fef112; text-decoration: none; }
/* No celular: empilhado e com espaço para o botão do WhatsApp não cobrir a linha da Renove */
@media (max-width: 767px) { .rodape-final { flex-direction: column; text-align: center; padding-bottom: 88px; } }

@media (prefers-reduced-motion: reduce) { .btn-floating { animation: none; } #video-player { display: none; } }