/* Ajustes da replica estatica (wanali.com.br). Visual do original mantido. */

/* armadilha de robo do formulario: fora da tela, sem afetar leitores de tela */
.rep-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }

/* resposta do formulario visivel (o CSS do CF7 so mostra com as classes do plugin) */
.wpcf7 form .wpcf7-response-output[aria-hidden="false"] { display: block; margin: 1em 0 0; padding: .6em 1em; border: 2px solid #ffb900; }
.wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output { border-color: #dc3232; }
.wpcf7 form.aborted .wpcf7-response-output { border-color: #00a0d2; }
.wpcf7 form.submitting [type=submit] { opacity: .6; cursor: wait; }

/* campos com 16px no celular: iPhone nao da zoom ao tocar */
@media (max-width: 767px) {
  .wpcf7 input, .wpcf7 textarea, .wpcf7 select { font-size: 16px; }
}

/* foco visivel para navegacao por teclado */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid #1e73be; outline-offset: 2px;
}

/* e-mail, link ou palavra longa sem espaco numa coluna estreita: quebra a linha em vez de passar da tela */
.w-iconbox-title, .w-iconbox-meta, .w-text-value, .fusion-text, .elementor-icon-list-text, .elementor-heading-title, .wpb_text_column {
  overflow-wrap: break-word; /* break-word e nao anywhere: anywhere zera a largura minima e o tema espremia o texto ao lado do icone, uma letra por linha */
}

/* nada passa da lateral da tela (seta de carrossel, cabecalho, coluna mais larga): a pagina nao rola para o
   lado. "clip" corta sem criar area de rolagem, entao menu fixo e sticky continuam funcionando; navegador
   antigo que nao conhece "clip" fica como antes */
html, body { overflow-x: clip; }

/* titulos promovidos a H1 mantem o visual do nivel original (gerado do CSS do tema) */


/* menu azul do topo (colunas do construtor com 2vw de cada lado): em notebook de 1280 a 1440 px o ultimo item
   ("AGENDE UM ATENDIMENTO") caia para a segunda linha. No computador o espaco entre os itens diminui um pouco;
   no celular (menu empilhado) nada muda */
@media (min-width: 1025px) {
  .fusion-layout-column.fusion_builder_column_inner[style*="--awb-padding-right:2vw;--awb-padding-left:2vw;--awb-inner-bg-size:cover;--awb-border-color:rgba(255,255,255,0.4)"] {
    --awb-padding-right: 1.1vw !important;
    --awb-padding-left: 1.1vw !important;
    --awb-padding-right-medium: 1.1vw !important;
    --awb-padding-left-medium: 1.1vw !important;
  }
}
/* notebook menor (ate 1300 px): menos espaco e letra um pouco menor, para os 7 itens caberem numa linha */
@media (min-width: 1025px) and (max-width: 1300px) {
  .fusion-layout-column.fusion_builder_column_inner[style*="--awb-padding-right:2vw;--awb-padding-left:2vw;--awb-inner-bg-size:cover;--awb-border-color:rgba(255,255,255,0.4)"] {
    --awb-padding-right: .7vw !important;
    --awb-padding-left: .7vw !important;
    --awb-padding-right-medium: .7vw !important;
    --awb-padding-left-medium: .7vw !important;
  }
  .fusion-layout-column.fusion_builder_column_inner[style*="--awb-padding-right:2vw;--awb-padding-left:2vw;--awb-inner-bg-size:cover;--awb-border-color:rgba(255,255,255,0.4)"] .fusion-text {
    --awb-font-size: .82em !important;
  }
}