*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
    
}
.title{
    text-align: center;
    font-size: 45px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 25px;
}
.subtitle{
    font-size: 35px;
    font-family: Helvetica;
    font-style: oblique;
}
.texto{
    
    text-align: left;
    font-size: 20px;
    font-family: Helvetica;
    padding: 25px;
    font-style: italic;
}

.header{
    
    
    height: 100vh;
    width: 100%;
    overflow: hidden;
    position: relative;
    
}

.contenedor_whatsapp{
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 3;
    width: 5%;

}
.contenedor_whatsapp img{
    width: 100%;    
    opacity: 0.8;
}
.contenedor_whatsapp img:hover{
    opacity: 1;
}

.img_fondo{
    position: absolute;
    width: 100%;
    height: 95vh;
    z-index: 1;
    

}
.flecha{
    
    
    align-items: center;
    justify-content: center;
    z-index: 2;
    position: absolute;
    bottom: 5%;
    left: 45%;
        
}
.imgflecha{
    padding-top: 0px;
    width: 40%;
    align-items: center;
    justify-content: center;
    animation: arrow 1s ease-in-out infinite;

}
@keyframes arrow {
    0% {
    transform: translate(0px, 0px);
    }
    50% {
    transform: translate(0px, 20px);
    }
    100% {
    transform: translate(0px, 0px);
    }
    }


.logo_img{
    position: absolute;
    left: 70%;
    top: 20%;
    width: 20%;
    opacity: 0;
    z-index: 2;
}

.logo_texto{
    position: absolute;
    left: 45%;
    bottom: 10%;
    padding: 20px;
    width: 50%;
    font-size: 40px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
    text-align: center;
    animation: text 1s ease-in-out;
    z-index: 2;

}

@keyframes text{
    0%{
        transform: translate( 600px , 0px);
    }
    100%{
        transform: translate( 0 , 0);
    }
     
}

.btn_contacto_principal{
    
    position: absolute;
    right: 100px ;
    top: 50px;
    padding: 10px;
    color: white;
    background-color: #DB8952;
    border-radius: 10px;
    border:0px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 25px;
    opacity: 0;
    z-index: 2;
    
    

}
.btn_contacto_principal:hover{
    background: #d2641b;
    opacity: 0.9;
    cursor: pointer;
    
    
}

.acerca_de{
    
 width: 100%;
 padding:35px;
 
}
.contenedor_acerca_de{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 0 auto;
    padding: 30px;
    width: 80%;
    border-radius: 25px;
    background: #D3DFED;
    align-items: center;

}


/* servicios */
  


.contenedor_servicios{
    width: 100%;
    margin: 35px 0;
    padding: 30px 0;
    background-image: url("../assets/servicios/fondo_servicios.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 60vh;    
    overflow: hidden;
    position: relative;
    
    
    
}
.slider{
    height: 60vh;
    display: flex;
    width: 300%;
    justify-content: center;
    align-items: center;
    margin-left: -100%;
   
}
.slider_contenedor{
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -10%;
    
    
}
.slider_child{
    width: 25%;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 10px;
    justify-content: center;
    align-items: center;

    
}
.slider_img{
    display: block;
    width: 70%;
    margin: 10px auto;

}
.slider span{
    display: block;
    
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: bold;
}
.nav{
    position: absolute;
    width: 10%;
    
    
    
    
}
.nav img{
    width: 40%;
    cursor: pointer;
}
.nav_izq{
   
 top: 35%;
 left: 5%;
   
}
.nav_der{

top: 35%;
right: 0%;
    
}

/* mas servicios */

.texto_sabiasque{
    text-align: center;
    font-size: 20px;
    font-family: Helvetica;
    font-style: italic;
    padding: 25px 0;
}

.contenedor_mas_servicios{

    display: grid;
    margin:35px;
    grid-template-columns: repeat(2, 1fr);
    gap: 10%;
    justify-content: center;
    
    
    
}

.mas_servicios_fondo{
    
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;   
    padding: 35px;
    background-color: #D3DFED;
    text-align: center;
    border-radius: 25px;
}

.masinfo{
    position: relative;
    text-decoration: none;
    color: #D3DFED;
    background: #654dc4;
    border-radius: 25px;
    border: solid 2px #4a2dbe;
    padding: 10px;
    -moz-box-shadow: 0px 5px 0px 0px #4a2dbe;
    -webkit-box-shadow: 0px 5px 0px 0px #4a2dbe;
    box-shadow: 0px 5px 0px 0px #4a2dbe;
    transition: all 0.2s ease-in-out;
}
.masinfo:hover{
    background: #4a2dbe;
    border-radius: 10px;
    -moz-box-shadow: 0px 1px 0px 0px #4a2dbe;
    -webkit-box-shadow: 0px 1px 0px 0px #4a2dbe;
    box-shadow: 0px 1px 0px 0px #4a2dbe;
}


/* carrusel */





.contenedor_carrusel{
    
    padding: 35px;
    width: 100%;
    height: 80vh;    
    display: flex;
    justify-content: center;
    align-items: center;
    background:#D3DFED ;
    overflow: hidden;
    position: relative;
    
    
}
.nav_ {
    display: flex;
    width: 20%;
    justify-content: center;
    align-items: center;
    z-index: 2;
    
    
}

.nav_ img{
    z-index: 2;
    width:50%;
    cursor: pointer;
}
.slider_contenedor_{
    
    
    width: 50%;    
    margin: 0 auto;
    z-index: 1;
    
    position: relative;
    
    

    
}
.slider_{
    display: flex;        
    width: 1600%;
    height: 75vh;
    overflow: hidden;
    margin-left: -100%;
         
    
}

.slider_carrusel{

    width: 100%;
    padding: 25px;
    position: relative;
    
    
    

}
.slider_carrusel img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    
    
    
    
   
    
}

/* reseñas */


.contenedor_reseñas{
    margin: 25px auto;
    padding: 50px;
    width: 80%;
    border-radius: 25px;
    background: #D3DFED;  

}

.reseñas{   
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    overflow: hidden;
    
}
.reseñas_estrellas{
    display: flex;
    justify-content: space-around;
}
.estrellas{
    width: 35%;
}

.reseñas_child{
    width: 45%;

}
.reseñas_child span{
    font-size: 30px;
    font-weight: bold;
}
.reseñas_oculta{
    width: 45%;
    display: none;
}
.reseñas_oculta span{
    font-size: 30px;
    font-weight: bold;
}



.boton_contenedor{
    text-align: center;   
    padding: 25px;
    text-decoration: none;
    color: #131f36;
}

.boton{
    
    border: none;
    background: none;
    text-decoration: none;
    color: #131f36; 
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size: 35px;
    padding: 0;
}
.boton:hover {
	text-decoration: underline;
}

/* formulario */

.form_contenedor{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin: 25px auto;
    padding: 50px;
    width: 80%;
    border-radius: 25px;
    background: #D3DFED;
    align-items: center;
    
}

.form{

    padding: 10px 50px 50px 50px;
    display: flex;
    flex-wrap: wrap; 
    
    align-items: center;
    justify-content:  center;
    width: 100%;
    
    
}
.input_contenedor{
    width: 60%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    
    


}
.input{
    
    width: 72%;
    height: 50px;
    padding: 25px;
    text-align: center;
    margin: 10px;
    border-radius:10px;
    border: 0px;
    align-self: flex-end;
    justify-content: center;
    
   
}
.textarea{
    width: 60%;
    height: 150px;
    padding: 25px;
    text-align: center;
    margin: 10px;
    border-radius:10px;
    border: 0px;
    font-size: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    
    
}
.btn_contenedor{
    width: 30%;
    padding: 20px;
    margin: 5px;
    display: flex;
    align-self: last baseline;
    
}
.btn_contacto{
    width: 100%;
    height: 50px;
    border: 0px;
    border-radius: 25px;
    color: #fff;
    background: #5836E5;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 15px;
    font-weight: bold;
    transition: 200ms; 
}

.btn_contacto:hover{
    border: 5px solid #4a2dbe;
    font-size: 20px;
    transition: 200ms;
}

.contenedor_captcha{
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
    
     
}




/* ubicacion */

body .contseccion{
	background-color: #D3DFED;
	color:#131f36;
}
section .partesup{
	margin-left: 30px;
	max-width: 400px;
	text-align: center;

}
section .partesup .logo2 img{
	max-width: 350px;
	padding-top: 40px;
}

section .partesup .hogar{
	font-size: 32px;
	font-weight: 500;

}
section .partesup .residencia{
	font-size: 22px;
	font-weight: 500;
}
section .partesup .linea{
	height: 2px;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;

}
section .partesup .tex{
	font-size: 20px;
	color: #131f36 ;
	font-weight: 400;
}

section .inferior .contenedorinf{
	margin-left: 30px;
	overflow: hidden;
	margin-top: 40px;
	overflow: hidden;
	
}
.inferior .contenedorinf .telefono{
	float: left;
	font-size: 25px;
	font-weight: 500;
	padding: 20px;
	width: 30%;
	margin-left: 20px;
}
.num a{
    text-decoration: underline;
    color: black;
}
.inferior .contenedorinf .direccion{
	float: left;
	font-size: 25px;
	font-weight: 500;
	padding: 20px;
	margin-left: 20px;
	width: 30%;
}
.inferior .contenedorinf .horarios{
	font-size: 25px;
	font-weight: 500;
	padding: 20px;
	float: left;
	margin-left: 20px;
	width: 30%;
}
.map{
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
}
.map iframe{
	width: 100%;
	max-height: 600px;
}

@media screen  and (max-width: 1300px) {

    .logo_img{
        width:25% ;
        left: 60%;
        top: 20%;
    }

}

  
@media screen  and (max-width: 1200px) {
  .logo_img{
      width: 27%;
      left: 60%;
       top: 20%;  
  }
  .btn_contacto_principal{
    right: 100px ;
    top: 50px;
  }

@media screen  and (max-width: 1160px) {


    .btn_contacto_principal{
        right: 100px ;
    top: 50px;
        font-size: 20px;
      }
    .logo_texto{
    left: 45%;
    bottom: 10%;
    padding: 20px;
    width: 50%;
    font-size: 40px;
    }
    .title{
        
        font-size: 40px;
        
    }

    .imgflecha{
        width: 35%;
    }
            
   
}
@media screen  and (max-width: 1000px) {
    
.img_fondo{
    width: 115%;
}
.logo_img{
    width: 35%;
    left: 60%;
     top: 20%;     
}
.btn_contacto_principal{
    right: 100px ;
    top: 50px;
    font-size: 20px;
  }
.logo_texto{
left: 50%;
bottom: 10%;
padding: 20px;
width: 50%;
font-size: 35px;
}

.imgflecha{
    width: 32%;
}
.title{
    
    font-size: 40px;
    
}
.contenedor_whatsapp{
    position: fixed;
    bottom: 5%;
    right: 5%;
    z-index: 3;
    
    width: 7%;

}
}
@media screen  and (max-width: 900px) {
    
    .img_fondo{
        width: 115%;
        
    }
    .logo_img{
        width: 40%;
        left: 55%;
         top: 15%;     
    }
    .btn_contacto_principal{
        right: 100px ;
        top: 50px;
        font-size: 20px;
      }
    .logo_texto{
    left: 50%;
    bottom: 10%;
    padding: 20px;
    width: 50%;
    font-size: 35px;
    }
    
    .imgflecha{
        width: 30%;
    }
    .title{
        
        font-size: 38px;
        
    }
        
    
    }
    @media screen  and (max-width: 800px) {
    
        .img_fondo{
            width: 150%;
            left: -5%;
            
        }
        .logo_img{
            width: 40%;
            left: 55%;
             top: 15%;     
        }
        .btn_contacto_principal{
            right: 100px ;
    top: 50px;
            font-size: 20px;
          }
        .logo_texto{
        left: 55%;
        bottom: 12%;
        padding: 20px;
        width: 50%;
        font-size: 27px;
        }
        
        .imgflecha{
            width: 30%;
        }
        .title{
            
            font-size: 38px;
            
        }
        .contenedor_whatsapp{
            bottom: 5%;
    right: 5%;
    z-index: 3;
    width: 7%;
        
        }   
        
        }
@media screen  and (max-width: 800px) {
    
        .img_fondo{
            width: 150%;
            left: -5%;
            
        }
        .logo_img{
            width: 40%;
            left: 55%;
             top: 20%;     
        }
        .btn_contacto_principal{
            right: 100px ;
    top: 50px;
            font-size: 20px;
          }
        .logo_texto{
        left: 55%;
        bottom: 12%;
        padding: 20px;
        width: 50%;
        font-size: 27px;
        }
        
        .imgflecha{
            width: 30%;
        }
        .title{
            
            font-size: 38px;
            
        }
            
        
        }
@media screen  and (max-width: 700px) {
    
            .img_fondo{
                width: 150%;
                left: -5%;
                
            }
            .logo_img{
                width: 50%;
                left: 45%;
                 top: 20%;     
            }
            .btn_contacto_principal{
                right: 100px ;
                top: 50px;
                font-size: 17px;
              }
            .logo_texto{
            left: 55%;
            bottom: 12%;
            padding: 20px;
            width: 50%;
            font-size: 25px;
            }
            
            .imgflecha{
                width: 30%;
            }
            .title{
                
                font-size: 30px;
                padding: 25px 0;
                
            }
            .acerca_de{
                padding: 35px 0;
            }
            .slider_{
                height: 60vh;
            }
        
            .contenedor_carrusel{
                height: 65vh;    
            }
            .contenedor_whatsapp{
                position: fixed;
                bottom: 4%;
    right: 5%;
    z-index: 3;
    
                width: 9%;
            
            }  
        }
        
                
            

@media screen  and (max-width: 600px) {
    
    .img_fondo{
        width: 180%;
        left: -15%;
        
    }
    .logo_img{
        background:rgba(0, 0, 0, 0.4);
        border-radius: 20px;
        width: 50%;
        left: 25%;
         top: 25%;     
    }
    .btn_contacto_principal{
        right: 100px ;
        top: 50px;
        font-size: 17px;
      }
    .logo_texto{
    left: 53%;
    bottom: 12%;
    padding: 20px;
    width: 50%;
    font-size: 22px;
    }
    
    .imgflecha{
        width: 25%;
    }
    .slider_contenedor_{  
        width: 100%;     
    }

    .slider_{
        height: 50vh;
    }

    .contenedor_carrusel{
        height: 55vh;    
    }

    .izq{
        position: absolute;
        z-index: 999;
        left: -15px;
    }

    .der{
        position: absolute;
        z-index: 999;
        right: -15px;
    }
    .contenedor_whatsapp{
        position: fixed;
        bottom: 4%;
    right: 5%;
    z-index: 3;
    
        width: 12%;
    
    }  
    
}
@media screen  and (max-width: 500px) {
    
    
    .img_fondo{
        width: 200%;
        left: -25%;
        
        
        
    }
    
    .logo_img{
       
        width: 55%;
        left: 25%;
         top: 25%;      
    }
    .btn_contacto_principal{
        right: 100px ;
    top: 50px;
        font-size: 15px;
      }
    .logo_texto{
    left: 45%;
    bottom: 15%;
    padding: 20px;
    width: 70%;
    font-size: 18px;
    }
    
    .imgflecha{
        width: 25%;
    }
    
        
    
}
@media screen  and (max-width: 450px) {
    
    
    .img_fondo{
        width: 200%;
        left: -25%;
               
        
    }
    
    .logo_img{
       
        width: 60%;
        left: 22%;
         top: 25%;      
    }
    .btn_contacto_principal{
        right: 100px ;
        top: 50px;
        font-size: 16px;
        padding: 5px;
      }
    .logo_texto{
    left: 43%;
    bottom: 15%;
    padding: 20px;
    width: 70%;
    font-size: 17px;
    }
    
    .imgflecha{
        width: 25%;
    }

    
        
    
}
@media screen  and (max-width: 400px) {
    
    
    .img_fondo{
        width: 210%;
        left: -35%;
               
        
    }
    
    .logo_img{
       
        width: 65%;
        left: 22%;
         top: 25%;      
    }
    .btn_contacto_principal{
        right: 100px ;
    top: 50px;
        font-size: 16px;
        padding: 5px;
      }
    .logo_texto{
    left: 40%;
    bottom: 10%;
    padding: 20px;
    width: 70%;
    font-size: 17px;
    }
    
    .imgflecha{
        width: 25%;
    }

    .title{
        font-size: 25px;
    }
    .contenedor_whatsapp{
        position: fixed;
        bottom: 4%;
    right: 5%;
    z-index: 3;    
        width: 15%;
    
    }  
        
    
}
@media screen  and (max-width: 350px) {
    
    
    .img_fondo{
        width: 220%;
        left: -35%;
               
        
    }
    
    .logo_img{
       
        width: 70%;
        left: 22%;
         top: 25%;      
    }
    .btn_contacto_principal{
        right: 100px ;
    top: 50px;
        font-size: 16px;
        padding: 5px;
      }
    .logo_texto{
    left: 35%;
    bottom: 10%;
    padding: 20px;
    width: 70%;
    font-size: 16px;
    }
    
    .imgflecha{
        width: 25%;
    }
    
        /* padilla */
    
}
@media screen and (max-width: 1300px){
    /*RESEÑAS*/      
   
       .contenedor_reseñas{
           padding: 40px;
       }
   
       .estrellas{
           width: 28%;
   
       }
       .reseñas_estrellas span{
           font-size: 25px;
       }
}
@media screen and (max-width: 1200px){
   /* formulario */
       .textarea{
           width: 70%;
       }
       .input{
           width: 80%;
        }
   
}
@media screen and (max-width: 1000px){
    /*RESEÑAS*/     
   
       .contenedor_reseñas{
           padding: 30px;
       }
       .estrellas{
           width: 25%;
       }
       .reseñas_estrellas span{
           font-size: 20px;
       }
       /* formulario */
       .textarea{
           width: 80%;
       }
       .input{
           width: 88%;
       }
       .btn_contenedor{
           float: left;
           width: 50%;
       }
   
}
@media screen and (max-width: 800px){
     /*RESEÑAS*/     
       .contenedor_reseñas{
         width: 100%;
        }
   /*informacion */
       
       .inferior .contenedorinf .direccion{
           width: 45%;
       }
       .inferior .contenedorinf .telefono{
            width: 45%;
       }
       .inferior .contenedorinf .horarios{
             width: 45%;
       }
   /* formulario */
       .form_contenedor{
           margin: 0px 0px 25px 0px;
           padding: 0px;
           width: 100%;
           
       }
       .btn_contenedor{
           float: left;
           width: 45%;
       }
       .textarea{
           width: 80%;
       }
       .input{
           width: 88%;
       }
       .input_contenedor{
           width: 70%;
       }
       .h2_form{
           padding: 15px;
       }
       
    }
@media screen and (max-width: 700px){
    /*RESEÑAS*/   
       .reseñas_child{
           width: 100%;
   
       }
       .reseñas_oculta{
           width: 100%;
       }
       .reseñas_estrellas span{
           font-size: 30px;
       }
       .estrellas{
           width: 35%;
       }
       /*informacion */
       .inferior .contenedorinf .direccion{
           width: 90%;
       }
       .inferior .contenedorinf .telefono{
            width: 90%;
       }
       .inferior .contenedorinf .horarios{
             width: 90%;
       }
       .contseccion{
           text-align: center;
       }
       .contseccion .partesup{
           max-width: 700px;
           margin-left: 0px;
       }
       .inferior .contenedorinf{
           margin-left: 0px;
       }
   /*ACERCADE*/
       .acerca_de{
           padding: 0px;
       }
   
       .contenedor_acerca_de{
           width: 100%;
       }
   
   
}
@media screen and (max-width: 550px){
    /*RESEÑAS*/    
       .estrellas{
           width: 28%;
   
       }
       .reseñas_estrellas span{
           font-size: 20px;
       }
    /* formulario */
       .h2_form{
           font-size: 35px;
       }
   
}
@media screen and (max-width: 700px){
    .slider_{
        height: 60vh;
    }

    .contenedor_carrusel{
        height: 65vh;    
    }

}


/* urcola */


@media screen and (max-width: 600px){
    .slider_contenedor_{  
        width: 100%;     
    }

    .slider_{
        height: 50vh;
    }
    .slider span{ 
        font-size: 16px;
    }

    
    .izq{
        position: absolute;
        z-index: 999;
        left: -15px;
    }

    .der{
        position: absolute;
        z-index: 999;
        right: -15px;
    }
}

@media screen and (max-width: 560px){
        .slider span{ 
        font-size: 13px;
    }

    .contenedor_servicios{
        
        height: 45vh;    
    }
    .slider_contenedor{
       top: -20%;

    }
}

@media screen and (max-width: 400px){
        .slider span{
        display: block;
    
        font-size: 12px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-weight: bold;
    }
    .contenedor_servicios{
        
        height: 30vh;    
    }
    .slider_contenedor{
       top: -32%;

    }
}

/* mas info */

@media screen and (max-width: 760px){

    .contenedor_mas_servicios{

        display: grid;
        margin:35px;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(2, 1fr);
        gap: 10%;
        justify-content: center;
        
        
        
    }

}