/*
Theme Name:   Plixsite
Theme URI: https://plixsite.com
Description:  Plixsite - Hosting Wordpress Theme
Author:       aleks rc
Author URL:   https://plixsite.com
Template:     hello-elementor
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  hello-elementor
Tags: domains, host, hosting, hosting templates, landing page, layout, layout switcher, modern, one page, template, web hosting templates, whmcs, whmcs templates, whmcsdes
Text
*/





.page-content {
    overflow: hidden;
}

p.de {
    margin: 0px;
    font-weight: 400;
    background: #03a747;
    color: #fff !important;
    animation: bounce-in 7s 
ease-in-out infinite;
    border-radius: 20px;
    font-size: 14px;
    padding: 0 8px;
    position: absolute;
    right: 20px;
    top: -14px;
}

@keyframes bounce-in {
    0% {
        transform: scale(1)
    }

    3% {
        transform: scale(.7)
    }

    6% {
        transform: scale(1.05)
    }

    9% {
        transform: scale(.9)
    }

    12% {
        transform: scale(1)
    }

    47% {
        transform: scale(1)
    }

    50% {
        transform: scale(1)
    }
}





::selection {
    background: #fff !important;
    color: #000 !important;
}


::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #393939;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
      background: #8a8a8a;
}

::-webkit-scrollbar-track {
  background: #000000;
}

.bg-fil {
backdrop-filter: blur(10px);
}

.cleverwa-description p span {
    color: rgba(255, 255, 255, 1) !important;
    font-size: 12px !important;
}




.vertical-lr .elementskit-section-title-wraper{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(-180deg);
}

.vertical-lr {
    position: absolute !important;
    left: 0%;
    top: 2%;
    writing-mode: vertical-lr;
    animation: f-bg-text 10s linear infinite;
}

.vertical-rl {
    position: absolute !important;
    left: 0%;
    top: 2%;
    writing-mode: vertical-rl;
    animation: f-bg-text 10s linear infinite;
}




@keyframes f-bg-text {
  0% {
    opacity: .04;
    transform: translateY(0);
  }
  50% {
    opacity: .8;
    transform: translateY(50px);
  }
  100% {
    opacity: .04;
    transform: translateY(0px);
  }
}


#container {
  width: 100%;
  height: 100%;
}









.scalexi .elementskit-box-header {
    border-radius: 30px;
}


























.image1 {
    animation: looping 99s infinite linear;
}
#column1 {
    height: 700px;
    max-height: 700px;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), black 20%, black 80%, rgba(0, 0, 0, 0));
}

@keyframes looping {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-50%);
    }
}




.image2 {
    animation: looping 97s linear 0s infinite none reverse;
     animation-direction: reverse;
}
#column2    {
    max-height: 700px;
    height: 700px;

    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
}

@keyframes looping{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-50%);
}
}




.image3 {
    animation: looping 97s linear 0s infinite none;

}
#column3  {
    max-height: 700px;
    height: 700px;
    -webkit-mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);
    mask-image: linear-gradient(transparent, black 20%, black 80%, transparent 100%);

}

@keyframes looping{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-50%);
}
}






.image1:hover, .image2:hover, .image3:hover {
animation-play-state: paused;
}

























.hiht {
backdrop-filter: blur(10px);

}


.top1 {
    border-radius: 10px;
    animation: headload 47s linear 0s infinite none reverse;
     animation-direction: reverse;
}
#box1   {
    max-height: 700px;
    height: 700px;

}




.top2 {
    border-radius: 10px;
    animation: headload 47s linear 0s infinite none;

}
#box2  {
    max-height: 700px;
    height: 700px;
   
}

@keyframes headload{
0% {
    transform: translateY(0px);
}
100% {
    transform: translateY(-33.3%);
}
}



.top1 img, .top2 img {
padding: 10px;border-radius: 30px !important;
}













.cursor-follower {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #ffffff;
  opacity: 0;
  z-index: 10000;
  user-select: none;
	pointer-events:none;
}













.testin .xika .profile-content {
    text-align: left; 
}

.testin .xika .profile-content img {
    display: block;
    width: 100px;
    margin: 0 auto;
    padding-bottom: 10px;
}






.bx-sx .elementor-background-overlay {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 302px;
    background: -webkit-gradient(linear, left top, left bottom, from(#000000b5), to(rgb(0 0 0 / 82%)));
    background: linear-gradient(156deg, #00000000 0%, #000000 100% 100%);
    z-index: 1;
    height: 100%;
}


.fraw .elementor-background-overlay {
    aspect-ratio: 1 / 1;
    background-color: #FF5722 !important;
    filter: blur(100px) !important;
    height: 350px !important;
    left: 100% !important;
    max-width: 200px;
    min-width: 120px;
    overflow: visible;
    top: 70% !important;
    transform: translate(-50%, -50%);
}

.fram .elementor-background-overlay {
    aspect-ratio: 1 / 1;
    background-color: #ff4c00 !important;
    filter: blur(100px) !important;
    height: 150px !important;
    left: 0% !important;
    max-width: 200px;
    min-width: 120px;
    overflow: hidden;
    top: 50% !important;
    transform: translate(-50%, -50%);
}




.frame-yht .dyl25 .elementskit-single-testimonial-slider {
    height: min-content;
    box-shadow: 0 2px 4px #6c718014, 0 7px 7px #6c718012, 0 17px 10px #6c71800a, 0 29px 12px #6c718003, 0 46px 13px #6c718000;
    margin: 25px 5px;
}

.price .elementor-element-populated, .testin .xika .profile-card, .frame-yht .dyl25 .elementor-element-populated, .shaty .elementskit-card.active {
   
    box-shadow: inset 0 -4px 16px rgb(255 255 255 / 14%) !important;
    height: min-content;
    backdrop-filter: saturate(180%) brightness(150%) blur(10px);
}





.framecu .dyl25 .elementor-element-populated:before, .frame-yht .elementskit-single-testimonial-slider:before, .frame-yht .dyl25 .elementor-element-populated:before {
    box-shadow: 0 1px 24px 4px #ffc3a9;
    flex: none;
    height: 2px !important;
    left: calc(50.134048257372676% - 80% / 2) !important;
    overflow: visible;
    position: absolute !important;
    top: 0 !important;
    width: 80% !important;
    z-index: 1 !important;
    transition: none !important;
    transform: none !important;
    background: linear-gradient(90deg, rgba(0, 85, 255, 0) 0%, #ff4c00 50%, rgba(0, 85, 255, 0) 100%);
    will-change: transform;
    opacity: 1;
}    
    




.bg-b1 .shaxo {
    background: radial-gradient(50% 50% at 50% 50%, #FF5722 0%, rgba(171, 171, 171, 0) 100%);
}




.price .wdes-pricing-feature-footer a:hover {
box-shadow: rgba(248, 88, 48, 0.23) 0px 4px 14px 0px, rgba(248, 88, 48, 0.2) 0px 20px 26px 0px, rgba(248, 88, 48, 0.12) 0px 44px 36px 0px, rgba(248, 88, 48, 0.03) 0px 80px 42px 0px, rgba(248, 88, 48, 0) 0px 120px 46px 0px;
}



.lateral-black {
display: flex;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    place-items: center;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    opacity: 1;
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
    overflow: hidden;
}













.bg-blur .logox .elementor-heading-title {
    background: linear-gradient(178deg, #ffffff 25%, #7d7b7b 45%, #ff572200 75%);
    background-clip: text;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}








.botonne .elementor-button {
    background: linear-gradient(272deg, #181717 -.51%, #656565 12.46%, #000 22.5%, #646464 46.54%, #000 112.33%);
    background-size: 800% 400%;
    transition: all .5s;
    animation: gradient 6s infinite 
cubic-bezier(.62, .28, .23, .99) both;
}

.botonpl .elementor-button {
    background: linear-gradient(45deg, #454545, #bdbdbd, #454444, #3b3a39, #979797, #575757);
    background-size: 800% 400%;
    transition: all .5s;
    animation: gradient 6s infinite cubic-bezier(.62, .28, .23, .99) both;
}
.botonok .elementor-button  {
    background: linear-gradient(272deg,#ff3407 -.51%,#fc964c 12.46%,#fc964c 22.5%,#f62f03 46.54%,#fd7c34 112.33%);
    background-size: 800% 400%;
    transition: all .5s;
    animation: gradient 6s infinite cubic-bezier(.62, .28, .23, .99) both;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}







.barra {
    white-space: nowrap;
    animation: barra 17s linear infinite;
    height: 100vh;
    min-width: 360px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
    perspective-origin: 50% 50%;
}

@keyframes barra{
    0%{
        transform: translateY(0px);
    }
    100%{
        transform: translateY(-1575px);
    }
}



























.bgvid .elementor-background-video-container {

mask: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.5) 60%, rgba(0, 0, 0, 0) 90%);
    
}



@media (min-width: 1026px) {
 
 
 

 
 
    
    
@keyframes derecha {
    0% {
    transform: translateX(-192%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes izquierda {
    0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-192%);
  }
}



}




@media (max-width: 1025px) {
 
 
   
    
@keyframes derecha {
    0% {
    transform: translateX(-250%);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes izquierda {
    0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-250%);
  }
}



}
















.logos-iz {
    white-space: nowrap;
    animation: logos 50s infinite linear; 
}
@keyframes logos{
    0%{
        transform: translateX(0px);
    }
    100%{
        transform: translateX(-1920px);
    }
}












.msd-content {
    white-space: nowrap;
    display: flex;
    align-items: center;
    margin-right: 11vw;
}
.msd-content span {
    color: #ff4c00;
}
.msd-content img {
    padding: 5px 30px;
}

@keyframes simplemarquee-15{
0% {
    transform: translate(0, 0);
}

100% {
    transform: translate(-620%, 0);
}
}







.btx .elementskit-btn {
    text-align: left !important;
}



.bgradio {
border-top-left-radius: 2.90em;
border-top-right-radius: 2.90em;
}
.bgradio2 {
        border-top-left-radius: 2.90em;
        border-top-right-radius: 2.90em;
        border-bottom-right-radius: 2.90em;
        border-bottom-left-radius: 2.90em;
}
.bgradio3 { 
    border-bottom-right-radius: 2.90em;
    border-bottom-left-radius: 2.90em;
}



.comments-area a, .page-content a {
    text-decoration: none !important;
}

.nav-blur  {
    max-width: 1800px;
    width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
    margin-top: 15px;
}








.sticky-header {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    right: 0;
    left: 0;
    border-bottom: 0px !important;
}
.bg-hidden {
overflow: hidden;
}




.bg-fixed {
  min-width: 360px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  perspective: 1000px;
  perspective-origin: 50% 50%;
  position: fixed !important;
  backdrop-filter: blur(120px);
}


.bg-shawf:after {
    background: linear-gradient(180deg, rgb(0 0 0 / 0%), #000000a6, #000000, #000000);
    content: "";
    height: 200px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: 0;
}

.bg-shawo:after {
    background-image: radial-gradient(100% 68% at 70% 15%, transparent 70%, #FF5722 90%), conic-gradient(from 90deg at 1px 1px, transparent 90deg, rgb(202 212 215 / 0%) 0);
    width: 100%;
    height: 135%;
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    z-index: 1;
    bottom: 0;
    right: 0;
}





.bg-shawblax:after {
    background-image: radial-gradient(100% 68% at 70% 15%, transparent 50%, #000000f0 102%), conic-gradient(from 85deg at 1px 1px, transparent 275deg, rgb(202 212 215 / 0%) 0);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    content: "";
    z-index: 1;
    bottom: 0;
    right: 0;
}


.text-gra .typed-me {
    color: #fff;
}



.logo-rot:hover {
    transform: rotate(-13deg);
}


.bg-rota {
transform: rotate(-2.28deg);
}







.nav-mov .wdes-nav {
        box-shadow: none !important;
    }















.bg-sleft .elementor-background-overlay {
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(255, 0, 0, 0) 20%, rgba(255, 0, 0, 0) 20%, rgba(255, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%);
    z-index: 4;
    margin: 0 auto;
    left: 0;
    right: 0; 
}












.move .ima1{
    animation: float1 8s ease-in-out infinite;
    filter: blur(3px);
}

@keyframes float1 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(-20px);
	}
	100% {
		transform: translatey(0px);
	}
}

.move .ima2 {
    animation: float2 6s ease-in-out infinite;
    filter: blur(3px);
}

@keyframes float2 {
	0% {
		transform: translatey(0px);
	}
	50% {
		transform: translatey(20px);
	}
	100% {
		transform: translatey(0px);
	}
}


.move .imaf {
    max-width: 200px;
}













.typed-me {
             
    color: #ff4000;
    font-family: "Inter Tight", Sans-serif;
    font-weight: 600;
}

.typed-cursor  {
    color: #ffffff;
    font-weight: 200;
}





@media (min-width: 1026px) {
 
#Top_bar {
    top: 0;
    z-index: 19;
    -webkit-transition: top .3s 
ease-out;
    transition: top .3s 
ease-out;

} 
    
.bg-top { 
    height: 100vh;
}    
.bg-vh {
  height: 101vh;
}


.lineal-de a, .lineal-iz a  {
opacity: .9;
}

.lineal-no a {
        opacity: 9 !important;
    }

.lineal-de a:hover, .lineal-iz a:hover  {
opacity: 9;
}
}



@media (max-width: 1025px) {

.sh-code, .bg-01 .center {
    text-align: center;
}
}





@media only screen and (min-width: 992px) and (max-width: 1026px) {

.bg-top { 
    height: 60vh;
}
    
.bg-vh {
  height: 80vh;
}


}






@media (max-width: 1200px) {

#texlat { display: none !important;} 


}





@media (min-width: 1200px) {








.typed-me, .typed-cursor {
        font-size: 5.8vw;
    line-height: 1em;
}





}





@media only screen and (min-width: 992px) and (max-width: 1200px) {

    .typed-me, .typed-cursor {
        font-size: 8.8vw;
        line-height: 1em;
    }


}




@media only screen and (min-width: 766px) and (max-width: 991px) {


    .typed-me, .typed-cursor {
        font-size: 55px;
        line-height: 60px;
    }

}


@media screen and (min-width: 992px) {
    
    
    
    .precio-tabs .eael-tabs-nav {
        max-width: 600px;
        border-radius: 100px;
        backdrop-filter: blur(10px);
        width: 100%;
        margin: 0 auto;
        background: rgb(67 67 67 / 44%) !important;
    }

 
    
    
    
.ekit-wid-con .elementskit-testimonial-slider .swiper-wrapper {
    transform: translate3d(0px, 0, 0) !important;
}    



.lineal-iz {
    white-space: nowrap;
    animation: izquierda 30s linear infinite;
    min-width: 360px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
    perspective-origin: 50% 50%;
}


.lineal-de {
    white-space: nowrap;
    animation: derecha 30s linear infinite;
    min-width: 360px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
    perspective-origin: 50% 50%;
    
}
    
    
    
 
 .lineal-de img, .lineal-iz img {
border-radius: 30px !important;
}
 
.logos img {
    padding: 1px 35px;
}


.lineal-de img, .lineal-iz img {
padding: 5px 10px;
height: 340px !important;

}

 
}



@media screen and (max-width: 991px) {
 .typed-me, .typed-cursor {
    font-size: 10vw;
    line-height: 1em;
}   

.precio-tabs .eael-tabs-nav ul {
    white-space: nowrap;
    overflow: auto hidden;
    scrollbar-width: none;
    display: block !important;
}

.precio-tabs .eael-tabs-nav ul li {
    min-width: 120px;
    margin-bottom: initial;
    width: 250px;
    display: inline-block !important;
}   

.lineal-iz {
    white-space: nowrap;
    animation: izquierda 17s linear infinite;
    min-width: 360px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
    perspective-origin: 50% 50%;
}


.lineal-de {
    white-space: nowrap;
    animation: derecha 17s linear infinite;
    min-width: 360px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    perspective: 1000px;
    perspective-origin: 50% 50%;
    
}
    
    
    
 .lineal-de img, .lineal-iz img {
border-radius: 15px !important;
}   
    
    
.lineal-de img, .lineal-iz img {
    padding: 5px 5px;
    max-width: 290px !important;
    width: 100%;
}
 
.logos img {
    padding: 1px 15px;
    height: 40px !important;
}
 
 .bg-top { 
    height: 95vh;
}

.bg-vh {
  height: 90vh;
}



}


@media (max-width: 765px) {

.wdes-mobile-menu .menu-item-link {
        color: #000 !important;
    }
    
    
    
.wdes-mobile-menu-left-side.wdes-nav-wrap .wdes-nav  {
        border-radius: 20px;
        top: 70px !important;
        width: 100% !important;
        height: 100vh !important;
}

.bgradio3 { 
    border-bottom-right-radius: 1.90em;
    border-bottom-left-radius: 1.90em;
}
.bgradio2 {
        border-top-left-radius: 1.90em;
        border-top-right-radius: 1.90em;
        border-bottom-right-radius: 1.90em;
        border-bottom-left-radius: 1.90em;
}

.bgradio {
border-top-left-radius: 1.90em;
border-top-right-radius: 1.90em;
}




}











.logos {
transform: rotateZ(-5deg);
margin-left: -2.5vw;
min-width: 105vw;
max-width: 100% 1793px;
width: 105vw;
}


.lineal-de a, .lineal-iz a  {
pointer-events: none;
}


.bg-01 h1{
    background-color: #7e6d41;
    border-radius: 32px;
    box-shadow: inset 0px 0px 11px rgb(123 105 66);
    display: inline;
    overflow: hidden;
    padding: 6px 16px 4px;
}














































.wpcf7 .cfkit input[type="text"], .wpcf7 .cfkit input[type="email"], .wpcf7 .cfkit input[type="url"], .wpcf7 .cfkit textarea, .wpcf7 .cfkit select  {
    padding: 10px 15px !important;
    height: 50px;
    border: 0px solid #a5a5a530 !important;
    background: rgb(241 243 245 / 9%) !important;
    border-radius: 8px !important;
}

.cfkit {
    margin: 0px !important;
}

.cfkit .col-md-12 {
    padding: 0 5px !important;
}
.wpcf7 .cfkit .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 5px;
}
.wpcf7 .cfkit textarea {
    height: 217px;
}
.wpcf7 .cfkit input[type="submit"] {
    background: #0055ff !important;
    border-radius: 8px !important;
    font-family: "Poppins", Sans-serif;
    font-size: 18px !important;
    max-width: 400px;
}
.wpcf7 .cfkit input[type=submit]:hover {
    background-color: #013DB4;
}


.cfs1 h4 {
    margin-top: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    color: #020725;
    opacity: .7;
}
.cfs1 h3 {
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    margin: auto;
    height: auto;
    margin-bottom: 40px;
    padding-left: 8px;
}
.cfs1 h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
}
.cfs1 hr {
    width: 100%;
    border: 1px solid #020725;
    opacity: .1;
    margin-bottom: 40px !important;
    margin-top: 20px !important;
}

.cfs1 ul {
    padding: 41px 59px 43px;
    background: linear-gradient(180deg,#F7F7F7 0%,#F9F9F9 71.65%);
    border-radius: 12px;
}
.cfs1 ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    list-style: disc;
    margin-bottom: 22px;
}

.wpcf7 input[type=submit] {
    width: 100%;
    border-radius: 50px;
}
.wpcf7 input, .wpcf7 textarea {
    padding: 7px 2px !important;
    margin-bottom: 0px;
    margin-top: 0px; 
    background: #f4f4f4;
    border: 2px solid #e0e0e0;
}
.wpcf7 input[type=submit] {
    padding: 18px !important;
}
select {
    background: #f4f4f4;
    border: 2px solid #e0e0e0;
    font-size: 14px !important;
    color: #000000;
    border-radius: 5px;
} 

@media screen and (max-width: 760px) { 
.cfs1 ul {
    padding: 21px 29px 23px !important;
    margin: 15px;
}
}

@media screen and (min-width: 960px) {
    
 .cfkit .col-md-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}  
.cfkit .col-md-3 {
    width: 33.333% !important;
    flex: 0 0 33.333% !important;
} 

}


#bgxi .elementor-button-link {
    width: 100% !important;
}




.wpcf7 form.sent .wpcf7-response-output  {
    display: none !important;
}



.chat-box #comunidad{
    width: 80px;
    height: 80px;
    display: block;
    position: fixed;
    bottom: 25px;
    right: 15px;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    background: #03A9F4;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
}

.chat-box #comunidad {
    animation: pisca 1.5s infinite;
    box-shadow: 0 0 21px -6px #03A9F4;
}


@keyframes pisca {
    70% {
        box-shadow: 0 0 0 25px rgb(0,0,0,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(0,0,0,0)
    }
}


.chat-box #whatsapp {
    width: 80px;
    height: 80px;
    display: block;
    position: fixed;
    bottom: 25px;
    left: 15px;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
    background: #1acb29;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .3);
}


.chat-box #whatsapp {
    animation: what 1.5s infinite;
    box-shadow: 0 0 21px -6px #1acb29;
}


@keyframes what {
    70% {
        box-shadow: 0 0 0 25px rgb(0,0,0,0)
    }

    100% {
        box-shadow: 0 0 0 0 rgb(0,0,0,0)
    }
}



.cleverwa-toggle-icon  {animation: pisca 1.5s infinite;box-shadow: 0 0 21px -6px #FF5722;}



.page-id-3915 .cleverwa-container, .wpcf7-spinner {
    display: none !important;
}


.text-degra span {
    background-image: linear-gradient(309deg, rgb(255 191 166) 2.25225%, rgb(255 91 51) 48.0785%, rgb(255 108 0) 100%);
    display: inline-block;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}


.ays-pb-modals div.ays_pb_description, div[class*=ays-pb-modal_].ays-pb-modal {
    padding: 0px !important;
}

.ays-pb-modal h2 {
    text-align: left !important;
}

.tab-content.custom {
    background: transparent !important;
}



.wdes-tabs .nav-tabs {
    white-space: nowrap;
    overflow: auto hidden;
    scrollbar-width: none;
    display: block;
}



.btnkix{
    clip-path: polygon(12.8% 0, 100% 0, 100% 64.3%, 87.2% 100%, 0 100%, 0 35.7%);
}


.bg-ik:before {
    content: "";
    width: 700px;
    height: 300px;
    top: 300px;
    bottom: 100px;
    z-index: 2;
    position: absolute;
    left: calc(40% - 160px);
    background: conic-gradient(#fd00ff 83deg, #8e24ff 54.8916deg, #0051ff 106.699deg, #4797ff 178deg, #04f 252deg, #50f 306deg, #d0f 360deg);
    border-radius: 2000px;
    filter: blur(150px);
    mix-blend-mode: plus-lighter;
    pointer-events: none;
}


.bg-sha:before {
    content: "";
    width: 700px;
    height: 300px;
    top: 250px;
    bottom: 100px;
    z-index: 2;
    position: absolute;
    left: calc(40% - 160px);
    background: conic-gradient(#fd00ff 83deg, #8e24ff 54.8916deg, #0051ff 106.699deg, #4797ff 178deg, #04f 252deg, #50f 306deg, #d0f 360deg);
    border-radius: 2000px;
    filter: blur(150px);
    mix-blend-mode: plus-lighter;
    pointer-events: none;
    animation: parpadeo 8s infinite 
ease-in-out 2s;
}

@keyframes parpadeo {
    0%, 100% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }
}


.skio .elementor-element-populated {
    width: 100%;
    right: 0;
    left: 0;
}


.bg-hfxmnv {
    align-content: center;
    align-items: center;
    background: radial-gradient(44% 25% at 50% 26.700000000000003%, #ff4c00 0%, rgb(0 0 0) 100% 100%);
    height: min-content;
    width: 100%;
}






.precio-tabs .eael-pricing-tag, .precio-tabs .header {
    display: none !important;
}





@media screen and (min-width: 992px) {
    
 .simplemarquee {
    display: inline-block;
    animation-duration: 80.2245s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-name: simplemarquee-15;
    animation-timeline: auto;
    animation-range: normal;
}    


    
    
    
    
header.color:before {
        content: "";
        position: absolute;
        background-color: transparent;
        bottom: -50px;
        height: 50px;
        width: 27px;
        border-top-left-radius: 30px;
        box-shadow: 0 -25px 0 0 #000;
    
}

header.color:after {
        content: "";
        position: absolute;
        background-color: transparent;
        bottom: -50px;
        height: 50px;
        width: 27px;
        border-top-right-radius: 30px;
        box-shadow: 0 -25px 0 0 #000;
        right: 0;
    }
    

    
    
    
    
    
    
    

.xs-g .elementor-background-overlay {
    backdrop-filter: blur(15px);
    mask: linear-gradient(rgb(0 0 0) 0%, rgb(0 0 0) 0%, rgb(0 0 0) 0%, rgb(0 0 0 / 0%) 100%);
}      
    
    

    .bg-hero:before {
        content: "";
        width: 900px;
        height: 700px;
        top: -200px;
        z-index: 2;
        position: absolute;
        left: calc(15% - 500px);
        background: #73210063;
        border-radius: 2000px;
        filter: blur(150px);
        pointer-events: none;
    }



}



@media screen and (max-width: 991px) {
    
.simplemarquee {
    display: inline-block;
    animation-duration: 30.2245s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-name: simplemarquee-15;
    animation-timeline: auto;
    animation-range: normal;
} 
    
   
  

.inverted:before {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: -50px;
    height: 50px;
    width: 27px;
    border-top-left-radius: 30px;
    box-shadow: 0 -25px 0 0 #000;
}
.inverted:after {
    content: "";
    position: absolute;
    background-color: transparent;
    bottom: -50px;
    height: 50px;
    width: 27px;
    border-top-right-radius: 30px;
    box-shadow: 0 -25px 0 0 #000;
    right: 0;
}

    
    
    .bg-hero:before {
        content: "";
        width: 500px;
        height: 500px;
        top: -200px;
        z-index: 1;
        position: absolute;
        left: calc(60% - 500px);
        background: #8b2a00;
        border-radius: 2000px;
        filter: blur(150px);
        mix-blend-mode: plus-lighter;
        pointer-events: none;
        animation: parpadeo 8s infinite 
ease-in-out 2s;
    }


    .bg-hero:after {
        content: "";
        width: 500px;
        height: 500px;
        top: -200px;
        z-index: 1;
        position: absolute;
        right: calc(70% - 500px);
        background-color: #811400;
        border-radius: 2000px;
        filter: blur(150px);
        mix-blend-mode: plus-lighter;
        pointer-events: none;
        animation: parpadeo 4s infinite 
ease-in-out 1s;
    }

}






.btn-blu a:hover {
    box-shadow: 0 5px 8.6px 0 #25bafc inset, -1px -1px 2px 0 #0793bd3d, 1px -1px 2px 0 #2583fc, 0 -3px 6.5px 0 #f9f9f9, 0 -6px 17.5px 0 #2575fc, 0 -7px 8.8px 0 #2575fc, 0 -14px 58.2px 0 #2575fc;
}


.btn-gris a {
    box-shadow: 0 5px 8.6px 0 #8a8a8a inset, -1px -1px 2px 0 #6e6c6b3d, 1px -1px 2px 0 #444444, 0 -3px 6.5px 0 #3636365e, 0 -6px 17.5px 0 #a38478b5, 0 -7px 8.8px 0 #18181887, 0 -14px 58.2px 0 #1f1f207d;
}

.btn-gris a:hover {
    box-shadow: 0 5px 12.6px 0 #d5d5d5 inset, -1px -1px 2px 0 #8a8a8a, 1px -1px 12px 0 #8a8a8a, 0 -3px 16.5px 0 #8a8a8a, 0 -6px 47.5px 0 #646260, 0 -7px 28.8px 0 #7a7776, 0 -14px 78.2px 0 #8f8d8d;
    transform: scale(1.03);
}


.btn-orange a {
    box-shadow: 0 5px 8.6px 0 #ff8900 inset, -1px -1px 2px 0 #bd3d073d, 1px -1px 2px 0 #eb4d07, 0 -3px 6.5px 0 #ff4c005e, 0 -6px 17.5px 0 #fb4c04b5, 0 -7px 8.8px 0 #18181887, 0 -14px 58.2px 0 #1f1f207d;
}


.btn-orange a:hover {
    box-shadow: 0 5px 12.6px 0 #ffac6e inset, -1px -1px 2px 0 #ff9c64, 1px -1px 12px 0 #fb4c04, 0 -3px 16.5px 0 #fb9804, 0 -6px 47.5px 0 rgb(254 95 2 / 50%), 0 -7px 28.8px 0 rgb(254 117 2 / 85%), 0 -14px 78.2px 0 #ff4c00;
    transform: scale(1.03);
}



.btn-negro a {
    box-shadow: 0 5px 8.6px 0 #6c6c6c inset, -1px -1px 2px 0 #4848483d, 1px -1px 2px 0 #000000, 0 -3px 6.5px 0 #2e2c2b5e, 0 -6px 17.5px 0 #afadad00, 0 -7px 8.8px 0 #18181800, 0 -14px 58.2px 0 #00000000;
}
.btn-negro a:hover {
    box-shadow: 0 5px 12.6px 0 #a5a5a5 inset, -1px -1px 2px 0 #626262, 1px -1px 12px 0 #6c6c6c, 0 -3px 16.5px 0 #8f8f8f, 0 -6px 47.5px 0 rgb(64 64 64 / 50%), 0 -7px 28.8px 0 rgb(147 147 147 / 85%), 0 -14px 78.2px 0 #a1a1a1;
    transform: scale(1.03);
}


.text-wi .elementskit-section-title span {
    text-shadow: 0 0 39.642px #ff4c00, 0 0 19.821px #ff4c00, 0 0 5.663px #000000, 0 0 2.832px #000000;
}






.fil2 .frat .elementor-element-populated {
    height: min-content;
    background: rgba(255, 255, 255, .4);
    box-shadow: 15px 19px 76.6px 0 rgba(0, 0, 0, .06);
}






.sh-de:before {
    content: "";
    top: 300px;
    bottom: 100px;
    position: absolute;
    left: calc(0% - 160px);
    pointer-events: none;
    border-radius: 100%;
    width: 41.2rem;
    height: 41.2rem;
    opacity: .6;
    background: #ffbb75;
    filter: blur(250px);
    -webkit-filter: blur(250px);
}

.sh-iz:after {
    content: "";
    position: absolute;
    flex-shrink: 0;
    top: 50%;
    border-radius: 100%;
    width: 30.2rem;
    height: 30.2rem;
    opacity: .6;
    background: #ffaa52;
    filter: blur(250px);
    -webkit-filter: blur(250px);
    right: -18.8rem;
}
    

.maskx {
    transform: perspective(1200px) skewX(4deg) skewY(4deg);
}    
       
       
.ekit-wid-con .elementskit-commentor-bio .elementskit-commentor-image>img {
    border-radius: 19px !important;
    background: #000;
}

header .topx {
       background: #00000014;
       display: none;
} 
header.color .topx {
    background: #ff4000;
    display: block;
}




header {
     background: #ff400000;
}

header.color{
	background: #000000;
}




.text-lineal img {
        padding: 5px 20px;
        height: 25px !important;
}
.text-lineal {
        white-space: nowrap;
        animation: derecha 30s 
linear infinite;
        min-width: 360px;
        width: 100%;
        display: flex
;
        justify-content: center;
        align-items: center;
        perspective: 1000px;
        perspective-origin: 50% 50%;
}

.text-x1 {
        padding: 2px 20px;
        text-align: center;
        text-transform: uppercase;
}

@keyframes derecha {
    0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}









/* CSS: pega también en Apariencia → Personalizar → CSS Adicional si lo prefieres */



@media screen and (min-width: 1201px) {
    
.animated-text {
    font-size: 2rem;
    line-height: 1.1;
}    
}    
    
@media only screen and (min-width: 992px) and (max-width: 1200px) {    
.animated-text {
    font-size: 1.6rem;
    line-height: 1.1;
}

}

@media screen and (max-width: 991px) {
    
.animated-text {
    font-size: 1.2rem;
    line-height: 1.2;
}

}

.animated-text {
    font-family: "Heebo", Sans-serif;
    font-weight: 400;
    max-width: 100%;
    text-align: center;
}

.word {
  display: inline-block;
  margin-right: 0.25em;
}

.char {
  display: inline-block;
  position: relative;
}

.char .base {
  color: rgb(100 100 100 / 25%); /* gris bajo */
}

.char .highlight {
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  clip-path: inset(0 100% 0 0);
}












.section2 {
      background: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
    }


.section1 {
      background: #000;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    
    
    
    






.scroll-color-orange {
      background: #FF4000; /* color inicial */
}     
    
 
 .scroll-color-white {
      background: white; /* color inicial */
}

 .scroll-color-black {
      background: #000; /* color inicial */
}    
    
    
    
    
    
    
    
    
.title-gsap-center {
    text-align: center;
}
.title-gsap-left {
    text-align: left;
}

#title-gsap {
    color: #000;
    font-family: "Inter Tight", Sans-serif;
    font-weight: 600;
    display: block;
    max-width: 100%;
}
#title-gsap span, #title-gsap span {
      opacity: 0;
      transform: translateY(40px) scale(0.95);
      filter: blur(6px);
      background: linear-gradient(90deg, #444, #aaa, #666);
      -webkit-background-clip: text;
      color: transparent;
    }


@media (min-width: 1200px) {

.title-gsap-movil {
    text-align: left;
}

#title-gsap {
    font-size: 5.8vw;
    line-height: 1em;
    
}



}


@media screen and (max-width: 1199px) {
    
.title-gsap-movil {
    text-align: center;
}

}



@media only screen and (min-width: 992px) and (max-width: 1200px) {    

#title-gsap {
    font-size: 8.8vw;
    line-height: 1em;
    
}

}

@media screen and (max-width: 991px) {
    
#title-gsap {
    font-size: 10vw;
    line-height: 1em;
    
}

}