@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;1,300&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Source+Sans+Pro:ital,wght@0,300;0,400;1,400&display=swap");
/* background general */
body {
  background: rgb(246, 246, 246);
}

/* pantalla inicio */
.containerInicio {
  display: grid;
  grid-template-columns: 1fr 4fr;
  grid-template-rows: 15fr 15fr 15fr;
  gap: 20px;
  align-items: center;
  background-image: url(../img/IMG_6063.jpg);
  background-position: center;
  background-size: cover;
}
.containerInicio .textoInicio {
  grid-row: 2/3;
  grid-column: 2/3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  color: #fff;
}
.containerInicio .textoInicio h1 {
  font-size: 6rem;
  margin-bottom: 10px;
  font-family: "PT SERIF", serif;
}
.containerInicio .textoInicio h2 {
  font-size: 4rem;
  margin-bottom: 20px;
  font-family: "LATO", sans-serif;
}
.containerInicio .textoInicio button {
  font-size: 2rem;
  cursor: pointer;
  font-family: "LATO", sans-serif;
}

.firefly {
  padding: 10% 10% 0%;
  font-size: 2rem;
  text-shadow: -1px 0px 31px rgba(205, 205, 205, 0.61);
}

.pad {
  padding: 2% 10%;
  font-size: 2rem;
}

.pad2 {
  margin-bottom: 20%;
}

.textoCont {
  background-color: rgba(53, 162, 86, 0.5);
  padding: 10%;
}
.textoCont h2 {
  font-size: 3rem;
  font-family: "PT SERIF", serif;
}
.textoCont p {
  font-size: 2rem;
  font-family: "LATO", sans-serif;
}

.contGen.no-gutters [class^=col-] {
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 768px) {
  #navbarNav li {
    font-size: 2rem;
  }
  #navbarNav {
    width: auto;
  }
  .containerInicio {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 5fr 5fr;
    align-items: center;
    background-image: url(../img/IMG_6063.jpg);
    background-position: center;
    background-size: cover;
  }
  .containerInicio .textoInicio {
    grid-row: 2/4;
    grid-column: 1/3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    color: #fff;
  }
  .containerInicio .textoInicio h1 {
    font-size: 4rem;
  }
  .containerInicio .textoInicio h2 {
    font-size: 2rem;
  }
  .containerInicio .textoInicio button {
    font-size: 1rem;
    cursor: pointer;
    font-family: "LATO", sans-serif;
  }
  .tituloModelos {
    text-align: center;
    font-size: 2rem;
  }
  .tituloModelos br {
    display: none;
  }
  .tituloModelos h1 {
    white-space: nowrap;
  }
  .containerModelos {
    grid-template-columns: repeat(1, 1fr);
  }
  .imgEnvios {
    display: none;
  }
  .card {
    animation: none !important;
  }
}
@media (max-width: 545px) {
  .containerInicio {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 5fr 5fr;
    align-items: center;
    background-image: url(../img/IMG_6063.jpg);
    background-position: center;
    background-size: cover;
  }
  .containerInicio .textoInicio {
    grid-row: 2/4;
    grid-column: 1/3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    color: #fff;
  }
  .containerInicio .textoInicio h1 {
    font-size: 3rem;
  }
  .containerInicio .textoInicio h2 {
    font-size: 2rem;
  }
  .containerInicio .textoInicio button {
    font-size: 1rem;
    cursor: pointer;
    font-family: "LATO", sans-serif;
  }
  .firefly {
    font-size: 1rem;
  }
}
.tituloModelos {
  margin: 5% 0% 2% 5%;
  padding: 2%;
  font-size: 2rem;
  background-color: rgba(53, 162, 86, 0.5);
  font-family: "PT SERIF", serif;
}

.tituloModelos a {
  font-family: "LATO", sans-serif;
}

.containerModelos {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}

.card {
  background-color: rgba(53, 162, 86, 0.2);
}

.animateCards {
  transition: transform 0.3s;
}
.animateCards:hover {
  transform: scale(1.1);
}

.bkCaracteristicas {
  background-color: rgba(53, 162, 86, 0.5);
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 1, "wght" 600, "GRAD" 0, "opsz" 48;
}

.tamaño {
  font-size: 10rem;
  margin: 15% 5% 5% 15%;
  color: #fff;
}

.textoTec {
  font-weight: bold;
  font-family: "LATO", sans-serif;
  color: #000000;
}

.CaracTec {
  margin: 8%;
  font-family: "PT SERIF", serif;
  text-align: center;
  font-size: 1.5rem;
}

.videos {
  margin: 5%;
}
.videos h1, .videos h2 {
  font-size: 3rem;
  font-family: "PT SERIF", serif;
  text-shadow: -1px 0px 31px rgba(0, 0, 0, 0.61);
}
.videos p {
  font-size: 1rem;
  font-family: "LATO", sans-serif;
}

.bkEnvios {
  background-color: rgba(53, 162, 86, 0.5);
  padding: 3%;
}
.bkEnvios h1 {
  margin-bottom: 5%;
  font-family: "PT SERIF", serif;
  font-size: 3rem;
}
.bkEnvios ul {
  background-color: transparent !important;
  font-family: "LATO", sans-serif;
  font-size: 1.5rem;
}

.enviosDif {
  background-color: rgba(53, 162, 86, 0.5);
  padding: 3%;
  margin: 5%;
}
.enviosDif h2 {
  text-align: center !important;
  padding-top: 10% !important;
}

video {
  max-width: 100%;
}

.bkDeco {
  background-color: rgba(53, 162, 86, 0.5);
  padding: 3%;
}

.contTextForm {
  font-size: 1.5rem;
}/*# sourceMappingURL=styles.css.map */