/* =========================================================================
   Ajustes proprios - site estatico Amplittude
   (correcoes visuais aplicadas por CSS, sem alterar o markup original)
   ========================================================================= */

/* ---- formulario de contato ---- */
#form-status{margin:14px 0 0;font-size:15px;line-height:1.5}
#form-status.mfn-ok{color:#1a7f37;font-weight:600}
#form-status.mfn-err{color:#c0392b;font-weight:600}
.wpcf7-form .wpcf7-submit{cursor:pointer}

/* ---- HOME > "NOSSOS SERVICOS": remove o buraco em branco entre o titulo
   e as imagens. O script alinharServicosDesktop() forcava altura fixa
   tambem na coluna do titulo; aqui devolvemos altura automatica so a ela,
   mantendo a equalizacao das 4 colunas de servico.                        */
@media (min-width:1025px){
  section.servs .section_wrapper > .mcb-wrap:first-child .column_column{height:auto !important}
}

/* ---- rodape: alinhar os titulos (h4) com o corpo do widget (centralizado) */
#Footer .widgets_wrapper .column h4{text-align:center !important}

/* ---- "ALGUNS DOS NOSSOS CLIENTES": no tablet/mobile os logos eram
   cortados (item com altura fixa de 110px + overflow:hidden). Padroniza
   a altura das celulas e mostra o logo inteiro.                           */
@media (max-width:1240px){
  #sc_gallery-1::after{content:"";display:table;clear:both}
  #sc_gallery-1 .gallery-item{
    height:140px !important;overflow:visible !important;
    display:flex;align-items:center;justify-content:center;
    margin:0 0 8px !important;
  }
  #sc_gallery-1 .gallery-item .gallery-item-wrapper,
  #sc_gallery-1 .gallery-item .gallery-icon,
  #sc_gallery-1 .gallery-item .image_frame,
  #sc_gallery-1 .gallery-item .image_wrapper{height:auto !important;width:auto !important}
  #sc_gallery-1 .gallery-item img{
    height:auto !important;max-height:110px !important;
    width:auto !important;max-width:86% !important;
  }
}
@media (max-width:767px){
  #sc_gallery-1 .gallery-item{width:50% !important}
}

/* ---- cabecalho no mobile/tablet: passa a acompanhar a rolagem
   (o tema deixava o #Top_bar como position:absolute abaixo de 1240px).
   Fica transparente no topo e ganha fundo escuro ao rolar.               */
@media (max-width:1240px){
  #Top_bar{position:fixed !important;top:0 !important;left:0;width:100%;transition:background .25s ease}
  body.mfn-header-scrolled #Top_bar{background:#0a1f44 !important;box-shadow:0 2px 12px rgba(0,0,0,.15)}
}