body{
  width:100%
}
/* theme-color */
:root {
    --white:#fafafa;
    --black:#050505;
    --gray-100:#5c5c5c;
    --gray-50:#6f6f6f;
    --pink-degra:#c3a4d2c4;
    --pink-degra2: #c3a4d28c;
    --pink-25: #b7b5b5; 
    --pink-50: #c3a4d2;
    --violet-50: #815fc3;
    --violet-100:#6936d8;
    --blue-50: #73d8dd;
    --blue-100:#01aef0;
    --crimsom-100: #e62a4e;
    --crimsom-50:#e34261;
  }
  

html{
    width: 100%;
}


/****Boton whatsapp*****/

.boton-whatsapSeo{
    border-radius: 40px;
    height: 65px;
    width: 210px;
    background-color: var(--pink-50);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #fafafa;
}

.boton-whatsapSeo-img{
    width: 50px;
}

.boton-whatsapSeo:hover{
    background-image: none;
    background-color: var(--violet-50);
}

.boton-whatsapSeo:hover, 
.boton-whatsapSeo-img,
.boton-whatsapSeo-text {
    transform: scale(1.15);
}

.boton-whatsapSeo-text{
    color: var(--white);
}


/**fin boton whatsap***/

/*boton de agenda */

.button-calendar-seo{
    border-radius: 40px;
    height: 65px;
    width: 260px;
    background-color: var(--pink-50);
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    color: #fafafa;
}
.button-calendar-seo-img{
    width: 50px;
}
.button-calendar-seo-text{
    color: var(--white);
}

/*hover de boton agenda*/

.button-calendar-seo:hover{
    background-image: none;
    background-color: var(--violet-50);
}

.button-calendar-seo:hover, 
.button-calendar-seo-img,
.button-calendar-seo-text {
    transform: scale(1.15);
}



/*fin boton agenda*/




/*titulos */
.titulo{
    font-size: 35px ;
}

.titulo-mid{
    font-size: 25px;
}

.titulo-small{
    font-size: 20px;
}


/*estilos titulos en general */


.titulo, .titulo-mid, .titulo-small{
    font-weight: 400;
    color: var(--violet-100);
}




/*textos*/
.texto{
    font-size: 32px;
}

.texto-mid{
    font-size: 25px;
}

.texto-small{
    font-size: 17px
}

/*titulos de textos en general*/

.text,
.text-mid, 
.text-small{
    color:var(--black);
    font-weight: 200;
}


/**section info*/

.sectionInfo{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}




.sectionInfo_text{
    display: flex;
    flex-direction: column;
    padding: 25px;
    justify-content: center;
    align-items: center;
    align-content: center;
}


.sectionInfo_text-info{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sectionInfo_text-info-title{
    margin: 15px 0;
    text-align: initial;
}
.sectionInfo_text-info-subtitle{
    margin: 15px 0;
    color: var(--gray-50);
}

.sectionInfo_text-info-subtitle strong{
    color: var(--violet-50);
}





/*section info Action**/

.sectionInfo_text-action{
    display: flex;
    flex-direction: column;
    align-items: center;
}


.sectionInfo_text-action-text{
    color: var(--gray-100);
    margin-bottom: 25px;
    font-weight: 100;
    line-height: normal;
}


.sectionInfo_text-action-text strong{
    color: var(--violet-50);
}





/*section info img*/


.sectionInfo_img-layer{
    background-image: url('../images/shape/shape-6.png');
    background-size: 50%;
    background-attachment: fixed;
    object-fit: contain;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center ;
}

.sectionInfo_img-img{
    width: 80%;
}







/*sectionContact*/
.sectionContact{
    margin: 25px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-image: url('../images/banner/slider-oso-bco.jpg');
    background-attachment: fixed;
}


.sectionContact_info{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--pink-degra);
}


.sectionContact_info-title {
    width: 100%;
    padding: 15px;
    color: var(--white);
    font-weight: 300;
    text-shadow: 0 2px 3.5px var(--black);
}

.sectionContact_info-title strong{
   color:var(--violet-100);
   text-shadow: 0 2px 3.5px var(--gray-50);

}
/*section Contact consult */

.sectionContact_consult{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px;

}

.sectionContact_consult-info{
    width: 100%;

}

.sectionConsult_consult-title{
    color: var(--gray-100);
}

.sectionContact_consult-title strong {
    color: var(--violet-50);
}

.sectionContact_consult a{
    margin: 15px;
}



/*section Contact action*/

.sectionContact_action{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    background-color: var(--pink-degra2);
}


.sectionContact_action-title {
 color: var(--gray-100);
 padding:10px 15px;
 text-align: center;
}

.sectionContact_action-title strong{
    color: var(--violet-50);
}


.sectionContact_email{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    background-image: url('../images/shape/shape-1.png');
    background-attachment: fixed;
}


.sectionContact_email p{
    color: var(--violet-50);
}


.sectionContact_action-info {
    width: 100%;
}


.sectionContact_action-info strong{
    color: var(--violet-100);
}




/*section Dir*/
.sectionDir{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
    background: rgb(195,164,210);
    background: linear-gradient(130deg, rgba(195, 164, 210, 0.438) 0%, rgba(115, 216, 221, 0.466) 100%);
}
.sectionDir_info{ 
    width: 100%;
}

.sectionDir_info-title{
    margin: 25px 0;
    padding: 0 35px;
}

.sectionDir_info-text{
    margin: 10px 0;
    color: var(--gray-100);
    text-align: center;
}


.sectionDir_map{
    width: 100%;
    margin: 30px 0;
}

.sectionDir a{
    margin-bottom: 50px;
}



