/*Imagen portada*/

.col-columnas{
  display:flex;
}




/*Autoconsumo Energetico*/
/*Responsive primer bloque*/
@media (max-width: 1000px){
  .container{
    height: 100%;

  }
  .card-ajustes{
    width: 50%;
    height: 0%;
  }
    
  
  }

  
  


  /******************
* miga de pan
******************/
.breadcrumb {
 
  margin-top: 3rem;

}
.breadcrumb a {
  color:  #1B4476;
}
.container2{
  display: flex;
  justify-content: center;
  margin-right: 12%;
 
}
 


  .titulo-h1{
    margin-top: 0px;
  }
  .pan a{
    text-decoration: none;
    color:#32659D;
    
  }
  .pan activo{
    color:black;
    text-decoration:overline;
    font-weight: bolder;

  }
  .col p{
    font-size: 15px;
  }
  .col .titulo{
    font-size: 22px;

  }

  p.precio{
    color: #0A1643;
    font-size: 20px;
  }
  .bi.bi-house-door-fill {
    color: var(--intermedio-oscuro);
  
}


/*primer bloque de cajas*/


.card-personalizada{
    width:100%;
    height: 100%;
    
    
}
.card-personalizada img{
    width: 100%;
    
    
}
.iconos-text{
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: auto;

}
.iconos-text p{
  font-size: 15px;
}
.iconos-text img{
margin: auto;
padding: auto;

}
/*segundo bloque de cajas*/
.titulo-cajas{
    padding-top: 15px;
    padding-bottom: 40px;
    text-align: center;
    font-weight: bolder;
    color:black;
}
.bloque2{
    margin-top: 50px;
   
}

.caja-estilo{
    height: 100%;
    border: 2px solid black;
    border-radius: 20px;
    margin-bottom: 20;
    text-align: center;
    padding: 15px;
}
.cajas-enlace{
    color:black;
    font-weight: bolder;
    text-decoration: none;
}
.div-icon {
 
    width: 80px;
    height: 80px;
    border:3px solid black;
    border-radius:50%;
    transform: translateY(-70%);
    background-color:white;
    margin-left: auto;
    margin-right: auto;
}
.iconos{
    width:50px;
    height:70px; 
  
}


@media (max-width: 578px){
  .iconos{
    width: 100%;
    height: auto;
  }
  .div-icon{
    
    height: auto;
    width: 25%;
  }
 
  .card-title{
    font-size: 14px;
  }
  .card-body{
    font-size: 10px;
  }
 
}


/*Foto fondo*/
.banner-image {
    background-image: url("/assets/img/instalaciones/villaluenga.webp");
    /* background-color: #cccccc; */
    /* height: 500px; */
    /* background-color: white; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2rem 0;
    /* position: relative; */
    
  }

  .fondo-blanco{
    background: #fff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
  }
  
  .banner-text {
    width: 85%;
    height: 50%;
    border: 2px solid white;
    border-radius: 30px;
    text-align: center;
    position: absolute;
    margin:auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:black;
    background-color: white;
  }

  .banner-text2{
   
    text-align: center;
  }

  .botones-banner{
    width: 40%;
    display: flex;
    justify-content: center;

  }

  .botones-banner p{
    color:#32659D;
    font-weight: bolder;
  }
  .botones-banner button{
    font-size: 10px;
  }

.btn-telefono{
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    text-align: center;
    border: 2px solid white;
    background-color:#32659D;
    color: white;
    
}
.btn-telefono:hover{
    background-color: white;
    color:#32659D;
    border: 2px solid black;
    
}

.btn-presupuesto{
  margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    text-align: center;
    border: 2px solid #32659D ;
    background-color:white;
    color: #32659D;
    font-weight: bolder;
    font-size: 20px;

}

.btn-presupuesto:hover{
  background-color:#32659D;
  color:white;
}


  .pie-banner{
    display:flex;
    justify-content: end;
    align-items: center;
    margin-top: 20px;
    
    
  }

  .texto-banner{
    margin-top: 5px;
    display: flex;
    justify-content: center;
    text-align: center;
   
  }
  .iconos-text img{
    width: 40%;
  }

  .lista-adver{
    list-style-type: none;

  }
 
  .lista-adver > li::before{
    display: inline-block;
    content: '';
    width: 2rem;
    height: 2rem;
    background-image: url("../img/iconos/ICON_advertencia.svg");
    background-size: cover;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 5px;

  }
  .lista-adver li{
    font-size: 13px;
  }


  

  


/*Formulario*/

 
 .formu-articulos{
    width: 130%;
 }
 .form-img{
    width: 100%;
    margin-left: 150px;
    padding: 20px;
 }


 /*Responsive*/
 @media (min-width: 390px) {
  .fondo-blanco{
    height: auto;
  }

 .botones-banner{
  width: auto;
 }
 .botones-banner button{
  font-size: 15px;

 }
 .texto-banner{
  width: auto;
  margin:auto;
  font-size: 12px;
 
 }
 .icons-text{
  
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: auto;
  margin-top: 20px;
  width: 18%;
  
 
  
 }


 .text-icons p{
  padding: auto;
  margin: auto;
  text-align: center;
  font-size: 12px;

 }
 .pie-banner p{
  font-size: 10px;
 }
 .form-img{
  margin: auto;
  width: 40%;
 }
 .formu{
  width: 80%;
  margin: auto;
 }

 .lista-adver li{
  text-align: center;
  font-size: 10px;
  padding: 10px;
 }
 .boton2{
  font-size: 10px;
  
 }
} 

@media (min-width: 375px) {
  .fondo-blanco{
    height: auto;
  }

 .botones-banner{
  width: auto;
 }
 .boton2{
  height: 5%;
  
 }
 .texto-banner{
  width: auto;
  margin:auto;
  font-size: 12px;
 
 }
 .icons-text{
  
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin: auto;
  margin-top: 20px;
  width: 18%;
  
 
  
 }
 .col-3 {
  margin: auto;
  margin-left: 7%;
  padding: auto;
  
  
  

 }
 
 


 .text-icons p{
  padding: auto;
  margin: auto;
  text-align: center;
  font-size: 12px;

 }
 .pie-banner p{
  font-size: 10px;
 }
 .form-img{
  margin: auto;
  width: 40%;
 }
 .formu{
  width: 80%;
  margin: auto;
 }

 .lista-adver li{
  text-align: center;
  font-size: 10px;
  padding: 10px;
 }
 .boton2{
  font-size: 10px;
  
 }
} 

@media (min-width:1024px) {
  .form-img{
    margin: auto;
    width: 70%;
   }

  
}

 @media (min-width:734px) {
  .btn-presupuesto{
    width: 120%;
    font-size: 8px;
    padding: auto;
    margin: auto;
  }
  .btn-telefono{
    width: 120%;
    font-size: 8px;

  }
  .texto-banner{
    width: 100%;
    font-size: 8px;
   

  }
  .text-derecha{
    width: 120%;
  }
  
  .iconos-text{
    width: 100%;
  }

  
}

@media (min-width:390px) {
  .fondo-blanco{
    text-align: center;
    padding: auto;
  }

  .botones-banner{
    width: auto;
    height: auto;
    
    
    
    
  }

 
  
  .texto-banner p{
    width: 100%;
    font-size: 12px;
    
   

  }
  

  .iconos-text{
    width: 100%;
    font-size: 2px;
    padding: auto;
  }
  .iconos-text p{
    font-size: 10px;
  }
  .iconos-text img{
    width: 100%;
    margin: auto;
    padding:auto;
   
  }
  .text-derecha{
    width: 120%;
  }
  
  .iconos-text{
    width: 100%;
  }
  .pie-banner p{
    font-size: 8px;

  }

  
}

@media (min-width:375px) {
  .fondo-blanco{
    text-align: center;
    padding: auto;
  }

  .botones-banner{
    width: auto;
    height: auto;
    
    
    
    
  }

 
  
  .texto-banner p{
    width: 100%;
    font-size: 12px;
    
   

  }
  

  .iconos-text{
    width: 100%;
    font-size: 2px;
    padding: auto;
  }
  .iconos-text p{
    font-size: 10px;
  }
  .iconos-text img{
    width: 100%;
    margin: auto;
    padding:auto;
   
  }
  .text-derecha{
    width: 120%;
  }
  
  .iconos-text{
    width: 100%;
  }
  .pie-banner p{
    font-size: 8px;

  }

  
}


@media(min-width:1017px){
  .form-img{
    margin: auto;
    width: 90%;
   }
}
@media(min-width:320px){
  .form-img{
    margin: auto;
    width: 90%;
   }
   .formu{
    margin: auto;
    width: 100%;
   }
}

@media(min-width:320px){
 .botones-banner{
  width: 100%;
  

 }
 .col-3{
  width: 30%;

 }
 .col-3 p{
  font-size: 10px;
  padding-left: auto;
 }
 .pie-banner p{
  font-size: 10px;
 }
 .col-6{
  
  display: flex;
  width: 100%;
  margin: auto;
  margin-bottom: 15%;
  
  gap: 50px;
  

 }
 .titulo1{
  font-size: 20px;
  color:#0A1643;

 }

 }



 
 

  


/*Tipos de autoconsumo*/
/*Banner energía*/


 p.titulo-energia{
  font-size: 28px;
  font-weight: bolder;
  color: white;
  margin: auto;
  margin-left:10px;
  
}
p.parrafo-energia{
  font-size: 18px;
  font-weight: bolder;
  color: white;
  margin: auto;
  margin-left: 12px;

}
.botones-energia{
  width: 40%;
  font-size: 22px;
 
  
}

.boton-presupuesto2{
  background: #26CCE6;
  border: none;
  color: #FFFFFF;
  padding: 1rem 2rem;
  width: 100%;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 5px 5px 0 0 #1B4476;
}


.enlace-navbar2:hover{
  background-color:white;

}



.enlace-navbar2{
  text-decoration: none;
  padding: 0.5rem 2rem;
  background-color: #fff;
  color: #1B4476;
  font-size: calc(var(--subtitulo) - 1.2rem);
  font-weight: 600;
  border: 1px solid #1B4476;
 

}

.enlace-navbar2:hover{
  background-color: #1B4476;
  color:#fff;
  
}


.recuadro-provincias{
  
 
  width: 100%;
  height: auto;
  margin: auto;
  border: 1px solid #D8E8F7;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  /* padding: 1rem 2rem; */

}

 

.recuadro-provincias:hover{
  border: none;
  box-shadow: 0 0 5px 5px #D8E8F7;
  border: 1px solid #D8E8F7;
}



.bloque3{
  display: flex;
  justify-content: space-around;
  
  
}

.container3{
  width: 80%;
  height: 100px;
  display: flex;
  justify-content: space-evenly;
  padding: auto;
  margin: auto;
  
  
}


.container3 button {
  width: 80%;
  border:2px solid white;
  border-radius: 20px;
  color:white;
  background-color:  #1B4476;
}
.container3 a{
  text-decoration: none;
  color:#fff;
}

.titulo-provincias{
  text-align: center;
  font-size: 28px;
  color:#0A1643
}
.parrafo-provincias{
  text-align: center;
  font-size: 18px;

}

.presupuesto{
  margin-bottom: 40px;
  margin-top: 40px;
}





/*******************
* formulario
*******************/



.div-boton-presupuesto{
  margin: auto;
}
.boton-presupuesto2 {
 
  font-weight: 400px;
 
 
  background: linear-gradient(90deg, #244881, #2a92bc);
  border-radius: 10px;
  border: none;
  color: #ffffff;
  padding: 0.5rem 1rem !important;
  transition: 0.5s;
  text-decoration: none;
  box-shadow: 2px 2px 5px 1px var(--silicio);
}

.boton-presupuesto3 {
 
 
  background: linear-gradient(90deg, #244881, #2a92bc);
  border-radius: 10px;
  border: none;
  color: #ffffff;
  padding: 0.5rem 1rem !important;
  transition: 0.5s;
  text-decoration: none;
  box-shadow: 2px 2px 5px 1px var(--silicio);
}
.boton-presupuesto2:hover {
  color: #ffffff;
  text-decoration: underline;
}

.boton-presupuesto2:hover {
  color: #ffffff;
  text-decoration: underline;
}

.formulario-global2 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  margin-bottom: 2rem;
  
}

.formulario-izquierda2 {
  width: 40%;
}




.formulario-derecha2{
  width: 100%;
  height: auto;
  margin: auto;
  border: 1px solid #D8E8F7;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  /* padding: 1rem 2rem; */

}
.formulario-derecha2:hover{
  border: none;
  box-shadow: 0 0 5px 5px #D8E8F7;
  border: 1px solid #D8E8F7;
}

  
 
  



.logo-formulario {
  width: 100%;
}
.formulario-derecha2 {
  width: 50%;
}
.formulario2 {
  margin-top: 1rem;
  background-color: #fff;
  border-radius: 10px;
  padding: 2rem 4rem;
  transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.formulario2:hover {
  box-shadow: 2px 2px 30px 5px var(--gris-kaylon-50);
}

.input_nombre {
  background-color:transparent;
  border: transparent;
  border-bottom: #244881 0.5px dotted;
  color:#244881;
  outline: none;
  width: 100%;
  margin-bottom: 1rem;
}
.input_telefono {
  background-color: transparent;
  border: transparent;
  border-bottom: #244881 0.5px dotted;
  color: #244881;
  outline: none;
  width: 100%;
  margin-bottom: 1rem;
}
.etiqueta-formulario2 {
  color: #244881;
  font-weight: 600;
}

.formulario-derecha2 .etiqueta-formulario:last-child{
  font-size: 0.8rem;
}

.enlace-check {
  color: inherit;
}
.boton-formula {
  margin-top: 1rem;
}

@media (max-width: 600px) {
  .formulario-izquierda2 {
    display: none;
  }
  .formulario-derecha2 {
    width: 90%;
  }
  .formulario2 {
    padding: 2rem;
  }
  .formulario-derecha2 .etiqueta-formulario2:last-child{
    font-size: 0.7rem;
  }
  
}

@media (min-width:390px){
 .titulo-energia{
  font-size: 18px;
 }
 .parrafo-energia{
  font-size: 15px;
 }

}

.esquema-autoconsumo{
  width: 90%;
  margin-bottom: 15px;
}

.div-boton2{
  display: flex;
  justify-content: center;
}
.subtitulo-recuadro2{
  margin-bottom: 20px;
}

.recuadro2{
  width: 100%;
  margin: 5vmin auto 5vmin auto;
  border: 1px solid #D8E8F7;
  border-radius: 1rem;
  background-image: url("../img/ALAVA_BIG.webp");
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  padding: 1rem 2rem;
}
.recuadro2:hover{
  border: none;
  box-shadow: 0 0 5px 5px #D8E8F7;
  border: 1px solid #D8E8F7;
}







.imagen-izquierda2{
  width: 100%;
}

.recuadro-izquierda{
  display: flex;
  width: 100%;
  margin: 5vmin auto 5vmin auto;
 
  padding: 1rem 2rem;
}
.lista-p{
 text-align: end;
}



@media (min-width:390px){


  
  
  .texto-derecha{
  
   text-align: center;
    font-size: 10px;
  }

  .lista-p{
    text-align: center;
     font-size: 10px;
   }
}


@media (max-width:390px){
  .imagen-izquierda2{
    display: none;
  }
  .imagen2{
    display: none;

  }
  
}
.imagen2{
  margin: auto;
  width: 420px;
 

}

.row-iconos{
  display: flex;
  width: 60%;
}
.row-iconos p{
  font-size: 20px;
}


@media (max-width:390px){
 .row-iconos img{
  width: 80%;
 }
  
}

.boton2{
  display: flex;
  justify-content: center;
}

.imagen-inicio{
 width: 90%;
}



/*Que es el autoconsumo*/

/*Nuevo*/




.contenedor-foto{
  width: 100%;
 
}
.foto-fondo {
  width: 100%;
  height: 70vh;
  background-image: url("/assets/img/PLACAS2.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
  /* position: relative; */
  
}


.fondo-p{
  display: flex;
  justify-content: center;
  width: 550px;
  height: 70px;
  margin: auto;
  margin-top: 50px;
  padding: auto;
  text-align: center;
  background-color:#FFFFFF;
  
}
.foto-fondo h1{
  text-align: center;
}

.fondo-p p{
  
  font-size: 30px;
  font-weight: bold;
  color:#0A1643;
  margin-top: 10px;

}
.contenedor-foto2{
  width: 100%;
 
}

.foto-fondo2 {
  width: 100%;
  height: 70vh;
  background-image: url("/assets/img/PLACAS4.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
  /* position: relative; */
  
}

.boton-p{
  width: 350px;
  margin: auto;
  padding: auto;
  border:2px solid black;
  border-radius: 20px;
  background-color:white;
}







.text-banner .subtitulo{
  text-align: center;
}

.banner-image3 {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 60vh;
  background-image: url("/assets/img/casas-paneles.JPG");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
  
  
}
.banner-pie{
  width: 780px;
  text-align: center;
  margin: auto;
 
}

.banner-text3{
  text-align: center;
  margin-top: auto;
  padding: auto;
 
}
.banner-text3 p{
  color:#0A1643;
  margin: auto;
  font-weight: bolder;
  
  
}

.banner-text4{
  text-align: center;
  margin-top: auto;
  
}


.banner-text4 p{
  color:#0A1643;
  text-align: center;
  margin: auto;
  font-weight: bold;
  
  
}



.fondo-blanco3{

 
  width: 55%;
  height: 85%;
  margin: auto;
  padding: auto;
  border-radius: 20px;
  padding: 20px;
  text-align: center;
  background-color: #FFFFFF;
  text-align: center;
  font-size: 12px;
  
 
 
}

.fondo-blanco4{
  width: 55%;
  height: 85%;
  margin: auto;
  border-radius: 20px;
  padding: 20px;
  text-align: center;
  background-color: #FFFFFF;
  font-size: 10px;
 
 
}
.text-p2 p{
  display: flex;
  justify-content: center;
  text-align: center;
 
}

.texto-banner3{
  display: flex;
  justify-content: center;
  text-align: center;
  
}

.col-banner{
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;

  

 
 
}

.col-banner2{
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;
  padding: auto;
  

}




.cuadro-texto{
  display: flex;
  justify-content: center;
  text-align: center;
  margin-top: 80px;
}

.imagen3{
  width: 580px;
}


@media(max-width:390px){
  .fondo-p{
    width: 60%;
   
  }
  .fondo-p p{
    font-size:18px;
    margin: auto;

  }
  .foto-fondo{
    width: 100%;
    overflow: hidden;
  }
  .foto-fondo h1{
    font-size: 25px;
  }
 
  .col-banner2{
    width: 100%;
    display: block;
    margin-top: auto;
    padding: auto;
    
  }
  .col-banner2{
    font-size: 18px;
  }
  .fondo-blanco3{
    margin-top: 10px;

  }
  .banner-pie{
    width: 70%;
  }
 
   .familia {
   
    display: none;
    margin-bottom: 20%;
   
  }
  
}

@media(max-width:430px){
  .fondo-p{
    width: 60%;
   
  }
  .fondo-p p{
    font-size:18px;
    margin: auto;

  }
  .foto-fondo{
    width: 100%;
    overflow: hidden;
  }
  .foto-fondo h1{
    font-size: 25px;
  }
 
  .col-banner2{
    width: 100%;
    display: block;
    margin-top: auto;
    padding: auto;
    
  }
  .col-banner2{
    font-size: 18px;
  }
  .fondo-blanco3{
    margin-top: 10px;

  }
  .banner-pie{
    width: 70%;
  }
 
   .familia {
   
    display: none;
    margin-bottom: 20%;
   
  }
}

@media(max-width:820px){

  .fondo-p{
    width: 100%;
   
  }
  .fondo-p p{
    font-size:25px;
    margin: auto;

  }
  .foto-fondo{
    width: 100%;
    margin: 0%;
   
    overflow: hidden;
  }
  .foto-fondo h1{
    font-size: 40px;
  }
 
  .col-banner2{
    width: 100%;
    display: block;
    margin-top: auto;
    padding: auto;
    
  }
  .col-banner2{
    font-size: 18px;
  }
  .fondo-blanco3{
    margin-top: 10px;

  }
  .banner-pie{
    width: 70%;
  }
 
   .familia {
   
    display: none;
    margin-bottom: 20%;
   
  }
  
  .cuadro-texto .texto-derecha{
   text-align: center;
  }
  .cuadro-texto .imagen-izquierda{
    display: none;
   }
  
 
 
 
}



.contenedor-foto2{
  width: 100%;
 
}
.foto-fondo2 {
  width: 100%;
  height: 55vh;
  background-image: url("/assets/img/dibujo-casa-paneles.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
  /* position: relative; */
  
}

.fondo-p2{
  display: flex;
  justify-content: center;
  width: 520px;
  height: 70px;
  margin: auto;
  margin-top: 50px;
  padding: auto;
  text-align: center;
  background-color:#FFFFFF;
  
}
.h2-fondo{
  text-align: center;
}
.fondo-p2 p{
  font-size: 25px;
}
.boton2{
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  padding: auto;
}

.foto-fondo3 {
  text-align: center;
  width: 100%;
  height: 30vh;
  background-image: url("/assets/img/planta-manos-persona.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
  /* position: relative; */
  
}

.foto-fondo3 p{
 display: flex;
 justify-content: center;
 margin: auto;
 color: #0A1643;
font-size: 28px;
}

.parrafos-3{
  
  text-align: center;
  margin: auto;
  padding: auto;
}

.imagen-p{
  width: 100%;
  height: 60vh;
}

.foto-fondo4 {
  text-align: center;
  width: 100%;
  height: 50vh;
  background-image: url("/assets/img/imagenes_autoconsumo.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
  /* position: relative; */
  
}
.parrafos-4 {
  text-align: center;

  padding-bottom: 40px;
  color: #0A1643;
  font-size: 28px;
}

.foto-fondo4 p{
 
 margin: auto;
 color: #0A1643;
font-size: 20px;
}


.parrafos-5{
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;
  padding: auto;
  font-size: 10px;
  margin-bottom: 10px;
}

.parrafos-6{
  display: flex;
  justify-content: center;
  text-align: center;
 margin-top: auto;
  font-size: 10px;
}

.fondo-p3{
  display: flex;
  justify-content: center;
  text-align: center;
  width: 350px;
  height: 40px;
  margin: auto;
  margin-top: 50px;
  padding: 5px;
  text-align: center;
  background-color:orange;
  border-radius: 20px;
  color: #fff;
  
}



.foto-fondo6 {
  text-align: center;
  width: 100%;
  height: 30vh;
  background-image: url("/assets/img/imagenes_autoconsumo.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
  /* position: relative; */
  
}

.parrafos-4 {
  text-align: center;
  padding-bottom: 40px;
  
  font-size: 28px;
}

.foto-fondo4 p{
 
 margin: auto;
 
font-size: 20px;
}

.fondo-6{
  display: flex;
}

.fondo3 {
  text-align: center;
  width: 100%;
  height: 25vh;
  background-image: url("/assets/img/imagenes_autoconsumo.webp");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
  /* position: relative; */
  
}

.parrafos3 p {
  text-align: center;

  font-size: 28px;
}
.imagen4{
  width: 100%;
  height: 50vh;
}

@media(max-width:820px){

  .foto-fondo3 .parrafos-3 p{
   
   font-size: 25px;
  }
  .imagen-p{
   width: 100%;
   height: 70%;
  }
 }
 
 @media(max-width:637px){
   .foto-fondo2 .h2-fondo {
     font-size: 25px;
   }
 
   
  }
  @media(max-width:390px){
    .foto-fondo2 .fondo-p2{
      width: 80%;
    }
    .foto-fondo2 .fondo-p2 p{
      font-size: 18px;
      margin: auto
    }
    .foto-fondo2 .fondo-p h2{
      font-size: 25px;
      font-weight: 600;
      margin-bottom: 40%;
     
    }
    .foto-fondo3 .parrafos-3 p{
   
      font-size: 18px;

     }
     

   
   
  }
  
  @media(max-width:390px){
    .fondo3 .parrafos3 p{
      font-size: 0px;
    }
     

   
   
  }

  .esquema-casas-autoconsumo{
    width: 95%;
  }