@charset "UTF-8";
@media (max-width: 1200px) {
  #a-protecao .protecao-content .position-relative {
    max-width: 400px;
  }
  #a-protecao #protecao-image-1 {
    content: url("../images/card_proteção_mobile_01.png");
  }
  #a-protecao #protecao-image-2 {
    content: url("../images/card_proteção_mobile_02.png");
  }
  #a-protecao #protecao-image-3 {
    content: url("../images/card_proteção_mobile_03.png");
  }
  #nosso-app .store-button {
    width: 200px;
  }
  #nosso-app #google-play {
    content: url("../images/botao_google_play_mobile.png");
  }
  #nosso-app #app-store {
    content: url("../images/botao_app_store_mobile.png");
  }
  #depoimentos .depoimento-usuario {
    width: 100%;
    margin-top: 4rem;
  }
}
@media (max-width: 1024px) {
  .site-body {
    margin-top: 210px;
  }
  #home .home-texto, #home .formulario, #home h1, #home h4 {
    width: 100% !important;
  }
  footer .footer-content {
    gap: 3rem;
  }
  footer .footer-content .logo-text {
    width: 100% !important;
  }
  footer #redes-sociais {
    position: relative !important;
  }
  #nosso-app .app-store {
    max-width: 300px;
  }
  #modalCotacao .modal-card {
    width: 100% !important;
  }
  #depoimentos .depoimentos-text {
    width: 100% !important;
  }
  #servicos .servicos-texto h1 {
    width: 100% !important;
  }
  #a-protecao .protecao-title {
    width: 75% !important;
  }
  #a-protecao .protecao-content {
    flex-direction: column;
    max-width: 400px;
    gap: 1.5rem !important;
  }
  #a-protecao .button-card {
    padding: 0.7rem 2rem;
    font-size: 1rem !important;
  }
}
@media (max-width: 768px) {
  .site-body {
    margin-top: 250px;
  }
  header .telefones-suporte-agrupamento {
    gap: 1rem !important;
  }
  header .navbar-collapse button {
    width: 50% !important;
  }
  header .navbar-brand img {
    width: 100px;
  }
  #home {
    background-position: -500px 0px;
  }
  #vantagens {
    margin-bottom: 3rem !important;
  }
  #vantagens .parcelamento {
    width: 100% !important;
  }
  #whatsapp {
    left: 70% !important;
  }
}
@media (max-width: 500px) {
  #nosso-app .store-button {
    max-width: 150px !important;
  }
}
@media (max-width: 425px) {
  header p {
    font-size: 11px;
  }
  header .icon-suporte {
    font-size: 2rem;
  }
  #home .home-texto {
    width: 100% !important;
  }
  #servicos .container {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  #servicos .container .servico-imagem {
    width: 100% !important;
  }
  #modalFAQ .faq img {
    width: 30px;
  }
  #modalCotacao .formulario {
    width: 100%;
  }
}