/*
    HEX: #0C99C6; Aero 40
    HEX: #8DD7F5; Aero 20
    HEX: #D5EBF9; Aero 10
    HEX: #EFF8FF; Aero 05
    HEX: #3B3139; Rosé 80
    HEX: #A06F4E; Terra 50
    HEX: #CFA466; Terra 30
    HEX: #E2CCAA; Terra 20
    HEX: #F7EFE0; Terra 05
    HEX: #F7F1F6; Rosé 05

    h1 y h2 a 6rem
    botones 1.2rem
    textos a 1.5rem
    subtitulos y h3 a 2.4rem;
    subtitulo-p a 2rem;
*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");
/******************
* colores
******************/
:root {
  --aero-40: #0C99C6;
  --aero-20: #8DD7F5;
  --aero-10: #D5EBF9;
  --aero-05: #EFF8FF;
  --rose-80: #3B3139;
  --rose-05: #F7F1F6;
  --terra-50: #A06F4E;
  --terra-30: #CFA466;
  --terra-20: #E2CCAA;
  --terra-10: #F7EFE0;
  --tamanio-fuente: 1;
 
}

/**********************
* importo las fuentes
**********************/

@font-face {
  font-family: "corbel";
  src: url("/assets/fonts/corbel/corbel.ttf") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "corbel_italic";
  src: url("/assets/fonts/corbel/corbeli.ttf") format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "corbellight";
  src: url("/assets/fonts/corbel/corbell.ttf") format("truetype");
  font-style: normal;

}
@font-face {
  font-family: "corbellight_italic";
  src: url("/assets/fonts/corbel/corbelli.ttf") format("truetype");
  font-style: italic;
}

body,
html {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  font-family: "corbellight", "Lucida Grande", "DejaVu sans", "sans-serif";
}

* {
  box-sizing: border-box;
}

i {
  font-family: "corbellight_italic";
}
b,
strong {
  font-family: "corbel";
  font-weight: unset;
}

.negrita-italica {
  font-family: "corbel_italic";
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cormorant Infant", "Times New Roman", Times, serif;
}

h3{
  letter-spacing: -1px;
  line-height: 1;
  font-weight: 700;
}
p {
  font-size: calc(var(--tamanio-fuente) * 1.5rem);
  color: var(--rose-80);
  line-height: 1;
}


h1 {
  font-size: calc(var(--tamanio-fuente) * 4rem);
  line-height: 1;
  font-weight: 700;
  color: var(--rose-80);
}

.titulo-h2 {
  font-size: calc(var(--tamanio-fuente) * 3.4rem);
  line-height: 1;
  font-weight: 700;
  color: var(--rose-80);
}
.titulo-h3 {
  font-size: calc(var(--tamanio-fuente) * 2.8rem);
  line-height: 1;
  font-weight: 700;
  color: var(--rose-80);
}
.titulo-h4 {
  font-size: calc(var(--tamanio-fuente) * 2.2rem);
  line-height: 1;
  font-weight: 700;
  color: var(--rose-80);
}

 p.p-articulos{
  
    font-size: calc(var(--tamanio-fuente) * 1.6rem);
    color: var(--rose-80);
    line-height: 1.5;
    justify-content: center;


}
.azul{
  font-size: calc(var(--tamanio-fuente) * 1.6rem) ;
}



h3 {
  font-size: calc(var(--tamanio-fuente) * 2.4rem);
  color: var(--rose-80);
}

.subtitulo-p{
  font-size: calc(var(--tamanio-fuente) * 2rem);
}
.subtitulo-p2{
  font-size: calc(var(--tamanio-fuente) * 2rem);
  color:var(--aero-40);
}
.subtitulo-p3{
  text-align: center;
  font-size: calc(var(--tamanio-fuente) * 1.8rem);
  line-height: 1.4;
  color:var(--aero-40);
}
.subtitulo-h32{
  font-size: 23px;
  font-weight: 700;
  color: var(--terra-50);

}

label {
  font-family: "corbel";
  font-size: calc(var(--tamanio-fuente) * 1.2rem);
}

.boton-contacto {
  font-size: calc(var(--tamanio-fuente) * 1.2rem);
  background-color: var(--rose-80);
  border: 1px solid var(--rose-80);
  color: #fff;
  text-decoration: none;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  padding: 0.5rem 2rem !important;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}
.boton-contacto:hover {
  background-color: #fff;
  color: var(--rose-80);
}

.enlace {
  color: inherit;
  font-family: inherit;
  text-decoration: none;
}

.container-fluid {
  width: 90%;
}
@media (max-width: 992px) {
  .container-fluid {
    width: 95%;
    margin: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .navbar-collapse.show{
    background-color: #fff;
  }
}

section{
  width: 100%;
  max-width: 100%;
}
@media (min-width: 0px) and (max-width: 600px){
  h1{
    font-size: calc(var(--titulo) - 1.4rem);
  }
  .titulo-h2{
    font-size: calc(var(--subtitulo) - 2rem);
  }
  h3{
    font-size: calc(var(--subtitulo) - 0.9rem);
  }
  h4{
    font-size: calc(var(--subtitulo) - 1.2rem);
  }
  .parrafo-titulo{
    font-size: calc(var(--subtitulo) - 1.4rem);

  }
  p{
    font-size: calc(var(--subtitulo) - 1.5rem);
  }
   .p-articulos{
    font-size: calc(var(--subtitulo) - 2.5rem);
  }
  .subtitulo-cargadores{
    width: 90%;
  }
 
  .subtitulo-recuadro{
    margin-top: 4vmin;
    font-size: calc(var(--subtitulo) - 1.2rem);
  }
  p.titulo-h3{
    font-size: calc(var(--subtitulo) - 1.9rem);
  }

}







/**********************************
* AVISO DE COOKIES
*********************************/

.aviso{
  position: fixed;
  z-index: 10000;
  bottom: 0;
  left: 0;
  padding: 2rem 0;
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  
  
}

.aviso.hidden{
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease-in;
}

.aviso_texto{
  /* width: 50%; */
  margin-left: auto;
}
.aviso_texto p{
  margin-bottom: 0;
  color: var(--rose-80);
  font-size: 0.9rem;
}
.aviso_texto a{
  color: inherit;
}
.aviso_texto a:hover{
  color: inherit;
}

.botones{
  width: 30%;
  margin-right: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
}

.botones button{
  padding: 0.5rem 1rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  color: #fff;
  background-color: var(--aero-40);
  border: none;
}

.boton-acepta1,
.boton-acepta2{
  display: none;
}

.boton-rechazar{
  display: flex;
  align-items: center;
  background-color: #d2d2d2 !important;
  color: var(--rose-80) !important;
}

#config {
  fill: var(--rose-80);
}

@media (max-width: 992px){
  .aviso{
    width: 100%;
    left: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
  }
  .aviso_texto{
    width: 100%;
    text-align: center;
  }
  .botones{
    width: 100%;
  }
}

@media (max-width: 578px){
  .botones button{
    font-size: 0.7rem;
    padding: 0.5rem;

  }
  .aviso{
    padding: 1rem 0;
  }
  .aviso_texto{
    font-size: 0.8rem;
  }
  .aviso_texto p{
    margin-bottom: 1rem;
  }

}




/*******************
* navbar
*******************/

.movil {
  display: none;
}

.navbar {
  height: auto;
  background-color: #fff !important;
}


.boton-navbar {
  font-size: calc(var(--tamanio-fuente) * 1.2rem);
  border: 1px solid var(--aero-40);
  border-radius: 2rem;
  margin-top: 0.9vh;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  padding: 0.5rem 2rem !important;
  margin-right: 1.5vmin;
  margin-left: 1vmin;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  font-family: 'corbel';
  font-variant-numeric: lining-nums;
}
.contacto {
  color: var(--aero-40);
}
.contacto:hover {
  color: #fff;
  background-color: var(--aero-40);
}

.nav-items  {
  font-size: calc(var(--tamanio-fuente) * 1.7rem);
  display: inline-block;
  position: relative;
  color: var(--rose-80);
  font-weight: 500;
  text-decoration: none;
  }
  
  .nav-items:after {
  content: "";
  display: block;
  margin: auto;
  height: 2px;
  width: 0px;
  transition: all .8s;
  }
  .nav-items:hover:after {
  width: 100%;
  background: #333;
  }
  


  .dropdow-item{
    font-size:22px;
    color: var(--rose-80);
  }

  .dropdown-item:hover{
   
    background-color: none;
   
  }
.dropdown-menu{
  width: 30vh;
  border:2px solid white;
}
 .nav-drop {
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color:var(--aero-40)
}
.nav-drop a{
  color:var(--aero-40);
}


.telefono-navbar {
  color: #fff;
  background-color: var(--aero-40);
}
.telefono-navbar:hover {
  color: var(--aero-40);
  background-color: transparent;
}

.logo-marca {
  position: relative;
  left:45vmin;
}
.imagen-logo{
  width: 200%;
  margin: 0.5rem 0;
}

@media (min-width: 2000px){
  .logo-marca{
    left: 70vmin;
  }
}

@media (max-width: 1500px){
  .logo-marca{
    left: 65vmin;
  }
}
@media (max-width: 1400px){
  .imagen-logo{
    width: 150%;
  }
  .logo-marca{
    left: 70vmin;
  }
}


@media (max-width: 1300px) {
  .logo-marca {
    left: 55vmin;
  }
}

@media (max-width: 1200px){
  .logo-marca{
    left: 40vmin;
  }
}

@media (max-width: 992px) {
  .desktop {
    display: none;
  }
  .movil {
    display: block;
  }
  .logo-marca {
    position: inherit;
  }
  .boton-navbar {
    width: fit-content;
  }
  .navbar .boton-navbar:first-child {
    margin-bottom: 1rem;
  }
}

@media (max-width: 600px){
  .imagen-logo{
    width: 150%;
  }
  .boton-navbar{
    font-size: calc(var(--tamanio-fuente) * 1.8rem);
  }
  .nav-items{
    font-size: calc(var(--tamanio-fuente) * 3rem);
  }
}

/*******************
* inicio
*******************/

.dos-columnas-inicio {
  margin-top: 15vmin;
  display: flex;
  align-items: center;
}

.imagen-izquierda {
  width: 50%;
  
}
.imagen {
  width: 100%;
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
}
.texto-derecha {
  margin-left: 15vmin;
  width: 30%;
}

.titulo-principal {
  color: var(--rose-80);
  font-size: calc(var(--tamanio-fuente) * 6rem);
  font-weight: 700;
  line-height: 0.8;
  margin-bottom: 2rem;
}
.subtitulo-principal {
  font-size: calc(var(--tamanio-fuente) * 2.4rem);
  color: var(--aero-40);
  line-height: 1;
}

@media (min-width: 2000px) {
  :root {
    --tamanio-fuente: 1.4;
  }
  .texto-derecha {
    width: 40%;
  }
}

@media (min-width: 2200px) {
  :root {
    --tamanio-fuente: 1.6;
  }
  .texto-derecha {
    width: 35%;
  }
}

@media (max-width: 1500px) {
  :root {
    --tamanio-fuente: 0.78;
  }
}

@media (max-width: 1400px) {
  .texto-derecha {
    width: 35%;
  }
  .imagen-izquierda {
    width: 45%;
  }
}

@media (max-width: 1200px) {
  :root {
    --tamanio-fuente: 0.65;
  }
}

@media (max-width: 992px) {
  .dos-columnas-inicio {
    flex-direction: column-reverse;
    margin-top: 30vmin;
  }
  .texto-derecha {
    width: 90%;
    margin-left: 0;
  }
  .imagen-izquierda {
    width: 90%;
  }
  #inicio .imagen{
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
  }
  #inicio .imagen-quienes-somos{
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
  }
}

@media (max-width: 600px) {
  :root {
    --tamanio-fuente: 0.55;
  }
  .imagen-izquierda {
    width: 100%;
  }
  #inicio .imagen{
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
  }
  #inicio .imagen-quienes-somos{
    border-radius: unset;
    -webkit-border-radius: unset;
    -moz-border-radius: unset;
    -ms-border-radius: unset;
    -o-border-radius: unset;
  }
  p{
    font-size: calc(var(--tamanio-fuente) * 2.4rem);
  }
  
  h3{
    font-size: calc(var(--tamanio-fuente) * 3.6rem);
  }
 
}
@media (max-width: 390px) {
  .imagen-quines-somos{
    width:70%
  }
}

/*********************
* quienes somos
*********************/
#quienes-somos {
  margin-top: 15vmin;
  margin-bottom: 15vmin;
}
#quienes-somos2 {
  margin-top: 10vmin;
  margin-bottom: 2vmin;
}


.dos-columnas {
  display: flex;
  align-items: center;
}

.dos-columnas .titulo-h2:last-child {
  margin-left: 10vmin;
}
#quienes-somos .texto-derecha {
  width: 43%;
  margin-left: 0;
}
.texto-derecha p {
  color: var(--aero-40);
  font-size: calc(var(--tamanio-fuente) * 2rem);
}
#quienes-somos .dos-columnas {
  margin: 0 auto;
  width: 80%;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  background-color: var(--aero-05);
  padding: 5rem 2rem;
  justify-content: space-around;
}

#quienes-somos .boton {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1rem;
}

@media (min-width: 2000px) {
  #quienes-somos .container {
    max-width: 1750px;
  }
  #quienes-somos .dos-columnas {
    width: 100%;
  }
}

@media (max-width: 600px) {
  #quienes-somos .dos-columnas {
    flex-direction: column;
    width: 90%;
  }
  #quienes-somos .texto-derecha {
    width: 90%;
  }
}

hr {
  size: 2px;
  margin: 0 auto 10vmin auto;
}

/*************************
* diferentes aplicaciones
**************************/
#diferentes-aplicaciones {
  margin-bottom: 15vmin;
}
#diferentes-aplicaciones .tres-columnas {
  display: flex;
  gap: 20px;
}
#diferentes-aplicaciones .columnas {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  padding: 20rem 5rem 2rem 5rem;
  margin-top: 5vmin;
}

#diferentes-aplicaciones .columna1 {
  background-image: url('/assets/img/Calefaccion.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#diferentes-aplicaciones .columna2 {
  background-image: url('/assets/img/Acs.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

#diferentes-aplicaciones .columna3 {
  background-image: url('/assets/img/Refrigeracion.webp');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.formulario-global {
  margin-top: 5vmin;
  background-color: var(--aero-05);
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  padding: 4rem 2rem 0 2rem;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.formulario-izquierda {
  width: 35%;
  margin-bottom: 4vmin;
}
.formulario-izquierda .titulo-h2 {
  line-height: 1.2;
  text-align: end;
}
.formulario-izquierda p {
  color: var(--aero-40);
  text-align: right;
  width: 80%;
  margin-left: auto;
  margin-right: 3vmin;
}

.formulario-derecha {
  background-color: #fff;
  padding: 2rem 2rem;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  height: 35vmin;
  margin-right: 5vmin;
}

.etiqueta-formulario {
  color: var(--aero-40);
}

.etiqueta-check {
  font-family: "corbellight";
  color: var(--aero-40);
}

input {
  margin-bottom: 2vmin;
}

.input_nombre {
  background-color: transparent;
  border: transparent;
  border-bottom: var(--aero-20) 0.5px solid;

  color: var(--aero-40);

  outline: none;

  width: 100%;

  font-family: 'corbel';
  font-variant-numeric: lining-nums;
}

.input_telefono {
  background-color: transparent;
  border: transparent;
  border-bottom: var(--aero-20) 0.5px solid;

  color: var(--aero-40);

  outline: none;

  width: 100%;

  font-family: 'corbel';
  font-variant-numeric: lining-nums;

}

.formulario-derecha .boton-contacto {
  position: relative;
  top: 2vmin;
}

@media (min-width: 2000px) {
  .formulario-izquierda {
    width: 47%;
  }
}
@media (min-width: 2400px) {
  .formulario-derecha .boton-contacto {
    top: 5vmin;
  }
  .formulario-izquierda{
    width: 42%;
  }
}


@media (max-width: 1500px) {
  .formulario-derecha {
    height: 38vmin;
  }
  .formulario-izquierda{
    width: 40%;
  }
}

@media (max-width: 1400px) {

  #diferentes-aplicaciones .columnas{
    padding-right: 2rem;
    padding-left: 2rem;
  }

  .formulario-derecha {
    height: 44vmin;
  }
}
@media (max-width: 1300px){
  .formulario-izquierda{
    width: 45%;
  }
}

@media (max-width: 1100px) {
  .formulario-izquierda{
    margin-bottom: 0;
    width: 50%;
  }
  .formulario-global {
    padding: 2rem;
  }
  .formulario-derecha {
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    -ms-border-radius: 2rem;
    -o-border-radius: 2rem;
    margin-right: 0;
    margin-left: 8vmin;
  }
}

@media (max-width: 992px) {
  .formulario-izquierda .titulo-h2 {
    line-height: 0.7;
  }
  .formulario-izquierda p{
    width: 90%;
  }
  .formulario-izquierda{
    width: 30%;
  }
}

@media (max-width: 600px) {
  #diferentes-aplicaciones .tres-columnas {
    flex-direction: column;
  }
  #diferentes-aplicaciones .columnas{
    padding-top: 10rem;
  }
  .formulario-global {
    flex-direction: column;
  }
  .formulario-izquierda {
    width: 90%;
  }
  .formulario-izquierda .titulo-h2{
    text-align: start;
  }
  .formulario-izquierda p {
    width: 90%;
    text-align: left;
    margin-right: 0;
    margin-left: 0;
  }
  .formulario-derecha {
    height: fit-content;
    margin-left: 0;
  }
  .formulario-derecha .boton-contacto {
    margin-top: 2vmin;
  }
}

/**********************
* beneficios
**********************/
#beneficios .subtitulo-principal {
  color: var(--terra-30);
}
.cuatro-columnas {
  display: flex;
  gap: 20px;
  margin-top: 10vmin;
}
#beneficios .cuatro-columnas{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.cuatro-columnas p {
  color: var(--rose-80);
  margin-top: 2vmin;
}
.cuatro-columnas .columna {
  border-left: 1px solid var(--terra-30);
  padding: 0 3rem;
}
.cuatro-columnas .columna:last-child {
  border-right: 1px solid var(--terra-30);
}

.icono {
  width: 25%;
}

@media (max-width: 992px){
  .cuatro-columnas .columna{
    padding: 0 1rem;
  }
}

@media (max-width: 600px) {
  .cuatro-columnas {
    flex-direction: column;
  }
  .cuatro-columnas .columna {
    border-right: 1px solid var(--terra-30);
  }
}

/************************
* independencia energetica
************************/
#independencia-energetica {
  margin-top: 10vmin;
}

#independencia-energetica .titulo-h2 {
  line-height: 0.8;
}

#independencia-energetica .imagen-izquierda{
  width: 40%;
  margin-left: 5vmin;
}

.lista-guiones {
  margin-top: 5vmin;
  font-size: calc(var(--tamanio-fuente) * 2.4rem);
  color: var(--aero-40);
  font-family: "corbellight_italic";
  line-height: 1;
  list-style-type: circle;
}
.lista-guiones > li{
  margin-bottom: 1rem;
}
.lista-guiones > li:last-child{
  margin-bottom: 0;
}

#independencia-energetica .imagen {
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}

@media (max-width: 992px){
  #independencia-energetica .imagen-izquierda{
    margin-left: 0;
    width: 60%;
    margin-right: 10vmin;
  }
}

@media (max-width: 600px) {
  #independencia-energetica .dos-columnas {
    flex-direction: column-reverse;
  }
  #independencia-energetica .imagen-izquierda{
    margin: 0;
    width: 90%;
  }
}

/**************************
* mejores marcas
**************************/

#mejores-marcas {
  margin-top: 10vmin;
  text-align: center;
}
#mejores-marcas .subtitulo-principal {
  margin-top: 4vmin;
  width: 40%;
  color: var(--terra-30);
  margin-left: auto;
  margin-right: auto;
}
.seis-columnas {
  display: flex;
  gap: 100px;
  margin-top: 10vmin;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 5vmin;
}

.seis-columnas .columna{
  width: 20%;
  display: flex;
  align-items: center;
}


@media (max-width: 992px){
  #mejores-marcas .subtitulo-principal{
      width: 60%;
  }
}

@media (max-width: 600px){

  #mejores-marcas .subtitulo-principal{
    width: 90%;
  }
  .seis-columnas .columna{
    width: 45%;
  }
  .seis-columnas{
    gap: 20px;
  }

}


/************************
* preguntas frecuentes
************************/
.faq {
  display: flex;
  justify-content: space-evenly;
  background-color: var(--aero-05);
  padding: 3rem;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
  gap: 40px;
}
.faq-izquierda {
  width: 80%;
  background-image: url('/assets/img/FAQS.webp');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  -ms-border-radius: 2rem;
  -o-border-radius: 2rem;
}
.faq-izquierda .titulo-h2 {
  width: 60%;
  margin-left: auto;
  margin-right: 5vmin;
  margin-top: 5vmin;
}
.faq-derecha {
  width: 80%;
}

.acordeon {
  min-width: 310px;
  max-width: 100%;
  margin: 10px auto;
  /* padding: 50px 0; */
}

.faq hr {
  border: 1px solid var(--aero-40);
  width: 100%;
  margin: unset;
}

.acordeon h3 {
  position: relative;
  padding: 10px 0;
  cursor: pointer;
  margin: 0;
  font-size: calc(var(--tamanio-fuente) * 2.4rem);
  width: 90%;
  font-weight: 700;
  display: flex;
  align-items: center;
}

.acordeon-cuerpo {
  position: relative;
  overflow: hidden;
  display: none;
  padding: 20px;
  width: 85%;
}

.acordeon-cuerpo .row {
  align-items: center;
}

.etiqueta-acordeon {
  left: 20px;
}
.etiqueta-acordeon::before {
  content: "+";
  position: absolute;
  left: 75vmin;
  transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -ms-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
}

.etiqueta-acordeon.abierto::before {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}

@media (min-width: 2000px){
  .etiqueta-acordeon::before{
    left: 65vmin;
  }
  .faq-izquierda .titulo-h2{
    width: 70%;
  }
}

@media (min-width: 2400px){

  .etiqueta-acordeon::before{
    left: 68vmin;
  }
}


@media (max-width: 1500px){
  .etiqueta-acordeon::before{
    left: 67vmin;
  }
  .acordeon h3{
    display: flex;
    align-items: center;
  }
}

@media (max-width: 1400px){
  .etiqueta-acordeon::before{
    left: 75vmin;
  }
  .faq-izquierda .titulo-h2{
    margin-right: 12vmin;
  }
}

@media (max-width: 992px){
  .etiqueta-acordeon::before{
    left: 35vmin;
  }
}

@media (max-width: 600px) {
  .etiqueta-acordeon {
    left: 0;
    text-align: left;
  }
  .etiqueta-acordeon::before {
    display: none;
  }
  .faq{
    flex-direction: column;
    padding: 2rem 2rem;
  }
  .faq-izquierda{
    width: 100%;
    height: 45vmin;
  }
  .faq-izquierda .titulo-h2{
    width: 100%;
    margin: 5vmin 0 0 0;
    text-align: center;
  }
  .faq-derecha{
    width: 100%;
  }
  .acordeon h3{
    width: 90%;
    font-size: calc(var(--tamanio-fuente) * 3rem);
  }
}



/***************
* footer
***************/
footer{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 35vh;
  margin-top: 10rem;
  background-color: var(--aero-10);
  z-index: 10;
}
 .footer-original{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  height: 15vh;
  margin-top: 10rem;
  background-color: var(--aero-10);
  z-index: 10;

}
.otros2{
  display: flex;
}
.footer-izquierda p{
 
  margin-top: 2vh;
  margin-left: 2vh;
  text-align: center;
  
  font-size: calc(var(--tamanio-fuente) * 1.2rem);
}
.footer-derecha{
  display: flex;
  text-align: center;
}
.footer-derecha .enlaces{
  margin-left: 3vmin;
  
  font-family: 'corbellight';
  font-size: calc(var(--tamanio-fuente) * 1.2rem);
}
.footer-derecha .enlaces:last-child{
  margin-right: 0;
}
.enlace-footer{
  text-decoration: none;
  color: var(--rose-80);
}

@media (max-width: 600px){
  .footer-izquierda{
    width: 35%;
  }
  .footer-derecha .enlaces{
    width: 30%;
    margin-right: 1vmin;
  }
  .footer-derecha{
    align-items: center;
  }
  footer{
    margin-top: 5rem;
  }
}

/**********************
* redes sociales
**********************/

.redes-sociales{
  display: flex;
  justify-content:end;
  margin-top: 3vmin;
  width: 42%;
  gap: 30px;
}

.icono-redes{
  width: 200%;
  
}



.facebook:hover .fil1{
  fill: #0866FF;
}
.instagram:hover .fil1{
  fill: #fd4dd7;
}
.whatsapp:hover .fil1{
  fill: #25d366;
}

@media (max-width: 992px){
  .redes-sociales{
    width: 100%;
    gap: 0;
    justify-content: space-evenly;
  }
  .icono-redes{
    width: 100%;
  }
}




/*************************
* contacto
*************************/

#contacto{
  min-height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#contacto footer{
  position: absolute;
  bottom: 0;
}

#contacto-formulario{
  padding-top: 15vmin;
}


@media (max-width: 578px){

  #contacto .formulario-izquierda .titulo-h2{
    font-size: 3rem;
  }
  #contacto footer{
    /* margin-top: 0; */
    margin-bottom: 0;
    position: inherit;
  }
}

@media (max-width: 375px){
  #contacto-formulario{
    min-height: 100vh;
    
  }

}




/************************
* gracias
************************/
#gracias{
  position: absolute;
  bottom: 0;
}
.gracias{
  margin-top: 30vmin;
  text-align: center;
}

.gracias p{
  margin-bottom: 5vmin;
}

.gracias .telefono-navbar{
  margin-right: 0;
  text-decoration: none;
}


/************************
* footer contacto movil
************************/

.footer-contacto{
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  position: sticky;
  bottom: 0;
  background-color: #fff;
  display: none;
  z-index: 1000;
}
.enlace-footer-contacto{
  font-family: 'corbel';
  text-decoration: none;
}

@media (max-width: 600px){
  .footer-contacto{
    display: flex;
    padding: 0.5rem 0;
  }
  .enlace-footer-contacto.boton-navbar{
    margin-right: 0;
    font-size: calc(var(--tamanio-fuente) * 2rem);
  }
}


/**************************
* carrusel instalaciones
**************************/
#carrusel-instalaciones .titulo-h2{
  text-align: center;
}

.carrusel{
  margin-top: 5vmin;
  margin-bottom: 5vmin;
}

.item{
  opacity: .2;
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transform: scale3d(0.8, 0.8, 1);
  -moz-transform: scale3d(0.8, 0.8, 1);
  -ms-transform: scale3d(0.8, 0.8, 1);
  -o-transform: scale3d(0.8, 0.8, 1);
  transition: all 0.3s ease-in-out;
}

.owl-item.active.center .item {
  opacity: 1;
  transform: scale3d(1.0, 1.0, 1);
  -webkit-transform: scale3d(1.0, 1.0, 1);
  -moz-transform: scale3d(1.0, 1.0, 1);
  -ms-transform: scale3d(1.0, 1.0, 1);
  -o-transform: scale3d(1.0, 1.0, 1);
}

.efecto-sombra{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.imagen-aerotermia{
  width: 100%;
}

.imagen-aerotermia .imagen{
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  
}

.texto-aerotermia{
  text-align: center;
  background-color: var(--aero-05);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 10px 0;
  margin-top: 20px;
}


.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
  transform: translate3d(0px, -50%, 0px) scale(0.7);
}

.owl-carousel .owl-dots {
  display: inherit;
  width: 100%;
  text-align: center;
  margin-top: 2%;
}

.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
}

.owl-carousel .owl-dots .owl-dot span {
  background: var(--aero-10);
  display: inline-block;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  margin: 0 2px 5px;
  transform: translate3d(0px, -50%, 0px) scale(0.3);
  transform-origin: 50% 50% 0;
  transition: all 250ms ease-out 0s;
  -webkit-transform: translate3d(0px, -50%, 0px) scale(0.3);
  -moz-transform: translate3d(0px, -50%, 0px) scale(0.3);
  -ms-transform: translate3d(0px, -50%, 0px) scale(0.3);
  -o-transform: translate3d(0px, -50%, 0px) scale(0.3);
}

@media (min-width: 700px) and (max-width: 790px){
  .efecto-sombra{
    width: 65%;
  }
}

@media (max-width: 578px){
  #instalaciones .efecto-sombra{
    margin-bottom: 10vmin;
  }
}


/***************************
* carrusel reseñas
***************************/
#carrusel-resenias .titulo-h2{
  text-align: center;
}

#resenias .efecto-sombra{
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}

.texto-resenia{
  text-align: center;
}

.nombre-resenia{
  text-align: center;
}

#resenias .nombre-resenia h3{
  color: var(--aero-40);
}

@media (max-width: 578px){
  #resenias .efecto-sombra{
    width: 100%;
  }
}





/*Articulos footer*/
.col-listas-footer {
  display: flex;
  margin-top: 5vh;
}
.col-listas-footer ul{
  list-style-type: none;
  font-size: 20px;
}
.col-listas-footer a{
  text-decoration: none;
  color:var(--aero-40);
}

.col-listas-footer b{
  color: var(--rose-80);
  font-size: 20px;
}

.col-listas-footer a:hover{
  color:var(--rose-80);
}

.otros{
  height: 10vh;
}


.enlacesPie {
  background: #ffffff;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: fit-content;
  padding: 1rem 0;
}
.left {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  align-items: center;
  width: 45vw;
}

  .col.pie2{
 display: flex;
}
.blanco-pie{
  display: flex;
  justify-content: center;
  margin-top: 2vh;
  height: 5vh;
  background-color: white;
}


@media(min-width:540px){
 
  .blanco-pie{
    text-align: center;
  }
  
 
  
  }
  @media(max-width:412px){
    
    .p-copy{
      font-size: 14px;
      margin: auto;
      padding: auto;
     
  
    }
   
    
    }
    @media(max-width:360px){
      footer{
        
        margin: auto;
        padding: 15%;
      }
      .blanco-pie{
        text-align: center;
      }
      
      .p-copy{
        font-size: 14px;
        margin: auto;
        padding: auto;
       
    
      }
   
     
      
      }
      @media(max-width:375px){
        footer{
          height: 60vh;
         
          margin: auto;
          padding: 10%;
        }
        .blanco-pie{
          text-align: center;
        }
     
        .p-copy{
          font-size: 14px;
          text-align: start;
          margin: auto;
          padding: auto;
         
      
        }
        
        }
      
      @media(max-width:430px){
        
     
        .p-copy{
          font-size: 14px;
          text-align: start;
          margin: auto;
          padding: auto;
         
      
        }
        
        }