body{
  font-family: "Open Sans", serif;
  background: #fcf9f4;
} 

/*btn flotantes*/
.img-btn-float {
  width: 50px;
} 
.btn-float1 {
  position: fixed; 
  bottom: 100px;
  right: 30px;
  z-index: 99999999;
}
.btn-float2 {
  position: fixed;
  bottom: 160px;
  right: 30px;
  z-index: 99999999;
} 

.logo{
  width: 100px;
} 
 

/*titulos banner*/
.h1banner{ 
	font-weight: 400;
  color: #e45c9b;
  /*text-shadow: 3px 3px 3px #000000b3;*/
  font-family: "Epunda Slab", serif;
  font-size: 3rem;  
} 
.h2banner{
	font-weight: 400;
  color: #8d7abc;
  font-size: 1.6rem;   
  /*text-shadow: 3px 3px 3px #000; */  
   
}
 
.highlight1 {
  display: inline-block;  
  background-color: #ffffffd8; 
  padding: 4px 8px;        
  border-radius: 4px;       
}

.highlight2 {
  display: inline-block;  
  background-color: #fae39dec; 
  padding: 4px 8px;       
  border-radius: 4px;      
}

 
.txt-title{
  font-family: "Epunda Slab", serif!important;
}

.txt-blues{
  color: #2c58af;
}

.txt-blues2{
  color: #3b99b2;
}

.txt-purple{
  color: #8d7abc;
}
 
.txt-yellow{
  color: #fae39d;
}

.txt-pink{
  color: #e45c9b;
}

.txt-gray{
  color: #6c757d;
}

.txt-numbers{
  font-size: 4rem!important;
}

.icon-star{
  color: rgb(227, 185, 19);  
}

.icon-footer{
  color: white;
} 

.icon-footer:hover{
  color: gray;
}


/*botones*/
.btn-llamanos{
  background: #3b99b2;
  color: white;
  border-radius: 10px;
  font-size: 15px;
  margin-left: 5px;
  margin-top: 5px;
}

.btn-llamanos:hover{
  background:#174755;   
  color: white;  
} 

.btn-whatsapp{
  background: #00e676;
  color: black; 
  border-radius: 10px;
  font-size: 15px;
  margin-left: 5px;
  margin-top: 5px;
}
.btn-whatsapp:hover{
  background: #007a3f;; 
  color:  white;
}

.btn-1{
  background: #8d7abc;
  color: white;
  border-radius: 10px;
  font-size: 22px;
  margin-left: 5px;
  margin-top: 5px;
}

.btn-1:hover{
  background: #625487;  
  color: white;
}

.btn-2{
  background: #3b99b2;
  color: white;
  border-radius: 10px;
  font-size: 22px;
  margin-left: 5px;
  margin-top: 5px;
}

.btn-2:hover{
  background: #297388;   
  color: white;
}

.btn-3{
  background: #2c58af;  
  color: white;
  border-radius: 10px;
  font-size: 22px;
  margin-left: 5px;
  margin-top: 5px;
}
 
.btn-3:hover{
  background: #1f3e7a;   
  color: white; 
}

.btn-4{
  background: #e45c9b;  
  color: white;
  border-radius: 10px;
  font-size: 22px;
  margin-left: 5px;
  margin-top: 5px;
}

.btn-4:hover{
  background: #8e3760;   
  color: white; 
}

.btn-envia{
  background:  #57bfdc;
  color: white; 
  border-radius: 10px;
  font-size: 15px;
  margin-left: 5px;
  margin-top: 5px;
}

.btn-envia:hover{
  background: #1b4d5b;   
  color: white;
} 


.btn-outline-wb{
	color: #ffffff;
	font-size: 22px;
	border-radius: 10px;
	border-color: #ffffff;
}

.btn-outline-wb:hover{
	background: #ffffff;
	color: #96aedd;
}


.btn-outline-wp{
	color: #ffffff;
	font-size: 22px;
	border-radius: 10px;
	border-color: #ffffff;
}

.btn-outline-wp:hover{
	background: #ffffff;
	color: #8d7abc;
}

/*botones gracias*/
.btn-back{
	color: #297388;   
	font-size: 22px;
	border-radius: 10px;
	border-color: #297388;   
}
.btn-back:hover{
	background:#297388;   
	color: #fcf9f4;
}

.btn-llamanos-g{
  background: #8d7abc;
  color: #ffffff;
  border-radius: 10px;
  font-size: 25px;
  margin-left: 5px;
  margin-top: 5px;
}
.btn-llamanos-g:hover{
  background:#493e63;  
  color: white;  
}  

.btn-whats-g{
  background: #00e676;;
  color: black; 
  border-radius: 10px;
  font-size: 25px;
  margin-left: 5px;
  margin-top: 5px;
}
.btn-whats-g:hover{
  background: #007a3f;; 
  color:  white;

}  

/*banner fondo*/ 
#banner {
  background-image: url(../img/banner.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  height: 500px!important;
}

/*backgrounds*/

.bg-menu{
  background: white;
}

.bg-purple{
  background: #8e7abc;
}

.bg-blue{
  background: #96aedd;
}

.bg-yellow{
  background: #f4e9c6;  
}

.bg-blueclouds-1 {
    background: url(../img/bg-blueclouds-1.svg) center center no-repeat;
    background-size: cover;
    height: 200px!important;
}

.bg-blueclouds-2 { 
    background: url(../img/bg-blueclouds-2.svg) center center no-repeat;
    background-size: cover;
    height: 200px!important;
}

.bg-purpleclouds-1 {
    background: url(../img/bg-purpleclouds-1.svg) center center no-repeat;
    background-size: cover;
    height: 200px!important;
}

.bg-purpleclouds-2 {
    background: url(../img/bg-purpleclouds-2.svg) center center no-repeat;
    background-size: cover;
    height: 200px!important;
}

.bg-yellowclouds-1 {
    background: url(../img/bg-yellowclouds-1.svg) center center no-repeat;
    background-size: cover;
    height: 200px!important;
}

.bg-yellowclouds-2 {
    background: url(../img/bg-yellowclouds-2.svg) center center no-repeat;
    background-size: cover;
    height: 200px!important;
}
 

/*formulario*/
.bg-form { 
  background: #8d7abc;
  color: white!important;
  border-radius: 10px; 
}   


.bg-form2{
  background: #8d7abc;
}



/*titulo de box1*/
.h2-with-line {
  display: flex;
  align-items: center;
  text-align: center;
}

.h2-with-line::before,
.h2-with-line::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ccc; /* Color de la línea */
  margin: 0 15px; /* Espacio entre el texto y las líneas */
}



/*tamaño de imagenes*/

.img-size1{ 
  width: 80px!important;
}

.img-border {
    border-radius: 10px!important;
}

/*card accents*/
.bcard-accent1 {
  border-color: #8d7abc!important; 
}

.bcard-accent2 {
  border-color: #97c9d6!important; 
}

.bcard-accent3 {
  border-color: #96aedd!important; 
}

.bcard-accent4 {
  border-color: #f8bcd8!important; 
}
/*card accents*/




@media (max-width: 425px){
  #banner {
    background-size: 150% auto!important;
    background-position: 0px 0px;
} 

}



@media (max-width: 768px){

  #banner {
      background-size: 160%!important;
      background-position: 0px 0px;
  } 

  .h1banner{
    padding-top: 18px;  
    font-size: 22px;
    margin-bottom: 4px;
  }

  .h2banner{
    /*padding-top: 23px;*/
    font-size: 19px;
    margin-bottom: 4px;
  }



  /*formulario*/
  .bg-form { 
    margin-bottom: 110px!important;
    margin-top: 170px!important;
    background: #8d7abc;
    color: white!important;
    border-radius: 10px;
  } 


  .margin-topb{
    margin-top: 220px!important;
  }
 
}