@font-face {

    font-family: Roobert;

    font-weight: 300;

    src: url("Roobert-Regular.otf");

}







@font-face {

    font-family: Roobert;

    font-weight: 400;

    src: url("Roobert-Medium.otf");

}







@font-face {

    font-family: Roobert;

    font-weight: 500;

    src: url("Roobert-SemiBold.otf");

}











@font-face {

    font-family: Roobert;

    font-weight: 600;

    src: url("Roobert-Bold.otf");

}





body::-webkit-scrollbar {

  width: 0.6rem;

  background-color: #151518;





}



body::-webkit-scrollbar-track {

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

}



body::-webkit-scrollbar-thumb {

  background-color: #36363d;

  outline: 1px solid, slategrey;

    border-radius: 20px;

}





.container{



max-width: 1280px !important;



}





.container-fluid{



max-width: 1440px !important;



}







.dark{



background-color: #0e0e10;



}



.morado{



background-color: #9147ff;



}



.moradobes{



background: #9147ff;





}





.morado-txt{



color: #9147ff !important;



}





.morado2{





color: #9147ff !important;

font-weight: 500;



}



.amarillo{



color: #FFF947;



}



.rosa-txt{



color: #BF94FF !important;



}



.galeria{



border-radius: 100px;



}





.parib{



padding-top: 80px;



}





.sticky .readon {



   background-color: #9147ff !important;



}





.noseve{



display: block;



}



.imagen-prin{



padding-top: 30px;



}





.pc{



display: block;



}







 .movil{



  display: none !important;



    }







.movil-logo{



display: none;



}





.dark-bg{



background-color: #fff;



}







.bor{



font-size: 18px;

border-bottom: 2px solid #9147ff;

width: 10%;



}



.blanco{



color: #fff !important;



}



.bor2{



font-size: 18px;

border-bottom: 2px solid #9147ff;

width: 10%;

text-align: center;

}





















.readon2 {

    cursor: pointer;

    display: inline-block;

    position: relative;

    font-size: 18px;

    font-weight: 500;

    color: #fff !important;

    font-family: Roobert,sans-serif !important;

    background-color: #9147ff;

    border: 0px solid #5B20B3;

    padding: 12px 25px;

    z-index: 1;

    border-radius: 50px;

    transition: all 0.4s ease-in-out 0s;

    overflow: hidden;

}













.readon3 {

    cursor: pointer;

    display: inline-block;

    position: relative;

    font-size: 18px;

    font-weight: 500;

    color: #fff !important;

    font-family: Roobert,sans-serif !important;

    background-color: #000;

    border: 0px solid #5B20B3;

    padding: 12px 25px;

    z-index: 1;

    border-radius: 100px;

    transition: all 0.4s ease-in-out 0s;

    overflow: hidden;

}







.fondonegro{



background-color: #000;



}



.rs-about{



background-color: #fff;



}





.segunda{



padding-top: 80px;



}





.tercera{



padding-top: 100px;



}



.mb80{



margin-bottom: 100px;



}





.mb120{



margin-bottom: 150px;



}



.mb125{



margin-bottom: 150px;



}







.mt70{



margin-top: 60px;



}



.mb50{



margin-bottom: 20px;



}



.pt60{



padding-top: 60px;



}



.pr75{



padding-right: 75px;



}



.pt155{





padding-top: 180px;



}



.pt120{



padding-top: 140px;



}



.rayado{



text-decoration: underline;





}



  .siseve{



   display: none;



  }





.pl75{



padding-left: 75px;



}





.pt20{



padding-top: 40px;



}







.rosa-bg{



background-color: #BF94FF;



}





.verde-bg{



background-color: #00c795;

margin-top: 30px;



}













.dark-bg{



background-color: #000;



}



.negro{



color: #000 !important;



}





  .bg-morado{



    background-color: #0e0e10;



  }





  .dark-gray{



  background-color: #fafafa;



  }





  .verde{



  color: #00c795 !important;



   }











   .precio {

     cursor: pointer;

display: inline-block;

position: relative;

     width: 100% !important;

padding: 12px 25px;

font-size: 18px;

font-weight: 500;

color: #fff !important;

background-color: #9147ff;

border-radius: 50px;



   }





small.peque{



margin-left: -8px;

font-size: 28px;



}



.pb160{



padding-bottom: 180px;



}









.centradopapi{



text-align: center;

text-transform: uppercase !important;

font-weight: 600 !important;



}





.centrado{



text-align: center;

text-transform: uppercase !important;

letter-spacing: 20px;



}





.centrado2{



text-align: center;

text-transform: uppercase !important;

letter-spacing: 10px;

}









.preguntas{



background-color: #1f1f23;

border-radius: 6px;



}



.fonpe{



font-size: 100px !important;

line-height: 80px !important;



}







.material-symbols-outlined {

  font-variation-settings:

  'FILL' 0,

  'wght' 400,

  'GRAD' 0,

  'opsz' 48

}







.nero  li{



  font-size: 15px;

  position: relative;

  padding: 6px 0 4px 0px;



  color: #3e3e3e;

  opacity: 1;

  font-weight: 300;

  transition: all 0.3s;



}











.gris-bg{



background-color: #000;

}








.sinmargen{



padding: 0px;



}







.bgimage{



background: #000 url('../images/banners/a.png') no-repeat center top;

border-radius: 100px 6px 100px 6px;

 height: 100%;

 width: 100%;

 background-size: cover;





}





.usuarios{



  left: 50%;

  position: absolute;



  transform: translate(-50%,-50%);

  text-align: center;

  background: #9147ff;

  width: 80px;

  height: 80px;

  color: #fff;

  line-height: 0;

  border-radius: 50%;



}





h2.papi{



font-size: 34px !important;

line-height: 34px !important;

font-weight: 400 !important;



}







span.mil{



font-size: 100px !important;

line-height: 100px !important;

font-weight: 500 !important;

color: #9147ff !important;



}



.lasredes{



border-bottom: 1px solid rgba(83,83,95,.48);

margin-top: 40px;



}







.lasredes i{



color: #000;



}



.spred{



font-weight: 300;

color: #000;



}







.negro p{



color: #3e3e3e !important;

padding-right: 20px;

}



 



.negro h6{



  color: #fff;

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 8px;

}







ul.pabajoman li {



  font-size: 14px;

 line-height: 36px;

 font-weight: 300 !important;

 color: #fff;

}





.refond span{

background-color: #9147ff;

padding: 5px;

border-radius: 6px;

font-size: 14px;





}

.refond a{



color: #000;



}







.negro a{



  color: #fff;

  font-size: 24px;

  line-height: 36px;

  font-weight: 500;

  transition: all 0.3s ease;





}



.negro a:hover{



  color: #9147ff;

  transition: all 0.3s ease;





}





.masfoo{



border-top: 0px solid #000;

background-color: #9147ff;

margin-top: 80px;

padding: 15px 15px !important;

padding-left: 25px !important;

border-radius: 12px 12px 0px 0px;

color: #000;

font-weight: 400;





}







.flag-width {

    width: 18px;

    height: 18px;

    margin-right: 5px;

    position: relative;

    top: -2px;

}











input::placeholder {



color: #1f1f23;



}





.suscribetes p input[type="email"] {

    width: 100%;

    font-size: 16px;

    padding: 10px 20px;

    margin: 0;

    color: #000;

    overflow: hidden;

    background: #fff;

    border: 1px solid #dfe2e6;

    border-radius: 12px;

    max-width: 100%;

    opacity: 1;

}







.suscribetes p input[type="submit"] {

    position: relative;

    border: none;

    background: #9147ff;

    color: #fff;

    padding: 12px 25px;

    font-weight: 400;

    font-size: 16px;

    line-height: 26px;

    margin-top: 15px;

    outline: none;

    transition: all 0.3s;

    border-radius: 100px;

}













.popup {

    background-color: #ffffff;

    color: #888888;

    height: 245px;

    left: 100%;

    padding: 20px;

    position: fixed;

    right: 30%;

    top: 25%;

    width: 550px;

    z-index: 101;

    -moz-box-shadow: 0px 0px 10px 1px #888888;

    -webkit-box-shadow: 0px 0px 10px 1px #888888;

    box-shadow: 0px 0px 10px 1px #888888;

    border-radius:10px;

    -moz-border-radius:10px;

}



.overlay {

    background: #000000;

    bottom: 0;

    left: 0;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 100;

    opacity:0.5;

}



a.close {

    background: url("cancel.png") repeat scroll left top transparent;

    cursor: pointer;

    float: right;

    height: 26px;

    left: 32px;

    position: relative;

    top: -33px;

    width: 26px;

}







footer{



background-color: #000;



}





.veaps{



  color: #fff;

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 8px;



}





.rdcs{



border-bottom: 1px solid #9147ff;

padding-bottom: 30px !important;

}






 




.bd-example{





margin-top: 50px;

margin-bottom: 80px !important;

}











.bd-example li a{



font-size: 14px;

color: #fff !important;



}







.bd-example li a:hover{





color: #9147ff !important;



}







.ponf{



position: relative;

top: 1px;

font-size: 18px;

}





.billetera{



background-color: #FFF;

margin-right: 10px;

padding: 12px 18px;



}





.billetera span{



 font-size: 22px;

color: #9147ff ;





}







.morepe{



background-color: #9147ff;

color: #fff !important;

font-size: 16px;

line-height: 16px;

padding: 6px 12px !important;

border-radius: 6px;

letter-spacing: 0px;



}



.telegr{



padding: 2px;



}







.leran{



font-size: 1.2rem;



}











strong.oscur{

    

font-weight: 500;    

    

}









strong.negrost{

    

color: #000;    

    

}



.gente{


letter-spacing: 0;
font-size: 42px;
line-height: 42px;
color: #fff; 
padding: 50px 50px;
position: absolute; 
width: 100%;
border-radius: 20px;
margin-top: -75px; 
font-weight: 300;
background: linear-gradient(-45deg, #9147ff, #00c795, #7D3DDB, #bf94ff);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.gurfd{

font-weight: 800;

}


.miremos2{

position: relative;

}


.miremos{

position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px; /* Ajusta el valor según la mitad de la altura del elemento */
  margin-left: -50px; /* Ajusta el valor según la mitad del ancho del elemento */

}


.nuevo{

  font-weight: 200;
  top: 0px;
  position: relative;
  font-size: 42px;
  letter-spacing: 0px;
  color: #000 !important;
}









   .oscurost{



   font-weight: 500 !important;

 
    }


.arfle{

display: none !important;
background-color: #000;

}

 




@media (max-width: 1280px){







  .container{



  padding-left: 40px !important;

  padding-right: 40px !important;



  }



  .sec-title2 .title.title4 {

    font-size: 100px;

    line-height: 100px !important;

    padding: 0 0px;

    font-weight: 500;

    text-align: left;

}
 
}















@media (max-width: 1024px){



  .sec-title2 .title.title3{



    font-size: 76px !important;

  line-height: 76px !important;

  text-transform: capitalize;

  letter-spacing: -0.04em !important;



  }



  .sec-title2 .title.title4 {

    font-size: 76px !important;

  line-height: 76px !important;

    padding: 0 0px;

    font-weight: 500;

    text-align: left;

}





  .full-width-header .rs-header .menu-area .logo-area img {

    transition: 0.4s;

    max-height: 157px;

    height: 45px;

    padding-left: 5px;

  }





  .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {

      font-size: 16px;



  }





  .rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .title {

   font-size: 100px;

   font-weight: 700 !important;

   line-height: 80px;

   color: #fff;

   letter-spacing: 12px;

   margin-bottom: 0px;

}





.rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-headline.clip span {

    display: inline-block;

    font-size: 100px;

    line-height: 80px;

    font-weight: 700 !important;

    text-transform: capitalize;

}

 
}





















@media (max-width:834px){





  .login-movil {

    cursor: pointer;

    display: inline-block;

    position: relative;

    width: 100%;

    font-size: 18px;

    font-weight: 500;

    line-height: 28px;

    color: #fff !important;

    font-family: Roobert,sans-serif !important;

    background-color: #9147ff !important;

    border: 0px solid #5B20B3;

    padding: 12px 5px;

    text-align: center !important;

    margin-top: 50px;

    z-index: 1;

    border-radius: 100px;

    transition: all 0.4s ease-in-out 0s;

    overflow: hidden;

}



  .rs-footer.footer-main-home .footer-bottom .bottom-border .copyright p {



    text-align: left;

}





  .rs-footer.footer-main-home .footer-top {

    padding: 30px 0 30px;

}



  .rs-footer.footer-main-home .footer-top .site-map li a {



    text-decoration: underline !important;

}



  .rs-footer.footer-main-home .footer-top::before{



    display: none;



  }



  .rs-footer.footer-main-home .footer-top .footer-logo a img{



    display: none;

  }



  .mb125{



  margin-bottom: 100px;



  }





  .siseve{



   display: block;



  }



  .pl75{



  padding-left: 20px;



  }





  .sec-title2 .title.title4 {

    text-transform: none;

    font-size: 72px !important;

    line-height: 72px !important;





    text-align: left;

}









  .sec-title2 .title.title3 {

    text-transform: none;

    font-size: 72px !important;

    line-height: 72px !important;

    letter-spacing: -0.04em !important;

}





  .rs-partner.partner-main-home .slider .partner-item .logo-img a .mains-logos{



  max-width: 180px;



  }







  .parib {

    padding-top: 60px;

    padding-bottom: 60px;

}







  .rs-slider.slider-style1 .slick-part {

    padding: 150px 0 0px;

}





  .noseve{



 display: none;



  }



 .full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander{



  display: block;



 }



 .full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander .bar span {



   background: #fff;



 }



}































@media (max-width:767px){

 
  .sec-title2 .title {
 
 

  letter-spacing: -0.03em;

 
}

 
.arfle{
background-color: transparent;
display: block !important;
 
}

 


  
.nuevo{
 
  font-size: 28px;
  top: 25px;
  
}








  .pt-50{
  
    padding-top: 30px;

  }

  .gente{
 
 
  font-size: 40px;
  line-height: 40px;
  position: relative;
  top: 95px; 
  padding: 40px;
  text-align: left;
  
  }

    

    .pricing-container.pricing-style2 .pricing-table .pricing-wrap .pricing-table-body .features ul li {

 

  margin: 13px 0;

  padding-bottom: 10px;

 

  

}

    

    

    .mb70{

        

    margin-bottom: 50px;     

        

    }

    

    .oscurost{



   font-weight: 500 !important;

   color: #000;

        

    }


  

.calculator-box p{

    

    font-size: 1.3em; 
    padding: 2px;
    

}


 





  .borneg{



  border: 1px solid #3e3e3e !important;
 

  }





  .masfoo{



  padding: 20px 20px !important;

  padding-left: 20px !important;







  }





  span.mil{



  font-size: 80px !important;

  line-height: 80px !important;

  font-weight: 500 !important;

  color: #9147ff !important;



  }



  .veaps{



  color: #9147ff !important;
  font-size: 14px !important;


  }





  h2.papi{



  font-size: 30px !important;

  line-height: 30px !important;





  }







  .rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner {



      margin-bottom:  55px;



     }





  .rs-slider.slider-style1 .slick-part {

    padding: 240px 0 20px;

  }





  .rs-footer.footer-main-home .footer-top {

    padding: 70px 0 30px;

}



  .rs-slider.slider-style1 .slick-part {

    padding: 100px 0 0px;

}











  .full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander .bar span {



    background: #fff;



  }



  .rs-footer.footer-main-home .footer-top .site-map li a {

    font-size: 15px;

    position: relative;

    padding: 0px 0 4px 0px;

    display: inline-block;

    color: #3e3e3e;

    opacity: 1;

    font-weight: 300;

    transition: all 0.3s;

    text-decoration: underline !important;

}





  .pror{



  margin-top: 10px;



  }



  .rs-footer.footer-main-home .footer-bottom .bottom-border .copyright p {

    font-size: 15px;

    font-weight: 300;

    opacity: 1;

    color: #3e3e3e;

    margin: 0;

    text-align: left;

}



  .md-mb-65{



  margin-bottom: 20px;



  }



  .rs-footer.footer-main-home .footer-top:before{



  display: none;



  }





  .rs-footer.footer-main-home .footer-top .footer-logo a img {

   display: none;



  }





  .md-pb65{



  padding-bottom: 90px !important;





  }





  .rs-faq.faq-style1 .faq-content .accordion .card {

    margin-bottom: 25px;

    border: none;

    background-color: #fff;

    border-radius: 30px;

    box-shadow: 10px 10px 10px 0 rgba(0, 0, 1, 0.04) !/* OPTIMIZE:  */;

      border: 1px solid #f9f9f9 !important;





  }







  .fonpe{



    font-size: 42px !important;

     line-height: 42px !important;



  }





  .cellleter{





   letter-spacing: 8px;

  }





  .centrado2 {



         letter-spacing: 4px;

  }





  .pt155{





  padding-top: 100px;



  }





  .pb160{



  padding-bottom: 120px;



  }









  .mb120{



  margin-bottom: 100px;



  }





  .mb125{



  margin-bottom:  40px;



  }



  .tercera{



  padding-top: 80px;



  }





  .mt70{



  margin-top: 30px;



  }



  .p20{



   padding: 0px 20px;



  }





  .pl75{



  padding: 0px 15px;



  }





  .pt20{



  padding-top: 5px;



  }





  .pr75{



  padding-right:  15px;



  }





  .siseve{



   display: block;



  }







    .container{



    padding-left: 20px !important;

    padding-right: 20px !important;



    }



    .pt60{



    padding-top:  5px;



    }





  .sec-title2 .title.title4{



   line-height: 42px !important;

   font-size: 42px !important;

   font-weight: 600;





  }



  .sec-title .desc {

    font-size: 18px;

    line-height: 26px;

    font-weight: 300 !important;

    color: #3e3e3e;

    margin: 0;

  }



  .titulomovi{



   font-size: 26px !important;

   line-height: 26px !important;

   font-weight: 300 !important;



  }



  .mb80{



  margin-bottom: 60px;



  }









  .movil-logo{



  display: block;



  }







  .login-movil {

    cursor: pointer;

    display: inline-block;

    position: relative;

    width: 100%;

    font-size: 18px;

    font-weight: 500;

    line-height: 28px;

    color: #fff !important;

    font-family: Roobert,sans-serif !important;

    background-color: #9147ff !important;

    border: 0px solid #5B20B3;

    padding: 12px  5px;

    text-align: center !important;

    margin-top: 50px;

    z-index: 1;

    border-radius: 100px;

    transition: all 0.4s ease-in-out 0s;

    overflow: hidden;

  }







.md-pb-80{



 padding-bottom: 70px;



}



.md-pb-85{



 padding-bottom: 100px;



}





  .sec-title2 .title.title3 {





    text-transform: none;

    font-weight: 500;

    padding-right: 25px;

    padding-top: 10px;

    font-size: 42px !important;

    line-height: 42px !important;

  }







  .pc{



  display: none !important;



  }





    .movil{



    display: block !important;



    }











  .readon.red.get-bdr.get-white {

    background-color: #9147ff;

    border: 0px;

  }



  .normal-logo{



  display: none;





  }



  .rs-services.services-style3.services-modify4 .services-item .services-wrap,

  .rs-services.services-style3 .services-item .services-wrap,

  .rs-services.services-style1 .services-item .services-wrap,

  .rs-services.services-main-home .services-item .services-wrap {

      background-color: #000;

      border: 1x solid #9147ff;





  }





  .black-bg4 {

    background-color: #000;

  }



  span.hola {



      color: #000  !important;

  }





  .rs-partner.partner-main-home .slider .partner-item .logo-img a .mains-logos{



  max-width: 80px;



  }



  .full-width-header .rs-header .menu-area {

    transition: all 0.3s ease 0s;

    background: transparent;

    border-bottom: 1px solid rgba(255, 255, 255, 1.0);

    padding: 2px 0;

}





  .morado{



  background: #9147ff;



  border-bottom: 1px solid #0e0e10;



  }










  


    .moradobes{



    background: #9147ff;





    }







  .imagen-prin{



  margin-top: -40px !important;

  box-shadow: 38px 45px 93px -10px rgba(0, 0, 0, 0.05);



  }





  .noseve{



  display: none;



  }



  .full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander {



  display: block;

  margin-right: -5px;



  }





  .parib{



  padding-top: 25px;

  padding-bottom: 25px;



  }





  .rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .title {

    font-size: 48px;

    font-weight: 700;

    line-height: 34px;

    padding-top: 30px;

    color: #fff;

    letter-spacing: -0.03em !important;

    margin-bottom:  0px;

  }





  .rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-headline.clip span {

    display: inline-block;

    font-size: 48px;

    line-height: 34px;

    letter-spacing: -0.03em !important;

    font-weight: 700 !important;

    text-transform: capitalize;

  }





  .rs-slider.slider-style1 .slick-part .slider.slider-for2 .rs-animated-heading .title-inner .cd-headline {

    margin-top: 10px;

    color: #fff;

  }





  .iconovideo a {



    width: 50px !important;

    height: 50px !important;



  }





  .iconovideo a i {

    font-size: 20px !important;

    line-height: 50px !important;

  }



  .iconovideo a:before {



    background: #9147ff;

  }





}