@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');

*{margin: 0;
padding: 0;
border: 0;
list-style-type: none;
text-decoration: none;
box-sizing:border-box}

a{text-decoration: none}

body{background-color: rgb(255,255,255);
font-family: 'Montserrat', sans-serif;}

.contenedor {width: 100%;
margin: auto;
}

header {display: flex;
justify-content: space-between;
position: sticky;
top: 0;

background-color: black; width: 100%;
z-index: 100;
}

.caja-redes-botonera {display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 1.5rem;
margin-right: 100px
}

i.fa-solid {
display: none}

.caja-redes {display: flex;
justify-content: space-between}

svg.logo-was {width: 40px!important;
margin-left: 1rem!important;
margin-right: 1rem!important
}
.icon {width: 20px;
margin-right: 1rem;}

.logo-was path:hover{fill:rgb(140,140,140)!important;transition: 0.5s}

.caja-botonera {display: flex; 
justify-content: space-between;
margin-top: 1rem;
align-items: center}


.botonera-principal ul {list-style-type: none;
width: 50%;
padding-left: 0;}

ul {padding-left: 0;}

.botonera-principal li {
display: inline; 

}

.botonera-principal li a {display: inline-block;
text-transform:capitalize;
color: white;
font-weight: 400;
font-size: 1rem;
text-align: center;
line-height: 2rem;
text-decoration: none;
min-height: 2rem;
padding-left: 5px;
padding-right: 5px;
transition: 0.5s;

}

.botonera-principal li a:hover{background-color:rgb(247,188,88);
color: beige; 
border-radius: 0.2rem}

.caja-logo{display: flex;
margin-left: 100px;
flex-direction: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
}

.logo-rv {
width:120px;
border-radius: 15px;
z-index: 0;
}


.caja-logo h2 {font-weight: 500;
font-size: 24px;
color:white;
text-align: center;
margin-top: 3rem;
text-transform: capitalize
}

.caja-principal {
background-image: url(../img/fondo-inicio.jpg);
height: 700px;
background-position: center; 
background-repeat: no-repeat; 
background-size:auto; 
}

.foto-principal-1 {background-image: url(../img/fondo-inicio.jpg);
    
}

.foto-principal-2 {background-image: url(../img/almohadones-6.jpg);
    
}

.inicio-principal {padding-top: 25%;
}

/*

.inicio-principal, .caja-contacto {display:flex;
flex-direction: column;
align-items: flex-start;
padding-left: 100px;
padding-right: 100px;
padding-bottom: 100px;
color:rgb(60,60,60)
 }

.inicio-principal p {width: 50%;
padding-top: 20px;
color: rgb(255, 255, 255);
font-size: 26px;
font-weight: 600;}

.inicio-principal h2 {font-size: 34px;
color: rgb(255, 255, 255);
font-weight: 600;
}

*/

.carousel-caption {
    left:0;
    right: 0;
    top:50%;
    padding-bottom: 0;
    padding-top: 50px;
    text-align: left;
}

.carousel-caption  {display:flex;
flex-direction: column;
align-items: flex-start;
padding-left: 100px;
padding-right: 100px;
 color:rgb(60,60,60)
 }

.carousel-caption p {width: 50%;
padding-top: 20px;
color: rgb(255, 255, 255);
font-size: 26px;
font-weight: 600;}

.carousel-caption h2 {font-size: 40px;
color: rgb(255, 255, 255);
font-weight: 600;
}

.cajafondoPrincFoto {height: 85vh;}

#fondoPrincFoto2, #fondoPrincFoto{
margin: auto;
height: 85vh;
 }

.carousel-item {background-color: #000000;
}

.carousel {background-color: #000000}


.caja-nosotros {display: flex;
    flex-direction: row;
     padding-top: 100px;
     margin-left: 100px;
     margin-right: 100px;
     margin-bottom: 100px;

}

.caja-nosotros h3, .caja-servicios h3 {margin-top: 20px;}

br {margin-top: 20px;}

.caja-servicios {background-color: rgb(0,0,0);
display: flex;
flex-direction: row;
padding-left: 100px;
padding-top: 100px;
padding-bottom: 100px;
padding-right: 100px;}

.caja-nosotros p, .caja-servicios p {
padding-top: 20px;
margin-bottom: 0;
}

#text-nos p{
    padding-top: 20px;
    }

 

.caja-servicios p, .caja-servicios h3 {color: rgb(255,255,255);}

h3 {font-size: 1.5rem;
text-transform: uppercase;
}


/* .caja-productos h3{margin-bottom: -100px;} */

#text-nos, #text-serv {display: flex;
flex-direction: column;
width: 50%;}

#text-nos p, #text-serv p {padding-right: 40px;
font-size: 18px;}

.img-nos {display: flex;
height: 500px;
width: 50%;
background-image: url(../img/img2.jpg);
background-repeat: no-repeat;
background-size: cover;
border-radius: 5px;}

.img-serv {display: flex;
    height: 500px;
    width: 50%;
    background-image: url(../img/img3.jpg);
    background-repeat: no-repeat;
    background-size: cover;

}

.caja-productos {display: flex;
flex-direction: column;
flex-wrap: nowrap;
padding-left: 100px;
padding-right: 100px;
margin-top: 100px;
width: 100%;
margin-bottom: 50px;}

.caja-productos ul {
text-transform: uppercase;
}

.caja-productos li {
    margin-top: 10px;
    }

.caja-foto-productos {display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 50px;

}

.producto-foto {height: 300px;
width: 45%;
background-color:rgb(247, 188, 88);
margin-top: 50px;
margin-bottom: 50px;
border-radius: 5px;
}



.producto-foto:hover {box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.41);
height: 310px;
}

.enlace-producto {height:300px;
width: 100%;
display: inline-block;}

.producto-foto h3 {margin-top: 10px;
display: flex;
justify-content:center;
font-size: 1.2rem;
font-weight: 500;
color: rgb(0, 0, 0);
}

#text-prod, #text-prod-2, #text-prod-3, #text-prod-4, #text-prod-5, #text-prod-6  {display: flex}


.foto-uno{
    background-image:url(../img/sillones4.jpg);
    background-size:cover;
}

.foto-dos{
    background-image:url(../img/almo-sillas.jpg);
    background-size: cover;
}

.foto-tres{
    background-image:url(../img/colcho.jpg);
    background-size: cover;
}
.foto-cuatro{
    background-image:url(../img/puff1.jpg);
    background-size: cover;
}

.foto-cinco{
    background-image:url(../img/deco2.jpg);
    background-size: cover;
}

.foto-seis{
    background-image:url(../img/gervasoni.jpg);
    background-size: cover;
}

#contacto {background-color:rgb(247, 188, 88);
height: 500px;
width: 100%;
color: rgb(0,0,0);
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-left: 100px;
padding-right: 100px;
}

/*
.carousel-caption, {display:flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 100px;
    color:rgb(60,60,60)
     }
*/

 
.caja-contacto h3, .caja-contacto h4 {margin-top: 50px;}

.caja-contacto h1 {font-size:20px ;
padding-top: 20px;}

.caja-contacto ul {
padding-top: 20px;
font-weight: 600;
padding-left: 0;}

.caja-contacto li {
 padding-top: 20px;}
    

.btn.btn-outline-secondary:hover{
    color: black;
    background-color: white;
 }

footer {background-color:rgb(247, 188, 88);
    height:auto;
    width: 100%;
    color: rgb(0,0,0);
    justify-content: center;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 20px;
    padding-bottom: 20px;
  
    }


.caja-msjenv {background-color:rgb(247, 188, 88);
    height:95vh;
    color: rgb(0,0,0);
    margin: auto;
    padding-top: 100px;
    text-align: center;
 }

.footer-caja {  border-top: 2px solid #000000;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
    




.footer-caja h4 {display: inline-block;
}

.footer-caja p {margin-top: 20px;
    display: inline-block;
    
}

#pagSer {padding-bottom: 50px;
margin-bottom: 50px;}

h1 {font-weight: 700;}


/*responsive*/

@media all and (max-width:800px) {
    

   
header {display: flex;
flex-direction: column;
    height: 125px}    
    
.caja-redes { position: absolute;
top: 25px;
right: 20px;
align-content: center;
 }
    
.caja-redes-botonera {display: flex;
flex-direction: column;
align-items: center;
margin-top: 0;
width: 100%;
    }
    
.fa-solid {display: block!important;
position: absolute;
right: 40px;
top:75px;
color: rgb(255,255,255);
font-size: 24px}  

.fa-solid:hover{color:rgb(140,140,140)!important;transition: 0.5s}

    
.caja-redes img {width: 1rem;
margin-left: 1rem;
margin-right: 1rem
}

svg.logo-was { width: 25px!important}
    
.caja-botonera {flex-direction: column;
width: 100%;
margin-top: 0rem;
    }
    
.botonera-principal {display: none; width: 100%;
    margin-top: 0;
background-color: black
    }
    
ul .botonera-principal {list-style-type: none;
}

.botonera-principal li {
display: block;
}

.botonera-principal li a {display: block;
padding-left: 0;
padding-right: 0;
padding-top: 22px;    
padding-bottom: 22px;
font-size: 22px;
}
   

 .caja-logo {display: flex;
margin-top: 20px;
margin-left: 20px;
justify-content: flex-start;
flex-direction: row}  
    
.caja-logo h2 {font-size: 18px;
    margin-top: 2rem;
    margin-bottom: 0;
    display:
    }
    
.caja-foto-perfil{margin-top: 1rem}

.logo-rv {width:100px}
    
.caja-principal {height: 600px}





 .cajafondoPrincFoto  {height: auto;}

 #fondoPrincFoto2, #fondoPrincFoto {
margin: auto;
height: auto;
width: 85vh;
 }

.carousel-item {background-color: #000000;}



.carousel-caption {padding-top:;
    width: 70%;}
        
    .carousel-caption {
    padding-left: 40px;
    padding-bottom: 40px;
    padding-right: 0%;
    }
    
    .carousel-caption p {width: 100%;
        font-size: 22px;
        padding-top:0
    }
    
    .carousel-caption h2 {font-size: 30px;
        }

.caja-nosotros {flex-direction: column;
margin-left: 40px;
margin-right: 40px;
padding-top:40px}

.caja-servicios{flex-direction: column;
padding-top:40px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 50px;}



#text-nos, #text-serv{
width: 100%;
}
        
        
 .img-nos, .img-serv{margin-top: 50px;
height: 300px;
width: 100%;
 }

 #text-nos p, #text-serv p {padding-right: 0;}

.caja-productos {
flex-direction: column;
padding-left: 40px;
padding-right: 40px;
margin-bottom:40px;
margin-top: 40px;
width: 100%;}

.caja-foto-productos {justify-content: center;
}



.producto-foto {
height: 300px;
width: 100%;
margin-top: 40px;
margin-bottom: 40px;
}

#contacto {flex-direction: column;
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
}

.inicio-principal p {
font-size: 24px}

.inicio-principal h2 {font-size: 30px;
 }

.caja-nosotros p {font-size: 18px ;}

h3 {font-size: 22px;
}

.caja-contacto h1 {font-size:18px ;
}
    
    
footer {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;

    }

.footer-caja h4 {display: flex;
    }
    


    .caja-msjenv {background-color:rgb(247, 188, 88);
        height:95vh;
        color: rgb(0,0,0);
        margin: auto;
        padding-top: 100px;
     }
    
    
}