/*divider form*/
.custom-shape-divider-bottom-1699655069 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1699655069 svg {
    position: relative;
    display: block;
    width: calc(116% + 1.3px);
    height: 48px;
}

.custom-shape-divider-bottom-1699655069 .shape-fill {
    fill: #6D398E;
}
/*divider form*/
/*bg form top*/
.bg-title-form{
    background: #4d2465;
}
/*divider top*/
.custom-shape-divider-bottom-1699461416 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1699461416 svg {
    position: relative;
    display: block;
    width: calc(244% + 1.3px);
    height: 99px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1699461416 .shape-fill {
    fill: #6D398E;
} 
/*divider top*/

/*divider bottom*/
.custom-shape-divider-top-1699461340 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1699461340 svg {
    position: relative;
    display: block;
    width: calc(244% + 1.3px);
    height: 99px;
    transform: rotateY(180deg);
} 

.custom-shape-divider-top-1699461340 .shape-fill {
    fill: #6D398E;
}

/*divider bottom*/
 
.position-element{
    position: relative!important;
}

body {
	font-family: 'Open Sans', sans-serif;
	color: black;
}


h1{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;

	
}

h2{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

h3{
    font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

h4{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	
}

h5{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

h6{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}  

p{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

.wlight{
    font-weight: 300;

}

.wsemi{
    font-weight: 500;

}  
 
.txt-gradient{
    ;
    background-image: linear-gradient(90deg,#6d398e 0%, #d1b5e5 80%);
    -webkit-background-clip: text;
    color: transparent;
} 


.txt-v{
    font-size: 50px!important;
    /*letter-spacing: .30rem;*/
}

.txt-red{
    color: red;
}

.m-txt{
    color: gray!important;

}

.m-txt:hover{
    color: #6d398e!important;
    
} 

.btn-ftop {
    background: #300949;
    color: white;
    border-radius: 10px;
    font-size: 18px;
    padding-right: 15px;
    padding-left: 15px;
}

/*colors text*/
      
.txt-purple{
    color: #6d398e;
}   

.txt-lilac{
    color: #9f6fc1;; 
}   

.txt-aqua{
    color: #00feff;;
}

.bg-lilac{
    background: #d6b7e8; 
} 

.txt-title{
    color: #3b1a50;
}   

.txt-tyc{
    color: #6d398e;
}  

.txt-tyc:hover{
    color: #6d398e;
}  

.menu1{
	position: fixed!important;
}

.h1banner{ 
	font-weight: 400;
    font-family: 'Open Sans', sans-serif;
  	font-size: 3rem; 
}


.h2banner{ 
	font-weight: 400;
    font-family: 'Open Sans', sans-serif;
  	font-size: 2.5rem; 

}


/*backgrounds*/
.bg-purple{
    background: #6d398e;
}
 
.bg-gray{ 
	background:#ededed;  
}

.bg-darkpurple{
    background: #2e123f;
}
 

.bg-footer{ 
	background: #1d1d1d;
}
 


.bg-1 {
    background: url(../img/bg-1.webp) center center no-repeat;
    background-size: 100%;
    height: 350px;
}


.img-size{
	width: 50px;
} 

.img-size2{
    width: 400px;
}
 
.img-size3{
    width: 70px;
} 

.img-size4{
    width: 480px;
}

.img-promo{
    width: 500px!important;
}


/*BOTONES*/
.btn-llamanos{
    background: #6d398e;
    color: white;
    border-radius: 10px;
    font-size: 18px;
	margin-left: 5px;
	margin-top: 5px;  
}

.btn-llamanos:hover{
    background: #3a1d4d;
    color: white;
    border-radius: 10px;
    font-size: 18px;
	margin-left: 5px;
	margin-top: 5px;
}
 
.btn-whats{  
    background: #00e676;
    color: black; 
    border-radius: 10px;
    font-size: 18px;
	margin-left: 5px;
	margin-top: 5px;
}
  
.btn-whats:hover{

    background: #028e4a;
    color: white;
    border-radius: 10px;
    font-size: 18px;
	margin-left: 5px;
	margin-top: 5px;
} 
 
.btn-whats2{  
    background: #00e676;
    color: black; 
    border-radius: 10px;
    font-size: 22px;
	margin-left: 5px;
	margin-top: 5px;
}
  
.btn-whats2:hover{

    background: #028e4a;
    color: white;
    border-radius: 10px;
    font-size: 22px;
	margin-left: 5px;
	margin-top: 5px;
} 

.btn-1{
	background: #d1b5e5;
	font-weight: bold;
	color: #6d398e;
	font-size: 18px;
	border-radius: 10px;

}

.btn-1:hover{
	background: #6d398e; 
	font-weight: bold;
	color: white;
	font-size: 18px;
	border-radius: 10px;

}

.btn-2{
	background: white;
	font-weight: bold;
	color: #6d398e;
	font-size: 18px;
	border-radius: 10px;

}

.btn-2:hover{
	background:  #d1b5e5; 
	font-weight: bold;
	color: #47245c;
	font-size: 18px;
	border-radius: 10px;

} 

.btn-modal{
    background:#300949;
    color: white;
    border-radius: 10px;
    font-size:  18px;
    padding-right: 15px;
    padding-left: 15px;

}

.btn-modal:hover{
    background: #d1b5e5;
    color::#300949;
    border-radius: 10px;
    font-size: 18px; 
    padding-right: 15px;
    padding-left: 15px;

}
/*botones de gracias*/


.btn-llamanos-g{
    background:#740bb5; 
    color: white;
    border-radius: 10px;
    font-size: 22px;
    padding-right: 15px;
    padding-left: 15px;
}

.btn-llamanos-g:hover{
    background: #300949;
    color: white;
    border-radius: 10px;
    font-size: 22px; 
    padding-right: 15px;
    padding-left: 15px;
}


.btn-whats-g{
    background: #00e676;
    color: black; 
    border-radius: 10px;
    font-size: 22px;
    padding-right: 15px;
    padding-left: 15px;
}

.btn-whats-g:hover{
    background: #00592e; 
    color: white; 
    border-radius: 10px;
    font-size: 22px;
    padding-right: 15px;
    padding-left: 15px;
} 

/*fin botones de gracias*/


/*fondo formulario*/ 
.bg-form {
    background: rgb(128 86 205 / 93%);
}



.menu-sticky {
    position: fixed;
    top: 0px;
    bottom: auto;
    width: 100%;
    z-index: 9999;
} 

/*tamaño logo*/
#logo img {
	max-height: 85px;
}

/*banner fondo*/
#banner {
    background-image: url(../img/banner.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 529px;
}


/*efecto zoom imagenes*/
.zoom {
	padding-top: 1rem;
    transition: transform .2s;
    height: auto;
    margin: 0;
    max-width: 100%;
}

.zoom:hover {
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

 
/*redes sociales iconos*/
.icon {
	color: #d195f8!important;
	text-decoration: none!important;
	font-size: 21px !important;
}

.icon:hover { 
	color: white!important;
	text-decoration: none!important;
	font-size: 21px !important;
}

/*textos footer*/
.txt-footer{
	color: #d195f8;
	font-size: 17px;
}



@media (max-width: 767px){

    .btn-whats2{  
        background: #00e676;
        color: black; 
        border-radius: 10px;
        font-size: 15px;
        margin-left: 5px;
        margin-top: 5px;
    }
      
    .btn-whats2:hover{
    
        background: #028e4a;
        color: white;
        border-radius: 10px;
        font-size: 13px;
        margin-left: 5px;
        margin-top: 5px;
    } 

    
.bg-1 {
        background: url(../img/bg-1.webp) center center no-repeat;
        background-size: 229%;
        background-position: -63px 0px;
        height: 298px;
    }

.txt-movil{
	font-size: 25px;
} 

.txt-movil2{
	font-size: 20px;
} 



#banner {
    background-size: cover;
    background-position: -123px 0px;
    height: 200px!important;
}
  
.movilbanner{
    padding-top: 15px;
    font-size: 12px;
    margin-bottom: 4px;
}
 
.movilbanner2{
    font-size: 19px;
    margin-bottom: 0;
}

.movilform1{
	margin-top: 10px;
    text-align: center;
}

.bgformovil{
	margin-top: 65px;
	margin-bottom: 20px;
    background: rgb(128 86 205 / 93%);
	color: white!important;
}

.mt-movil{ 
    margin-top: 20px!important;
}

}