/*
Theme Name: SuperAuto GAC
Author: Rafael Franco Costa
Description: Tema para a concessionária SuperAuto GAC
Version: 0.05

*/
.container-fluid {
  padding-left: 0;
  padding-right: 0;
  --bs-gutter-x: 0;
}

.wp-block-image {
  padding:0;
  margin:0;
}

html, body {
  overflow-x: hidden;
}

.fundopreto {background-color: black;}

.margin {margin: 0vw; padding: 0vw}

.header {position:relative; width: 100%; background-color:black; padding:4vw; z-index:500}

.logo img {width:100%; height: auto}

.carrossel-home {
    display: flex;
    overflow-x: auto;
    gap: 20px;
}
.carousel-item img {
    min-width: 200%;
    max-width: 200%;
    height: auto;
    display: block;
    object-position: left bottom;
}

.montserrat-light {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.menu-principal {
    display:none;
    padding:.5vw;
}

.menu-principal a {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
  text-transform:uppercase;
}

.menumob-principal {width: 100%; text-align: center; margin-top:2vw}

ul#menu-menu-principal-1  {font-size:5vw}

#menu-menu-principal-1 li {padding-top:2vw; list-style: none}

.sub-menu {padding: 0px}

.sub-menu li {font-size:3.5vw}

.lista-menu > li > a {
  display: block;
  border-bottom: 1px solid white;
  padding: 0px 0px; /* Ajuste conforme necessário */
}


.menumob-principal a {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
  text-transform:uppercase;
}



#menu-menu-principal {
    list-style-type: none;
    display:flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

#menu-menu-principal li {
    padding-left: 1vw;
}

#menu-menu-principal-1 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#menu-menu-principal li {
    padding-left: 1vw;
}

.menumobile-top {
  display: none;
  position: fixed;
  left:0;
  top:0;
  width: 90vw;
  height: 100%;
  background-color:#333333;
  z-index: 1000;
  padding:5vw;
}

.menumobile-top a {color:white; text-decoration: none}

.menumobile-top {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
  text-transform:uppercase;
}

.menumobile-top img {
  width: 70%;
  height: auto;
}

.bi-x-square {color:white; float:right}

.redessociais {display: none;}

.menumobileicon {display: block; color:white; font-size:5vw}

.barra_titulo {background-color:#333333; color:white; padding-top:1.5vw; padding-bottom:1.5vw; font-size:5vw;  text-transform:uppercase;}

.footer {background-color:black; padding-top:5vw; padding-bottom:5vw}

.font-footer {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
  text-transform:uppercase;
}

.banner-modelos {
  width: 100%;
  position: relative; /* necessário para que .logo-modelos use este como referência */

}

.banner_background {
  width: 100%;
  height: 100%;
  height: auto;
}

.banner_background img {
    text-align:center;
    width: 200%;
    height: auto;
    position:relative;
    left:-50%;
}

.logo-modelos {
  position: absolute;
  width: 100%;
  text-align:center;
  top: 5vw; /* ajuste como quiser */
  left:0; /* ajuste como quiser */
  z-index: 10; /* garante que fique acima do banner */
}

.logo-modelos img {
  max-width: 75vw; /* ou o tamanho que quiser */
  height: auto;
}

.slogan-modelo {
  margin-top:2vw;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
  text-transform:uppercase;
}

.banner-modelos button {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
}

.form-bg {
  padding:10vw;

}


.form-content {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:black;
  text-decoration: none;
  width:auto%; margin-left:0%; padding:8vw; background-color: rgba(255, 255, 255, 0.75); border-radius: 0vw}



  .redessociais {
    color:white;
    padding:.5vw;
  }

  .redessociais a {color:white}

  .font-footer h5 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  color:white;
  text-decoration: none;
  }

  .font-footer a {text-decoration: none; color:white}

.googlemaps iframe {
    width: 80% !important;
    height: auto;
    max-width: 80%;
    border: 0;
    display: block;
}

.wp-block-video {padding:0; margin:0}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 select,
.wpcf7 textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.butwhatsapp {
  display: block;
  position:fixed;
  bottom:0;
  right:0;
  z-index:1000;
  width: 20vw;
  height: 20vw;
  font-size:10vw;
  background-color: #075E54;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  margin:8vw;
}

.whatsappcidade {  

  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size:4vw;
  position:fixed; 
  z-index:500; 
  right:10vw;
  bottom:10vw;
  width: 80vw;
  height: 15vw;
  background-color:gainsboro;
  border: 1px black;
  border-radius: 5vw;
  
}

.butwhatsappcidades {
  width: 80%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; /* stacks vertically */
}

.butwhatsappcidades a {
text-decoration: none;
color:#333333;
}



.butup {
  position:fixed;
  bottom:0;
  left:0;
  z-index:200;
  font-size:10vw;
  color: #5D6D7E;
  margin:5vw;
}

.container-modelo{
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:black;
  text-decoration: none;
  text-align:center;
}

.box-modelo {
  width: 100%;
  height: auto;
}

.box-modelo img {
  width: 100%;
  height: auto;
}

.box-modelo a {
  text-decoration: none;
  color:black;
}

.wpcf7-submit {background-color: black; color: white; padding:.5vw; width: 100%}

@media (min-width: 992px) {

body {
    overflow-x: hidden;
}

.margin {margin: 0vw; padding: 0vw}

.header {position:relative; width: 100%; background-color:black; padding:1vw; z-index:500}

.logo img {width:100%; height: auto}

.carrossel-home {
    display: flex;
    overflow-x: auto;
    gap: 20px;
}
.slide img {
    min-width: 100%;
    max-width: 200%;
    height: auto;
    display: block;
}

.montserrat-light {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.menu-principal {
    display:block;
    padding:.5vw;
}

.lista-menu > li > a {
  display: block;
  border-bottom: 0px solid white;
  padding: 0px 0px; /* Ajuste conforme necessário */
}

ul#menu-menu-principal-1  {font-size:3vw;}

.menu-item {border-bottom: 0px solid white}

.sub-menu {display:none; position:absolute;  padding:0; padding-top: 1.5vw; width: 20vw; z-index:50; background-color: black; list-style: none;}
ul .sub-menu li {padding:0; padding-bottom: 0.5vw; padding-top:0.5vw; margin:0; border-bottom: white 1px solid; background-color:#333333}
.menu-item-has-children:hover .sub-menu {
  display: block;
}

.sub-menu li {font-size:.75vw}

.menu-principal a {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
  text-transform:uppercase;
}

#menu-menu-principal {
    list-style-type: none;
    display:flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
}

#menu-menu-principal li {
    padding-left: 1vw;
}

#menu-menu-principal-1 {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#menu-menu-principal li {
    padding-left: 1vw;
}

.redessociais {display: block}
.menumobileicon {display: none;}

.barra_titulo {background-color:#333333; color:white; padding-top:1.5vw; padding-bottom:1.5vw; font-size:1.75vw;  text-transform:uppercase;}

.footer {background-color:black; padding-top:2vw; padding-bottom:2vw}

.font-footer {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
  text-transform:uppercase;
}

.banner-modelos {
  width: 100%;
  position: relative; /* necessário para que .logo-modelos use este como referência */
}

.banner_background {
  width: 100%;
  height: auto;
}

.banner_background img {
    width: 100%;
    height: auto;
    position:relative;
    left:0;
}

.logo-modelos {
  position: absolute;
  width: 100%;
  text-align:center;
  top: 10vw; /* ajuste como quiser */
  left:0; /* ajuste como quiser */
  z-index: 10; /* garante que fique acima do banner */
}

.logo-modelos img {
  max-width: 25vw; /* ou o tamanho que quiser */
  height: auto;
}

.slogan-modelo {
    margin-top:1vw;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
  text-transform:uppercase;
}

.banner-modelos button {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:white;
  text-decoration: none;
}

.form-bg {
  padding:2vw;

}

.form-content {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:black;
  text-decoration: none;
  width:40%; margin-left:50%; padding:3vw; background-color: rgba(255, 255, 255, 0.75); border-radius: 0vw}

  .redessociais {
    color:white;
    padding:.5vw;
  }

  .redessociais a {color:white}

  .font-footer h5 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  color:white;
  text-decoration: none;
  }

  .font-footer a {text-decoration: none; color:white}

.googlemaps iframe {
    width: 80% !important;
    height: auto;
    max-width: 80%;
    border: 0;
    display: block;
}

.menumobile-top {
  display: none;
}

.butwhatsapp {
  cursor:pointer;
  display: block;
  position:fixed;
  bottom:0;
  right:0;
  z-index:1000;
  width: 3.5vw;
  height: 3.5vw;
  font-size:1.5vw;
  background-color: #075E54;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: bold;
  margin:2vw;
}

.whatsappcidade {  
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size:.6vw;
  position:fixed; 
  z-index:500; 
  right:2.5vw;
  bottom:2.5vw;
  width: 14vw;
  height: 2.5vw;
  background-color:gainsboro;
  border: 1px black;
  border-radius: 1vw;
  
}

.butwhatsappcidades {
  width: 80%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; /* stacks vertically */
}

.butwhatsappcidades a {
text-decoration: none;
color:#333333;
}

.butup {
  position:fixed;
  bottom:0;
  left:0;
  z-index:200;
  font-size:3vw;
  color: #5D6D7E;
  margin:2vw;
}

.container-modelo{
  display:flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color:black;
  text-decoration: none;
  text-align:center;
}

.box-modelo {
  width: 50%;
  padding-bottom:2.5%;
  padding-right:2.5%;
  height: auto;
}

.box-modelo img {
  width: 100%;
  height: auto;
}

.box-modelo a {
  text-decoration: none;
  color:black;
}

.wpcf7-submit {background-color: black; color: white; padding:.5vw; width: 50%}


}