/**
   Arquivo Responsável pelos estilos CSS customizados
*/

.hidden-xs {
  display: inline-block;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none;
  }
}
/**
Botões
*/
.btn-padrão,
.btn-padrao a {
  transition: 0.3s !important;
  text-decoration: none !important;
}
.btn-padrão:hover,
.btn-padrão a:hover {
  transition: 0.3s !important;
  text-decoration: underline !important;
}

/** Botão Toggle */
.btn-saiba-mais .elementor-toggle-item .elementor-tab-title {
  text-align: right;
  border: none !important;
}
.btn-saiba-mais .elementor-toggle-item .elementor-tab-title a {
  text-decoration: none !important;
}

.btn-saiba-mais .elementor-toggle-item .elementor-toggle-icon {
  margin-left: 1em;
  transform: rotate(-90deg);
}

.btn-saiba-mais .elementor-toggle-item .elementor-tab-content {
  padding: 0 !important;
  border: none !important;
}

@media (max-width: 767px) {
  .btn-padrão,
  .btn-padrao a {
    width: 100% !important;
  }
}

/**
Header
*/

.header-custom {
  position: absolute;
  width: 100%;
  padding: 1em 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0);
}

.header-custom .hfe-nav-menu .menu-item img {
  margin-right: 1em;
  transition: 0.3s;
}

.header-custom .hfe-nav-menu .menu-item a {
  color: #fff !important;
}

.header-custom .hfe-nav-menu .menu-item a:hover {
  color: #fff !important;
  text-decoration: underline !important;
}

.header-custom .hfe-nav-menu .menu-item a:hover img {
  opacity: 0.8;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .header-custom .hfe-nav-menu .menu-item a {
    padding-right: 5px !important;
  }

  .header-custom .hfe-nav-menu .menu-item a img {
    margin-right: 0;
  }
}

/**
Menu Mobile
*/
.menu-mobile .hfe-nav-menu__toggle .hfe-nav-menu-icon {
  float: right !important;
}

ul.sub-menu .menu-item a {
  padding-left: 1em !important;
  padding-right: 1em !important;
}

/**
Formulário contato
*/
.c-form-contato {
  padding: 3em 2em 1em 2em !important;
  background-color: #fff;
  border: 1px solid #EFF0F1;
  border-radius: 20px !important;
}
.c-form-contato h3 {
  font-family: "Inter","sans-serif";
  font-size: 24px;
  font-weight: 500;
  line-height: 38px;
  padding-bottom: 0.5em;
}

.c-form-contato .c-form-contato-conteudo {
  padding-bottom: 1rem;
}

.c-form-contato .c-form-contato-conteudo.c-form-contato-conteudo-flex {
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

.c-form-contato .c-form-contato-label {
  font-weight: 500;
  color: #292A2E;
}

.c-form-contato .c-form-contato-input {
  border: 1px solid #EAEEF3 !important;
  background: #fff !important;
  border-radius: 12px !important;
  height: 66px !important;
  color: #A4A2A1;
}
.c-form-contato .c-form-contato-input.c-form-contato-textarea {
  height: 150px !important;
}

.c-form-contato .c-form-contato-ico-obrigatorio {
  color: #0D655B;
  font-size: 18px;
}

.c-form-contato .c-form-contato-input:focus {
  border: 1px solid #0D655B !important;
  outline: none !important;
  color: #3A372B;
}


.c-form-contato small {
  color: #a0a6af;
  margin-top: -10px;
  float: left;
  line-height: 22px;
}

.c-form-contato a {
  color: #FF9519;
  line-height: 1.6em;
}

.c-form-contato a:hover {
  text-decoration: underline;
}

.c-form-contato .c-form-contato-checkbox .wpcf7-list-item {
  display: flex;
  align-items: center;
  margin-left: 0;
  font-weight: 500;
}

.c-form-contato .c-form-contato-checkbox .wpcf7-list-item input {
  margin-right: 0.5em;
  height: 16px;
  width: 16px;
  accent-color: #FF9519 !important;
}

.c-form-contato .c-form-contato-input.c-form-contato-select {
  text-indent: 1px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background: #F4F5F6
    url("https://php81.nano.docker/otavio_lage/wp-content/uploads/2024/04/icon-select-down.svg")
    no-repeat 99% center !important;
}

.c-form-contato .c-form-contato-input.c-form-contato-select:focus {
  background: #F4F5F6
    url("https://php81.nano.docker/otavio_lage/wp-content/uploads/2024/04/icon-select-up.svg")
    no-repeat 99% center !important;
}


/** Multiplos anexos */
.c-form-contato #mfcf7_zl_multifilecontainer {
  order: 1;
  margin-top: -2rem !important;
}

.c-form-contato .c-form-contato-container-anexo-multiplo {
  display: flex;
  flex-direction: column;
}

.c-form-contato .c-form-contato-container-anexo-multiplo label,
.c-form-contato .c-form-contato-container-anexo-multiplo .button {
  width: 100% !important;
  z-index: 999;
  opacity: 1;
  position: relative;
  opacity: 0;
}


.c-form-contato-footer .wpcf7-acceptance .wpcf7-list-item {
  margin-left: 0;
}

.c-form-contato-footer .wpcf7-acceptance input {
  margin-right: 0.5em;
  height: 16px;
  width: 16px;
  accent-color: #0D655B !important;
}

.c-form-contato-footer .wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  align-items: center;
}

.c-form-contato-footer .wpcf7-acceptance .wpcf7-list-item label a {
  text-decoration: none;
}
.c-form-contato-footer .wpcf7-acceptance .wpcf7-list-item label a:hover {
  text-decoration: underline;
  color: #0D655B;
}


.c-form-contato-footer .btn-enviar-form {
  background: #0E655B;
  border: 1px solid #0E655B;
  color: #fff;
  padding: 18px 32px !important;
  border-radius: 16px;
  transition: 0.3s;
  font-weight:600;
}

.c-form-contato-footer .btn-enviar-form:disabled,
.c-form-contato-footer .btn-enviar-form[disabled],
.c-form-contato-footer .btn-enviar-form:disabled:hover,
.c-form-contato-footer .btn-enviar-form[disabled]:hover {
  opacity: .4;
}

.c-form-contato-footer .btn-enviar-form:active,
.c-form-contato-footer .btn-enviar-form:focus {
  background: #06564D;
}

.c-form-contato-footer .btn-enviar-form:hover {
  transition: 0.3s;
  opacity: 1;
  background: #06564D;
}

.c-form-contato-footer {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding-top: 2em;
}

.c-form-contato-footer p {
  display: flex;
  margin-bottom: 0 !important;
  align-items: center;
}
.c-form-contato-footer .wpcf7-list-item-label {
  font-size: 15px;
}

.c-form-contato-footer .wpcf7-submit.btn-enviar-form {
  order: 2;
}

.c-form-contato-footer .wpcf7-form-control-wrap {
  order: 0;
}

.c-form-contato-footer .wpcf7-spinner {
  order: 1;
}


/*Contato Vagas*/
.c-form-contato-conteudo .c-form-contato-container-anexo {
  position: relative;
}
.c-form-contato-conteudo .c-form-contato-container-anexo .c-form-contato-anexo {
  position: relative;
  opacity: 0;
  z-index: 99;
}
.c-form-contato-conteudo .c-form-contato-container-anexo .c-form-contato-input-anexo {
  position: absolute;
  top: 2.5em;
  border: 1px solid #d0dae2;
  width: 97%;
  border-radius: 7px;
  padding: 0.5em 0.5em 0.5em 3em;
  background-image: url('https://paulofelipewp.com.br/clientes/avilages/wp-content/uploads/2025/08/ico_upload.svg');
  background-repeat: no-repeat;
  background-position: 0.8em 0.5em;
  color: #414C52 !important;
}

.c-form-contato .c-form-contato-conteudo .c-form-contato-input-portfolio {
  padding-left: 3em;
  background-image: url('https://php81.nanolab.com.br/cliente/nano/wp-content/uploads/2023/05/icone-portfolio.svg') !important;
  background-repeat: no-repeat !important;
  background-position: 0.8em 0.5em !important;
}


/*Form Newsletter*/
.c-form-contato.c-form-newsletter {
  padding: 0 !important;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 0 !important;
}

.c-form-contato.c-form-newsletter .btn-enviar-newsletter  {
  width: 100%;
  background: #FF9519;
  border: 1px solid #FF9519;
  color: #fff;
  padding: 18px 32px !important;
  border-radius: 12px;
  transition: 0.3s;
}

.c-form-contato.c-form-newsletter .btn-enviar-newsletter:hover {
  transition: 0.3s;
  opacity: 1;
  background: #ed8408;
}

.c-form-contato.c-form-newsletter .wpcf7-spinner {
	position: absolute;
    right: 2rem;
    top: 1.3rem;
}

.blog .wpcf7-response-output {
	margin-top: 0 !important;
}

/*Configurando as mensagens do form*/
.c-form-contato .wpcf7-not-valid-tip {
  font-size: 0.8em !important;
  background: #fececd;
  margin-top: 0.5em;
  padding-left: 1em;
  border-radius: 6px;
}



.c-form-contato .c-form-contato-input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #a0a6af !important;
  opacity: 1;
}
.c-form-contato .c-form-contato-input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #a0a6af !important;
  opacity: 1;
}
.c-form-contato .c-form-contato-input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #a0a6af !important;
  opacity: 1;
}
.c-form-contato .c-form-contato-input:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #a0a6af !important;
  opacity: 1;
}

.wpcf7-form .wpcf7-response-output {
  border-radius: 9px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 1.8em !important;
}

@media screen and (max-width: 767px) {

  .c-form-contato-footer {
    align-items: flex-start !important;
  }

  .c-form-contato-footer .btn-enviar-form {
    margin-top: 1.5em;
  }

  .c-form-contato {
    padding: 3em .5em !important;
  }

  .c-form-contato .c-form-contato-footer {
    flex-direction: column;
  }

  .c-form-contato span.wpcf7-spinner {
    position: absolute;
    right: 0;
    bottom: 1.3em;
  }

  .c-form-contato .c-form-contato-conteudo.c-form-contato-conteudo-flex {
    flex-direction: column;
  }

  .c-form-contato-conteudo.c-form-contato-footer,
  .c-form-contato-conteudo.c-form-contato-footer p {
    display: block !important;
  }

}

/**
FAQ
*/

.c-faq .elementor-toggle-item {
  border: none !important;
  margin-bottom: 1rem !important;
}

.c-faq .elementor-toggle-item .elementor-tab-title {
  background: #fff;
  border: 1px solid #F4F5F6 !important;
  border-radius: 12px;
  

}

.c-faq .elementor-toggle-item .elementor-tab-title.elementor-active {
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: none !important;
  border-color: #FF9519 !important;

}

.c-faq .elementor-tab-title .elementor-toggle-title {
  transition: .3s;
}

.c-faq .elementor-tab-title.elementor-active .elementor-toggle-title {
  color: #3A372B;
  font-weight: 600;
  transition: .3s;

}

.c-faq .elementor-tab-content.elementor-clearfix {
  
  border-top: none;
  border-right: 1px solid #f4f5f6 !important;
  border-left: 1px solid #f4f5f6 !important;
  border-bottom: 1px solid #f4f5f6 !important;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.c-faq .elementor-tab-content.elementor-clearfix.elementor-active {
  
  border-top: none;
  border-right: 1px solid #FF9519 !important;
  border-left: 1px solid #FF9519 !important;
  border-bottom: 1px solid #FF9519 !important;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}



.c-faq .elementor-toggle-icon svg {
  width: 14px;
  width: 14px;
}



/**
MODAL
*/

.btn-modal .exad-modal .exad-modal-button a.exad-modal-image-action {
  text-align: right;
  padding-right: 2.5rem;
}

.btn-modal .exad-modal .exad-modal-button a.exad-modal-image-action:after {
  content: " ";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  right: 20px;
  top: 6px;
  background: url("http://php81.nano.docker/rompi/wp-content/uploads/2022/07/Vector.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: 0.3s;
}

.btn-modal
  .exad-modal
  .exad-modal-button
  a.exad-modal-image-action:hover:after {
  right: 15px;
  transition: 0.3s;
}

.exad-modal-item.modal-vimeo.top-to-middle.html_content.active {
}
@media screen and (max-width: 767px) {
  .exad-modal-item.modal-vimeo.top-to-middle.html_content.active {
    width: 90%;
    margin-top: 4rem;
    overflow: scroll;
  }
  .exad-modal-item.modal-vimeo.top-to-middle.html_content.active
    .exad-close-btn {
    right: 0.5rem !important;
    top: 1rem !important;
  }

  .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::before,
  .exad-modal-item.modal-vimeo .exad-modal-content .exad-close-btn span::after {
    background: #262626 !important;
  }
}

.container-btn-agendar {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin-top: 3.5rem;
  text-align: right;
}
.container-btn-agendar.container-btn-agendar-center {
  text-align: center;
}

a.btn-agendar {
  background: #fff;
  padding: 1rem 1.5rem;

  color: #000;
  text-decoration: none !important;
  font-family: "Poppins", Sans-serif;
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .container-btn-agendar {
    text-align: center;
  }
  .txt-topo .elementor-widget-container {
    text-align: center !important;
  }
    .txt-topo .elementor-heading-title {
        font-size: 9em !important;
    }

    .txt-topo-md .elementor-widget-container {
      text-align: center !important;
      text-align: center;
      font-size: 5em;
    }

    .descricao-topo .elementor-heading-title  {
      text-align: center !important;
      font-weight: 600 !important;
    }
}



