.elementor-21163 .elementor-element.elementor-element-2e0a49a{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-21163 .elementor-element.elementor-element-2e0a49a:not(.elementor-motion-effects-element-type-background), .elementor-21163 .elementor-element.elementor-element-2e0a49a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #000000 0%, #181818 100%);}.elementor-21163 .elementor-element.elementor-element-4d53763b{width:var( --container-widget-width, 579px );max-width:579px;--container-widget-width:579px;--container-widget-flex-grow:0;}.elementor-21163 .elementor-element.elementor-element-4d53763b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-21163 .elementor-element.elementor-element-4d53763b.elementor-element{--align-self:center;}.elementor-21163 .elementor-element.elementor-element-4d53763b .elementor-progress-wrapper .elementor-progress-bar{background-color:#0100FF00;}.elementor-21163 .elementor-element.elementor-element-4d53763b .elementor-progress-wrapper{background-color:#02010100;}.elementor-21163 .elementor-element.elementor-element-4d53763b .elementor-progress-bar{color:#000000;font-family:"dharma", Sans-serif;font-size:20px;font-weight:bold;letter-spacing:2px;}.elementor-21163 .elementor-element.elementor-element-4d53763b .elementor-title{font-family:"dharma", Sans-serif;font-size:16px;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab{width:var( --container-widget-width, 870px );max-width:870px;--container-widget-width:870px;--container-widget-flex-grow:0;z-index:2;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab > .elementor-widget-container{margin:20px 0px 24px 0px;padding:0px 0px 0px 0px;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab.elementor-element{--align-self:center;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab .elementor-image-box-wrapper{text-align:center;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab .elementor-image-box-title{margin-bottom:24px;color:#FFFFFF;font-family:"dharma", Sans-serif;font-size:46px;font-weight:700;line-height:1.2em;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab .elementor-image-box-description{color:#FFFFFF;font-family:"dharma", Sans-serif;font-size:24px;font-weight:400;line-height:1.4em;}body.elementor-page-21163:not(.elementor-motion-effects-element-type-background), body.elementor-page-21163 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-21163 .elementor-element.elementor-element-2e0a49a{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:2vw 0vw;--row-gap:2vw;--column-gap:0vw;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10vw;--padding-bottom:10vw;--padding-left:0vw;--padding-right:0vw;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab{--container-widget-width:79vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 79vw );max-width:79vw;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab .elementor-image-box-wrapper{text-align:center;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab .elementor-image-box-title{font-size:4vw;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab .elementor-image-box-description{font-size:2.5vw;}}@media(max-width:767px){.elementor-21163 .elementor-element.elementor-element-2e0a49a{--justify-content:flex-start;--gap:5vw 0vw;--row-gap:5vw;--column-gap:0vw;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8vw;--padding-bottom:45vw;--padding-left:0vw;--padding-right:0vw;}.elementor-21163 .elementor-element.elementor-element-4d53763b .elementor-progress-bar{font-size:3.8vw;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab > .elementor-widget-container{margin:0vw 0vw 0vw 0vw;padding:0vw 0vw 0vw 0vw;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab{--container-widget-width:88vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 88vw );max-width:88vw;z-index:3;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab .elementor-image-box-wrapper{text-align:left;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab .elementor-image-box-title{margin-bottom:5vw;font-size:6.7vw;}.elementor-21163 .elementor-element.elementor-element-21a7f3ab .elementor-image-box-description{font-size:4.3vw;}}/* Start custom CSS for progress, class: .elementor-element-4d53763b */.elementor-21163 .elementor-element.elementor-element-4d53763b .elementor-progress-wrapper {
    background: linear-gradient(90deg, #0e1832 80%, #07101f); /* Azul oscuro degradado */
    overflow: visible !important;
    box-shadow: 0 1px 1px #0e1832 inset,
                0 5px 10px #0206104d inset,
                0 10px 20px -10px #000;
    border-radius: 10px;
}

.elementor-21163 .elementor-element.elementor-element-4d53763b .elementor-progress-bar {
    background-image: linear-gradient(90deg, #3993d5 80%, #1d5a8a); /* Degradado azul */
    border-radius: 10px !important;
    box-shadow: 0 0 15px #3993d58a,
                0 6px 6px #3993d5 inset,
                0 8px 12px -5px #1d5a8a,
                0 0 0 6px #3993d510;
    position: relative;
}

.elementor-21163 .elementor-element.elementor-element-4d53763b .elementor-progress-bar::before {
    content: '';
    box-shadow: 0 0 50px #3993d5,
                0 0 50px #3993d5,
                0 0 30px #3993d5,
                0 0 30px #3993d5; /* Azul brillante */
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 0;
    right: -7px;
    bottom: 5px;
    display: block;
    border-radius: 50%;
    animation: 1s ease 0s forwards fadein;
}

.elementor-21163 .elementor-element.elementor-element-4d53763b .elementor-progress-bar::after {
    content: '';
    background: url("https://hermanosberga.com/wp-content/uploads/2025/03/check.svg") center center no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    position: absolute;
    right: -15px;
    transform: scale(1);
}/* End custom CSS */
/* Start custom CSS */html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

::-webkit-scrollbar {
    display: none;
}

[data-elementor-type="wp-page"]{
	overflow: hidden;
}

[data-elementor-type="wp-post"]{
	overflow: hidden;
}

body:after{
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-image: radial-gradient(at 20% 80%, #fff 1px, transparent 0px);
    background-size: 2px 2px;
    pointer-events: none !important;
    z-index: 20;
    opacity: 0.05;
    mix-blend-mode: plus-lighter;
}

*::selection {
color: #FFFFFF;
background: #8B65F980;
}

.elementor-image-box-content{
white-space: pre-wrap;
}

.elementor-heading-title{
white-space: pre-wrap;
}

.botonnc .elementor-button {
     border-top: 1px solid #fff;
     border-bottom: 1px solid #fff;
     color: #9E4FF6;
     position: relative;
     transition: all 0.3s;
     box-shadow: 0 0 1em .25em #8B65F930,
            0 0 1em 0em #8B65F9;
    background: linear-gradient(60deg, #8E32FF, #DBBEFF, #8B65F9, #8E32FF);
    background-size: 400%;
    animation: animafondodeg 7s linear infinite;
}

.botonnc .elementor-button::after {
     pointer-events: none;
     content: "";
     position: absolute;
     top: 100%;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: #8B65F9;
     filter: blur(2em);
     opacity: .3;
     transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
     transition: all 0.3s;
}

.botonnc .elementor-button:hover::after {
     pointer-events: none;
     content: "";
     position: absolute;
     top: 100%;
     left: 0;
     height: 100%;
     width: 100%;
     background-color: #8B65F9;
     filter: blur(2em);
     opacity: .5;
     transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
     transition: all 0.3s;
}

.botonnc .elementor-button:hover {
     color: #ffffff;
     background-color: #9E4FF6;
     box-shadow: 0 0 1em .25em #9E4FF6,
            0 0 11.5em .1em #8B65F9;
            transition: 0.5s ease;
    text-shadow: 0 0 0px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff;
    letter-spacing: 1px;
    background: radial-gradient(circle at bottom, #8E32FF 0%, #8E32FF 100%);
}


 /*------------------*/
 
.botonnc2 .elementor-button {
     border-top: 1px solid #fff;
     border-bottom: 1px solid #fff;
     color: #9E4FF6;
     position: relative;
     transition: all 0.3s;
     box-shadow: 0 0 1em .25em #8B65F930,
            0 0 1em 0em #8B65F9;
    background: linear-gradient(60deg, #8E32FF, #DBBEFF, #8B65F9, #8E32FF);
    background-size: 400%;
    animation: animafondodeg 7s linear infinite;
}

.botonnc2 .elementor-button:hover {
     color: #ffffff;
     background-color: #9E4FF6;
     box-shadow: 0 0 1em .25em #9E4FF6,
            0 0 11.5em .1em #8B65F9;
            transition: 0.5s ease;
    text-shadow: 0 0 0px #ffffff, 0 0 3px #ffffff, 0 0 10px #ffffff;
    letter-spacing: 1px;
    background: radial-gradient(circle at bottom, #8E32FF 0%, #8E32FF 100%);
}


@keyframes animafondodeg {
    0% {
        background-position: 0%;
    } 100% {
        background-position: 400%;
    }
}

.beneficios2{
    background: #9E4FF620;
    overflow: hidden;
    border-radius: 8px;
}

.beneficios2 .elementor-widget-container {
    transition: 0.5s;
    background: transparent !important;
}

.beneficios2 .elementor-icon-box-wrapper {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column !important;
    margin-bottom: 0px !important;
}

/* Color del fondo */
.beneficios2 .elementor-widget-container::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle at top, #323232 , #000);
    z-index: 2;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 8px;
    transition: 0.5s;
}

/* Color del brillo */
.beneficios2::before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff50;
    z-index: 0;
    transition: opacity 0.2s linear;
    opacity: 1;
    width: 170px;
    height: 600px;
    filter: blur(15px);
    border-radius: 8px;
    animation: rodar2 10s infinite linear;
    transform-origin: center center;
}

.beneficios2 svg{
    overflow: visible !important;
    padding-bottom: 20px
}

/*Tablet y Tlf*/
@media (max-width: 1024px){
    body.elementor-page-21163 .beneficios2 .elementor-icon-box-wrapper{
        display: flex;
    }
    
    body.elementor-page-21163 .beneficios2 .elementor-icon-box-icon{
        margin-bottom: 0px !important;
    }
    
    .beneficios2 svg{
    padding-bottom: 5px
}
}

/* Colores azulados */
.m1 {
    background: linear-gradient(to right, #3993d5, #1d5a8a);
    background-size: 200% 200%;
    background-position: 0% 0%;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    text-shadow: 0px 0px #00000000 !important;
    animation: degratexto 10s ease-in-out infinite;
}


/* Animaciones */
@keyframes degratexto {
    0%, 100% {
        background-position: 0 0;
    } 50% {
        background-position: 150% 150%;
    }
}

.imagentexto1 {
    background-image: url("https://rockstars.norbertcastro.com/wp-content/uploads/2025/04/flecha-abajo.svg");
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    overflow: hidden;
}

.imagentexto2 {
    background-image: url("https://rockstars.norbertcastro.com/wp-content/uploads/2025/04/flecha-abajo2-solo-flecha-blanca.svg");
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width: 45px;
    height: 45px;
    vertical-align: middle;
    overflow: hidden;
}/* End custom CSS */