.elementor-1128 .elementor-element.elementor-element-f8bf25e{--display:flex;--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;--overlay-opacity:0.6;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-f8bf25e:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-f8bf25e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A323D;}.elementor-1128 .elementor-element.elementor-element-f8bf25e::before, .elementor-1128 .elementor-element.elementor-element-f8bf25e > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-f8bf25e > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-f8bf25e > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-f8bf25e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-f8bf25e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://accede.gana4horascadadia.com/wp-content/uploads/2026/04/contenido-del-programa.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1128 .elementor-element.elementor-element-49926bc img{width:203px;}.elementor-1128 .elementor-element.elementor-element-7734ba4{--display:flex;--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;}.elementor-1128 .elementor-element.elementor-element-7734ba4:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-7734ba4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A323D;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1128 .elementor-element.elementor-element-c744452{padding:0px 0px 020px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-c744452 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-73dfa26{--display:flex;--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;--overlay-opacity:0.42;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-73dfa26:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-73dfa26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #030303 100%);}.elementor-1128 .elementor-element.elementor-element-73dfa26::before, .elementor-1128 .elementor-element.elementor-element-73dfa26 > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-73dfa26 > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-73dfa26 > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-73dfa26 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-73dfa26 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #000000 69%, #6F051F 100%);}.elementor-1128 .elementor-element.elementor-element-c1d06fc{--display:flex;}.elementor-1128 .elementor-element.elementor-element-7132a5c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1128 .elementor-element.elementor-element-8cdd33c{border-radius:20px 20px 20px 20px;}.elementor-1128 .elementor-element.elementor-element-8cdd33c .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1128 .elementor-element.elementor-element-10bf6b0{--display:flex;--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;--overlay-opacity:1;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-10bf6b0:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-10bf6b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-10bf6b0::before, .elementor-1128 .elementor-element.elementor-element-10bf6b0 > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-10bf6b0 > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-10bf6b0 > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-10bf6b0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-10bf6b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1128 .elementor-element.elementor-element-7b390bf{padding:50px 0px 030px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-7b390bf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-79ebfd6{--display:flex;--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;--overflow:hidden;--overlay-opacity:0.5;--padding-top:0150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-79ebfd6:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-79ebfd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-79ebfd6::before, .elementor-1128 .elementor-element.elementor-element-79ebfd6 > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-79ebfd6 > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-79ebfd6 > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-79ebfd6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-79ebfd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1128 .elementor-element.elementor-element-69a4435{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:center;}.elementor-1128 .elementor-element.elementor-element-69a4435.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-69a4435 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-3ed2dd9 img{width:419px;}.elementor-1128 .elementor-element.elementor-element-9f29ea6{padding:0px 0px 0px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-9f29ea6 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:4.4px;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-aab4d0d{padding:0px 0px 0px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-aab4d0d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:4.4px;color:#FFFFFF;}.elementor-widget-countdown .elementor-countdown-item{background-color:var( --e-global-color-primary );}.elementor-widget-countdown .elementor-countdown-digits{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-countdown .elementor-countdown-label{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-countdown .elementor-countdown-expire--message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1128 .elementor-element.elementor-element-559c930 .elementor-countdown-wrapper{max-width:46%;}body:not(.rtl) .elementor-1128 .elementor-element.elementor-element-559c930 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1128 .elementor-element.elementor-element-559c930 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-1128 .elementor-element.elementor-element-559c930 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-1128 .elementor-element.elementor-element-559c930 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-1128 .elementor-element.elementor-element-559c930 .elementor-countdown-item{background-color:#000000;}.elementor-1128 .elementor-element.elementor-element-685cbca{--display:flex;}.elementor-1128 .elementor-element.elementor-element-85481b4{--display:flex;--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;--overlay-opacity:1;--padding-top:60px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-85481b4:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-85481b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-85481b4::before, .elementor-1128 .elementor-element.elementor-element-85481b4 > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-85481b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-85481b4 > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-85481b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-85481b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1128 .elementor-element.elementor-element-3b9dfcb{width:var( --container-widget-width, 800px );max-width:800px;padding:0px 0px 0px 0px;--container-widget-width:800px;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;color:#000000;}.elementor-1128 .elementor-element.elementor-element-3b9dfcb.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-12412dd{--display:flex;--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;--overlay-opacity:1;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-12412dd:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-12412dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-12412dd::before, .elementor-1128 .elementor-element.elementor-element-12412dd > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-12412dd > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-12412dd > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-12412dd > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-12412dd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1128 .elementor-element.elementor-element-950adcf{padding:50px 0px 030px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-950adcf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#000000;}.elementor-1128 .elementor-element.elementor-element-c6533c3{--display:flex;}.elementor-1128 .elementor-element.elementor-element-ffb71d5{--display:flex;}.elementor-1128 .elementor-element.elementor-element-f8b57c7{--display:flex;}.elementor-1128 .elementor-element.elementor-element-558ca5c{--display:flex;}.elementor-1128 .elementor-element.elementor-element-63f2411{--display:flex;}.elementor-1128 .elementor-element.elementor-element-14cfd88{--display:flex;}.elementor-1128 .elementor-element.elementor-element-028ef82{--display:flex;}.elementor-1128 .elementor-element.elementor-element-0c8dad9{--display:flex;}.elementor-1128 .elementor-element.elementor-element-0a86b26{--display:flex;--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;--overlay-opacity:0.6;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-0a86b26:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-0a86b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A323D;}.elementor-1128 .elementor-element.elementor-element-0a86b26::before, .elementor-1128 .elementor-element.elementor-element-0a86b26 > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-0a86b26 > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-0a86b26 > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-0a86b26 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-0a86b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://accede.gana4horascadadia.com/wp-content/uploads/2026/04/contenido-del-programa.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1128 .elementor-element.elementor-element-707ad1c{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:center;}.elementor-1128 .elementor-element.elementor-element-707ad1c.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-707ad1c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-783585b{--display:flex;--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;--overlay-opacity:0.42;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-783585b:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-783585b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #000000 0%, #030303 100%);}.elementor-1128 .elementor-element.elementor-element-783585b::before, .elementor-1128 .elementor-element.elementor-element-783585b > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-783585b > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-783585b > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-783585b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-783585b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:radial-gradient(at center center, #000000 69%, #6F051F 100%);}.elementor-1128 .elementor-element.elementor-element-e4fb287{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-6358450{--display:flex;}.elementor-1128 .elementor-element.elementor-element-41e7aa8 img{border-radius:20px 20px 20px 20px;}.elementor-1128 .elementor-element.elementor-element-68b26ba{--display:flex;}.elementor-1128 .elementor-element.elementor-element-87fe4bc{--display:flex;}.elementor-1128 .elementor-element.elementor-element-ab337f9{--display:flex;}.elementor-1128 .elementor-element.elementor-element-9a4070e{--display:flex;}.elementor-1128 .elementor-element.elementor-element-c113b9e{--display:flex;}.elementor-1128 .elementor-element.elementor-element-26255c3{--display:flex;}.elementor-1128 .elementor-element.elementor-element-8761932{--display:flex;}.elementor-1128 .elementor-element.elementor-element-4461a61{--display:flex;--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;--overlay-opacity:1;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-4461a61:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-4461a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://accede.gana4horascadadia.com/wp-content/uploads/2026/04/miguelnavarro.jpg");}.elementor-1128 .elementor-element.elementor-element-4461a61::before, .elementor-1128 .elementor-element.elementor-element-4461a61 > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-4461a61 > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-4461a61 > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-4461a61 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-4461a61 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000BA 0%, #000000 90%);}.elementor-1128 .elementor-element.elementor-element-a779255{padding:50px 0px 030px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-a779255 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-d787192{width:var( --container-widget-width, 800px );max-width:800px;padding:0px 0px 0px 0px;--container-widget-width:800px;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-d787192.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-73c6ae5{--display:flex;--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;}.elementor-1128 .elementor-element.elementor-element-73c6ae5:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-73c6ae5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1128 .elementor-element.elementor-element-6ac6b6b{padding:0px 0px 0px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-6ac6b6b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-3172747{--display:flex;}.elementor-1128 .elementor-element.elementor-element-a5a4954{--display:flex;}.elementor-1128 .elementor-element.elementor-element-10c158b{--display:flex;}.elementor-1128 .elementor-element.elementor-element-86185bd{--display:flex;}.elementor-1128 .elementor-element.elementor-element-67fe344{--display:flex;}.elementor-1128 .elementor-element.elementor-element-c481360{--display:flex;}.elementor-1128 .elementor-element.elementor-element-c05d1db{--display:flex;}.elementor-1128 .elementor-element.elementor-element-8d52380{width:var( --container-widget-width, 800px );max-width:800px;padding:0px 0px 0px 0px;--container-widget-width:800px;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-8d52380.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-52e2afe{padding:0px 0px 0px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-52e2afe .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-fc484c4{width:var( --container-widget-width, 800px );max-width:800px;padding:0px 0px 0px 0px;--container-widget-width:800px;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-fc484c4.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-d4a615a{padding:0px 0px 0px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-d4a615a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-be9782c{width:var( --container-widget-width, 800px );max-width:800px;padding:0px 0px 0px 0px;--container-widget-width:800px;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-be9782c.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-0bbddcb{padding:0px 0px 20px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-0bbddcb .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-bb1784a{--display:flex;--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;--overlay-opacity:1;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-bb1784a:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-bb1784a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-bb1784a::before, .elementor-1128 .elementor-element.elementor-element-bb1784a > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-bb1784a > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-bb1784a > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-bb1784a > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-bb1784a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1128 .elementor-element.elementor-element-0619aee{padding:50px 0px 030px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-0619aee .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-b1280cc{--display:flex;}.elementor-1128 .elementor-element.elementor-element-74ad6c3{--display:flex;}.elementor-1128 .elementor-element.elementor-element-e5f95fc{--display:flex;}.elementor-1128 .elementor-element.elementor-element-10d9853{--display:flex;}.elementor-1128 .elementor-element.elementor-element-df764d0{--display:flex;}.elementor-1128 .elementor-element.elementor-element-1618e62{--display:flex;}.elementor-1128 .elementor-element.elementor-element-38399eb{--display:flex;}.elementor-1128 .elementor-element.elementor-element-8c7b495{--display:flex;}.elementor-1128 .elementor-element.elementor-element-6b26f91{--display:flex;}.elementor-1128 .elementor-element.elementor-element-43eb6f2{--display:flex;}.elementor-1128 .elementor-element.elementor-element-f905964{--display:flex;--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;}.elementor-1128 .elementor-element.elementor-element-ddc08fd{padding:50px 0px 030px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-ddc08fd .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-c212da4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-817345b{--display:flex;}.elementor-1128 .elementor-element.elementor-element-fb273fa{--display:flex;}.elementor-1128 .elementor-element.elementor-element-6f29ba7{--display:flex;}.elementor-1128 .elementor-element.elementor-element-233867c{--display:flex;--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;--overlay-opacity:0.6;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-233867c:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-233867c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#9A323D;}.elementor-1128 .elementor-element.elementor-element-233867c::before, .elementor-1128 .elementor-element.elementor-element-233867c > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-233867c > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-233867c > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-233867c > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-233867c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://accede.gana4horascadadia.com/wp-content/uploads/2026/04/contenido-del-programa.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1128 .elementor-element.elementor-element-7c7ab4d{padding:020px 0px 030px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-7c7ab4d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-290a051{--display:flex;--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;}.elementor-1128 .elementor-element.elementor-element-290a051:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-290a051 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1128 .elementor-element.elementor-element-cec555e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-dd37724{--display:flex;}.elementor-1128 .elementor-element.elementor-element-2713dc7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-e73f5e2{--display:flex;}.elementor-1128 .elementor-element.elementor-element-6ed3da9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-168b8d1{--display:flex;}.elementor-1128 .elementor-element.elementor-element-de39805{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-ae0cbc2{--display:flex;}.elementor-1128 .elementor-element.elementor-element-6bc6b6c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-7f6f221{--display:flex;}.elementor-1128 .elementor-element.elementor-element-b6e7804 img{width:46%;}.elementor-1128 .elementor-element.elementor-element-2cf78c2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-101e5d7{--display:flex;}.elementor-1128 .elementor-element.elementor-element-57a5d91{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-e7c2f65{--display:flex;}.elementor-1128 .elementor-element.elementor-element-7fbd60f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-4b19afd{--display:flex;}.elementor-1128 .elementor-element.elementor-element-0be9aff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-d54c4ec{--display:flex;}.elementor-1128 .elementor-element.elementor-element-939d38a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1128 .elementor-element.elementor-element-9e8618d{--display:flex;}.elementor-1128 .elementor-element.elementor-element-757843b{padding:0px 0px 0px 0px;}.elementor-1128 .elementor-element.elementor-element-3a027a1 .elementor-countdown-wrapper{max-width:46%;}body:not(.rtl) .elementor-1128 .elementor-element.elementor-element-3a027a1 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1128 .elementor-element.elementor-element-3a027a1 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-1128 .elementor-element.elementor-element-3a027a1 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-1128 .elementor-element.elementor-element-3a027a1 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-1128 .elementor-element.elementor-element-3a027a1 .elementor-countdown-item{background-color:#000000;}.elementor-1128 .elementor-element.elementor-element-1831685{--display:flex;--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-1831685:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-1831685 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1128 .elementor-element.elementor-element-c4094dc{padding:50px 0px 030px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-c4094dc .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-3966fce{width:var( --container-widget-width, 800px );max-width:800px;padding:0px 0px 0px 0px;--container-widget-width:800px;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-3966fce.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-8e4be9b{width:var( --container-widget-width, 800px );max-width:800px;padding:0px 0px 0px 0px;--container-widget-width:800px;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-8e4be9b.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-14a7756{--display:flex;--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;--overlay-opacity:1;}.elementor-1128 .elementor-element.elementor-element-14a7756:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-14a7756 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://accede.gana4horascadadia.com/wp-content/uploads/2026/04/SEMANA-4-scaled-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1128 .elementor-element.elementor-element-14a7756::before, .elementor-1128 .elementor-element.elementor-element-14a7756 > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-14a7756 > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-14a7756 > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-14a7756 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-14a7756 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000E8 0%, #000000 100%);}.elementor-1128 .elementor-element.elementor-element-4293b65{--display:flex;}.elementor-1128 .elementor-element.elementor-element-66851e9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-1128 .elementor-element.elementor-element-68179e7{--display:flex;}.elementor-1128 .elementor-element.elementor-element-f504294{--display:flex;}.elementor-1128 .elementor-element.elementor-element-8798551{padding:020px 0px 030px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-8798551 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-f834693{font-family:"Montserrat", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-dd11474{--display:flex;}.elementor-1128 .elementor-element.elementor-element-1b32254{--display:flex;--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;--overflow:hidden;--overlay-opacity:0.5;--padding-top:0150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1128 .elementor-element.elementor-element-1b32254:not(.elementor-motion-effects-element-type-background), .elementor-1128 .elementor-element.elementor-element-1b32254 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-1b32254::before, .elementor-1128 .elementor-element.elementor-element-1b32254 > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-1b32254 > .e-con-inner > .elementor-background-video-container::before, .elementor-1128 .elementor-element.elementor-element-1b32254 > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-1b32254 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1128 .elementor-element.elementor-element-1b32254 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1128 .elementor-element.elementor-element-554ccff{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:center;}.elementor-1128 .elementor-element.elementor-element-554ccff.elementor-element{--align-self:center;}.elementor-1128 .elementor-element.elementor-element-554ccff .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:700;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-e4a02db img{width:419px;}.elementor-1128 .elementor-element.elementor-element-692fbe5{padding:0px 0px 0px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-692fbe5 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:600;text-transform:uppercase;letter-spacing:4.4px;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-229fe00{padding:0px 0px 0px 0px;text-align:center;}.elementor-1128 .elementor-element.elementor-element-229fe00 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:15px;font-weight:300;text-transform:uppercase;letter-spacing:4.4px;color:#FFFFFF;}.elementor-1128 .elementor-element.elementor-element-775c766 .elementor-countdown-wrapper{max-width:46%;}body:not(.rtl) .elementor-1128 .elementor-element.elementor-element-775c766 .elementor-countdown-item:not(:first-of-type){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-1128 .elementor-element.elementor-element-775c766 .elementor-countdown-item:not(:last-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-1128 .elementor-element.elementor-element-775c766 .elementor-countdown-item:not(:first-of-type){margin-right:calc( 10px/2 );}body.rtl .elementor-1128 .elementor-element.elementor-element-775c766 .elementor-countdown-item:not(:last-of-type){margin-left:calc( 10px/2 );}.elementor-1128 .elementor-element.elementor-element-775c766 .elementor-countdown-item{background-color:#000000;}@media(max-width:767px){.elementor-1128 .elementor-element.elementor-element-3ed2dd9 img{width:233px;}.elementor-1128 .elementor-element.elementor-element-e4a02db img{width:233px;}}/* Start custom CSS for heading, class: .elementor-element-c744452 *//* =========================================================
HEADING XXL — VERSIÓN MÁS LIGERA Y RESPIRADA
Clase del widget heading: heading-imagina-xl-g4h
========================================================= */
.heading-imagina-xl-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-weight: 500;
text-transform: uppercase;
font-size: clamp(42px, 5.2vw, 76px);
line-height: 1.04;
letter-spacing: -.032em;
color: #FFFFFF;
text-align: center;
text-wrap: balance;
max-width: 1320px;
margin-left: auto;
margin-right: auto;
text-shadow:
0 10px 28px rgba(0, 0, 0, .46),
0 0 34px rgba(154, 50, 61, .22);
}
/* Parte dorada */
.heading-imagina-xl-g4h .gold-highlight-g4h {
display: inline;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 10px rgba(220, 194, 133, .24))
drop-shadow(0 0 24px rgba(225, 154, 11, .14));
animation: imagina-gold-shine-g4h 6.2s ease-in-out infinite;
}
/* Línea destacada — menos pesada */
.heading-imagina-xl-g4h .question-xl-g4h {
display: inline-block;
margin-top: 16px;
font-size: 1.28em;
line-height: .96;
letter-spacing: -.035em;
font-weight: 850;
font-stretch: normal;
color: #FFFFFF !important;
-webkit-text-fill-color: initial;
transform: none;
transform-origin: center;
text-shadow:
0 3px 0 rgba(0, 0, 0, .14),
0 10px 26px rgba(0, 0, 0, .52),
0 0 20px rgba(255, 255, 255, .10),
0 0 44px rgba(154, 50, 61, .30);
}
/* Brillo dorado suave */
@keyframes imagina-gold-shine-g4h {
0%, 100% {
background-position: 220% 0;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .18))
drop-shadow(0 0 20px rgba(225, 154, 11, .10));
}
50% {
background-position: 0% 0;
filter:
drop-shadow(0 0 14px rgba(220, 194, 133, .30))
drop-shadow(0 0 34px rgba(225, 154, 11, .18));
}
}
/* Pantallas medianas */
@media (max-width: 1200px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(40px, 5.4vw, 68px);
line-height: 1.05;
max-width: 1080px;
}
.heading-imagina-xl-g4h .question-xl-g4h {
font-size: 1.20em;
line-height: 1;
}
}
/* Tablet */
@media (max-width: 1024px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(36px, 6.5vw, 58px);
line-height: 1.06;
max-width: 920px;
}
.heading-imagina-xl-g4h .question-xl-g4h {
margin-top: 12px;
font-size: 1.16em;
line-height: 1.02;
}
}
/* Mobile */
@media (max-width: 767px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(28px, 8vw, 40px);
line-height: 1.08;
letter-spacing: -.024em;
max-width: 94%;
}
.heading-imagina-xl-g4h .question-xl-g4h {
margin-top: 10px;
font-size: 1.12em;
line-height: 1.04;
letter-spacing: -.028em;
}
}
/* Mobile pequeño */
@media (max-width: 420px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(26px, 7.8vw, 36px);
line-height: 1.1;
}
.heading-imagina-xl-g4h .question-xl-g4h {
font-size: 1.08em;
line-height: 1.06;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-imagina-xl-g4h .gold-highlight-g4h {
animation: none !important;
}
}
/* =========================================================
HEADING XXL — MÁS LINE HEIGHT EN DESKTOP
========================================================= */
@media (min-width: 1025px) {
.heading-imagina-xl-g4h .elementor-heading-title {
line-height: 1.14 !important;
}
.heading-imagina-xl-g4h .question-xl-g4h {
line-height: 1.08 !important;
margin-top: 18px !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c1d06fc *//* =========================================================
TESTIMONIO ÚNICO — VÍDEO GRANDE CENTRADO
Padre: testimonial-single-wrap-g4h
Card: testimonial-single-card-g4h
========================================================= */
.testimonial-single-wrap-g4h {
width: 100% !important;
max-width: 980px !important;
margin: 0 auto !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: 0 !important;
}
/* Card única reutilizando estética testimonial */
.testimonial-single-card-g4h {
width: 100% !important;
max-width: 860px !important;
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
padding: 18px !important;
margin: 0 auto !important;
border-radius: 20px !important;
border: 1px solid rgba(220, 194, 133, .16) !important;
background:
radial-gradient(
520px 260px at 18% 0%,
rgba(154, 50, 61, .22) 0%,
rgba(154, 50, 61, .08) 42%,
transparent 76%
),
linear-gradient(
180deg,
rgba(18, 8, 12, .74) 0%,
rgba(7, 5, 7, .66) 100%
) !important;
box-shadow:
0 0 0 1px rgba(255, 255, 255, .018) inset,
0 22px 48px rgba(0, 0, 0, .30),
0 0 34px rgba(154, 50, 61, .14) !important;
text-align: center !important;
}
/* Glow interno */
.testimonial-single-card-g4h::before {
content: "";
position: absolute;
inset: -26%;
z-index: -1;
pointer-events: none;
background:
radial-gradient(
380px 210px at 14% 10%,
rgba(188, 54, 70, .16) 0%,
transparent 72%
),
radial-gradient(
320px 220px at 92% 88%,
rgba(220, 194, 133, .06) 0%,
transparent 74%
);
filter: blur(20px);
opacity: .85;
}
/* Vídeo grande */
.testimonial-single-card-g4h .testimonial-video-g4h {
width: 100% !important;
margin: 0 !important;
overflow: hidden !important;
border-radius: 16px !important;
border: 1px solid rgba(220, 194, 133, .14) !important;
background: rgba(0, 0, 0, .36) !important;
box-shadow:
0 14px 30px rgba(0, 0, 0, .30),
0 0 22px rgba(154, 50, 61, .10) !important;
}
.testimonial-single-card-g4h .testimonial-video-g4h iframe,
.testimonial-single-card-g4h .testimonial-video-g4h video,
.testimonial-single-card-g4h .testimonial-video-g4h img {
width: 100% !important;
display: block !important;
border-radius: 16px !important;
}
/* Limpieza Elementor */
.testimonial-single-card-g4h .elementor-widget,
.testimonial-single-card-g4h .elementor-widget-container {
margin: 0 !important;
padding: 0 !important;
}
/* Tablet */
@media (max-width: 1024px) {
.testimonial-single-wrap-g4h {
max-width: 90% !important;
}
.testimonial-single-card-g4h {
max-width: 760px !important;
padding: 16px !important;
border-radius: 18px !important;
}
}
/* Mobile */
@media (max-width: 767px) {
.testimonial-single-wrap-g4h {
max-width: 94% !important;
}
.testimonial-single-card-g4h {
max-width: 100% !important;
padding: 12px !important;
border-radius: 16px !important;
}
.testimonial-single-card-g4h .testimonial-video-g4h {
border-radius: 12px !important;
}
.testimonial-single-card-g4h .testimonial-video-g4h iframe,
.testimonial-single-card-g4h .testimonial-video-g4h video,
.testimonial-single-card-g4h .testimonial-video-g4h img {
border-radius: 12px !important;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-29f8b63 *//* =========================================================
CTA DORADO — VERSIÓN ESTABLE SIN PÉRDIDA DE FONDO
Clase del botón Elementor: btn-dorado-g4h
========================================================= */
.btn-dorado-g4h {
position: relative;
display: inline-block;
isolation: isolate;
transform-origin: center;
animation: cta-wrapper-grow-g4h 6.5s ease-in-out infinite;
}
/* Aura exterior */
.btn-dorado-g4h::after {
content: "";
position: absolute;
inset: -8px;
border-radius: 10px;
background: radial-gradient(
closest-side,
rgba(255, 217, 107, .36),
transparent 72%
);
filter: blur(14px);
z-index: -1;
pointer-events: none;
animation:
aura-dorada-g4h 2.8s ease-in-out infinite,
cta-aura-attention-g4h 6.5s ease-in-out infinite;
}
/* Botón real: fondo fijo, sin animación */
.btn-dorado-g4h .elementor-button,
.btn-dorado-g4h a.elementor-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 12px;
background-color: #E19A0B !important;
background-image: linear-gradient(135deg, #F2D98A 0%, #E19A0B 100%) !important;
color: #050407 !important;
padding: 22px 38px !important;
border-radius: 4px !important;
border: none !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: .12em;
text-transform: uppercase;
position: relative;
overflow: hidden;
cursor: pointer;
box-shadow:
0 0 0 1px rgba(255,217,107,.5) inset,
0 12px 32px rgba(225,154,11,.5),
0 0 60px rgba(225,154,11,.35);
transition:
transform .3s cubic-bezier(.2,.7,.2,1),
box-shadow .3s cubic-bezier(.2,.7,.2,1),
background-image .3s cubic-bezier(.2,.7,.2,1);
animation: none !important;
}
/* Brillo automático: capa independiente */
.btn-dorado-g4h .elementor-button::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
110deg,
transparent 0%,
transparent 32%,
rgba(255, 255, 255, .62) 50%,
transparent 68%,
transparent 100%
);
transform: translateX(-140%);
opacity: 0;
pointer-events: none;
animation: cta-shine-stable-g4h 6.5s ease-in-out infinite;
}
/* Texto siempre por encima */
.btn-dorado-g4h .elementor-button-text {
position: relative;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 12px;
color: #050407 !important;
}
/* Flecha */
.btn-dorado-g4h .elementor-button-text::after {
content: "→";
position: relative;
z-index: 3;
font-size: 18px;
font-weight: 900;
line-height: 1;
transition: transform .3s cubic-bezier(.2,.7,.2,1);
}
/* Hover */
.btn-dorado-g4h:hover {
animation-play-state: paused;
}
.btn-dorado-g4h .elementor-button:hover,
.btn-dorado-g4h a.elementor-button:hover {
transform: translateY(-2px);
background-color: #E19A0B !important;
background-image: linear-gradient(135deg, #F2D98A 0%, #FCBC3B 45%, #E19A0B 100%) !important;
box-shadow:
0 0 0 1px rgba(255,217,107,.7) inset,
0 18px 44px rgba(225,154,11,.6),
0 0 90px rgba(225,154,11,.55);
}
.btn-dorado-g4h .elementor-button:hover::before {
animation-play-state: paused;
opacity: 1;
transform: translateX(100%);
}
.btn-dorado-g4h .elementor-button:hover .elementor-button-text::after {
transform: translateX(4px);
}
/* Estados: nunca transparente */
.btn-dorado-g4h .elementor-button:focus,
.btn-dorado-g4h .elementor-button:active,
.btn-dorado-g4h .elementor-button:visited {
background-color: #E19A0B !important;
background-image: linear-gradient(135deg, #F2D98A 0%, #E19A0B 100%) !important;
color: #050407 !important;
border: none !important;
outline: none !important;
}
/* =========================================================
ANIMACIONES
========================================================= */
/* Grow aplicado al wrapper, no al botón */
@keyframes cta-wrapper-grow-g4h {
0%, 68%, 100% {
transform: translateY(0) scale(1);
}
76% {
transform: translateY(-2px) scale(1.026);
}
84% {
transform: translateY(0) scale(1);
}
90% {
transform: translateY(-1px) scale(1.012);
}
}
/* Brillo automático estable */
@keyframes cta-shine-stable-g4h {
0%, 66%, 100% {
transform: translateX(-140%);
opacity: 0;
}
72% {
opacity: 1;
}
80% {
transform: translateX(140%);
opacity: 1;
}
86% {
opacity: 0;
}
}
/* Aura base */
@keyframes aura-dorada-g4h {
0%, 100% {
opacity: .6;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.06);
}
}
/* Aura de atención */
@keyframes cta-aura-attention-g4h {
0%, 70%, 100% {
opacity: .62;
transform: scale(1);
}
80% {
opacity: 1;
transform: scale(1.16);
}
88% {
opacity: .74;
transform: scale(1.04);
}
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 640px) {
.btn-dorado-g4h {
width: 100%;
}
.btn-dorado-g4h .elementor-button,
.btn-dorado-g4h a.elementor-button {
width: 100%;
padding: 20px !important;
font-size: 13px !important;
letter-spacing: .09em;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.btn-dorado-g4h,
.btn-dorado-g4h::after,
.btn-dorado-g4h .elementor-button::before {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-12e6461 *//* BOTÓN SECUNDARIO — ASISTENCIA POR WHATSAPP */
.btn-whatsapp-g4h {
display: inline-block;
position: relative;
width: auto !important;
max-width: max-content;
border: none !important;
outline: none !important;
box-shadow: none !important;
}
.btn-whatsapp-g4h .elementor-button,
.btn-whatsapp-g4h a.elementor-button,
.elementor-widget-button.btn-whatsapp-g4h .elementor-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
color: #DCC285 !important;
padding: 21px 36px !important;
border-radius: 4px !important;
border: 1px solid rgba(220, 194, 133, .4) !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: .12em;
text-transform: uppercase;
position: relative;
overflow: hidden;
cursor: pointer;
box-shadow: none !important;
outline: none !important;
transition: all .3s cubic-bezier(.2,.7,.2,1);
}
/* El texto siempre encima */
.btn-whatsapp-g4h .elementor-button-text {
position: relative;
z-index: 2;
color: inherit !important;
}
/* Capa de brillo sutil */
.btn-whatsapp-g4h .elementor-button::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
135deg,
rgba(220, 194, 133, .10),
rgba(225, 154, 11, .04)
);
opacity: 0;
transition: opacity .3s cubic-bezier(.2,.7,.2,1);
pointer-events: none;
}
/* Hover */
.btn-whatsapp-g4h .elementor-button:hover {
color: #FFFFFF !important;
border-color: #DCC285 !important;
background: rgba(220, 194, 133, .06) !important;
background-color: rgba(220, 194, 133, .06) !important;
box-shadow:
0 0 0 1px rgba(220, 194, 133, .16) inset,
0 10px 28px rgba(0, 0, 0, .22),
0 0 34px rgba(220, 194, 133, .12) !important;
transform: translateY(-2px);
}
.btn-whatsapp-g4h .elementor-button:hover::before {
opacity: 1;
}
/* Click */
.btn-whatsapp-g4h .elementor-button:active {
transform: translateY(0);
}
/* Quita colores raros de iconos si Elementor los mete */
.btn-whatsapp-g4h .elementor-button-icon,
.btn-whatsapp-g4h .elementor-button-icon svg {
color: inherit !important;
fill: currentColor !important;
}
/* Responsive */
@media (max-width: 640px) {
.btn-whatsapp-g4h {
width: 100% !important;
max-width: 100%;
}
.btn-whatsapp-g4h .elementor-button {
width: 100% !important;
padding: 20px !important;
font-size: 13px !important;
letter-spacing: .09em;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7b390bf *//* =========================================================
HEADING FIT — VERSIÓN FONDO BLANCO
Clase del widget heading: heading-fit-white-g4h
========================================================= */
.heading-fit-white-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
text-align: center !important;
text-transform: uppercase !important;
text-wrap: balance;
}
/* Línea superior */
.heading-fit-white-g4h .fit-white-kicker-g4h {
display: inline-block;
margin-bottom: 6px;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(18px, 1.7vw, 26px);
line-height: 1.12;
font-weight: 900;
letter-spacing: -.01em;
color: #8E2A36 !important;
-webkit-text-fill-color: #8E2A36 !important;
text-shadow:
0 5px 14px rgba(142, 42, 54, .10);
}
/* Dorado más sólido y legible en blanco */
.heading-fit-white-g4h .fit-white-gold-g4h {
display: inline-block;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(38px, 5vw, 76px);
line-height: .88;
font-weight: 1000;
letter-spacing: -.06em;
background: linear-gradient(
110deg,
#9A6B13 0%,
#C98C1E 24%,
#E7BF5D 46%,
#B87A17 72%,
#8F5F10 100%
);
background-size: 180% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
filter:
drop-shadow(0 5px 10px rgba(154, 107, 19, .20))
drop-shadow(0 14px 22px rgba(0, 0, 0, .08));
animation: fit-white-gold-shine-g4h 6.5s ease-in-out infinite;
}
/* Línea final */
.heading-fit-white-g4h .fit-white-main-g4h {
display: inline-block;
margin-top: 8px;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(22px, 2.4vw, 36px);
line-height: 1.02;
font-weight: 900;
letter-spacing: -.035em;
color: #111111 !important;
-webkit-text-fill-color: #111111 !important;
text-shadow:
0 6px 16px rgba(0, 0, 0, .08);
}
@keyframes fit-white-gold-shine-g4h {
0%, 100% {
background-position: 180% 0;
}
50% {
background-position: 0% 0;
}
}
/* Responsive */
@media (max-width: 767px) {
.heading-fit-white-g4h .fit-white-kicker-g4h {
font-size: clamp(15px, 4.6vw, 20px);
line-height: 1.2;
}
.heading-fit-white-g4h .fit-white-gold-g4h {
font-size: clamp(34px, 11vw, 52px);
line-height: .94;
letter-spacing: -.045em;
}
.heading-fit-white-g4h .fit-white-main-g4h {
font-size: clamp(20px, 6.2vw, 30px);
line-height: 1.05;
margin-top: 6px;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-fit-white-g4h .fit-white-gold-g4h {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-69a4435 *//* =========================================================
TITULAR DECISIÓN — BLANCO PEQUEÑO + DORADO PROTAGONISTA
========================================================= */
.decision-title-g4h {
width: 100%;
max-width: 920px;
margin: 0 auto;
text-align: center;
}
/* Base */
.decision-top-g4h,
.decision-bridge-g4h,
.decision-main-g4h {
display: block;
text-transform: uppercase;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
}
/* Blanco superior: mismo tamaño que "Y EMPEZAR A" */
.decision-top-g4h {
max-width: 760px;
margin: 0 auto 8px auto;
font-size: clamp(21px, 1.7vw, 25px);
line-height: 1.12;
font-weight: 600;
letter-spacing: -.012em;
color: #FFFFFF;
text-shadow:
0 6px 18px rgba(0, 0, 0, .34),
0 0 12px rgba(255, 255, 255, .04);
}
/* Puente pequeño */
.decision-bridge-g4h {
margin-bottom: 12px;
font-size: clamp(18px, 1.8vw, 28px);
line-height: 1;
font-weight: 850;
letter-spacing: -.01em;
color: #FFFFFF;
text-shadow:
0 6px 18px rgba(0, 0, 0, .28),
0 0 12px rgba(255, 255, 255, .03);
}
/* Beneficio final: protagonista */
.decision-main-g4h {
max-width: 900px;
margin: 0 auto;
font-size: clamp(44px, 4.6vw, 60px);
line-height: .94;
font-weight: 950;
letter-spacing: -.045em;
background: linear-gradient(
180deg,
#F7E19A 0%,
#E8C563 44%,
#C99A32 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
filter:
drop-shadow(0 0 10px rgba(242, 217, 138, .18))
drop-shadow(0 0 26px rgba(225, 154, 11, .12));
}
/* Mobile */
@media (max-width: 767px) {
.decision-title-g4h {
max-width: 94%;
}
.decision-top-g4h {
font-size: clamp(15px, 4.5vw, 20px);
line-height: 1.22;
margin-bottom: 8px;
}
.decision-bridge-g4h {
font-size: clamp(16px, 4.8vw, 22px);
margin-bottom: 8px;
}
.decision-main-g4h {
font-size: clamp(31px, 9vw, 48px);
line-height: .98;
letter-spacing: -.032em;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9f29ea6 *//* =========================================================
HEADING — IDENTIFICADO/A DESTACADO EN DORADO
Clase del widget heading: heading-identificado-g4h
========================================================= */
.heading-identificado-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-weight: 900;
text-transform: uppercase;
font-size: clamp(28px, 3vw, 44px);
line-height: 1.04;
letter-spacing: -.02em;
color: #FFFFFF;
text-align: center;
text-wrap: balance;
text-shadow:
0 8px 24px rgba(0, 0, 0, .38),
0 0 26px rgba(154, 50, 61, .16);
}
/* Parte dorada */
.heading-identificado-g4h .gold-highlight-g4h {
display: inline-block;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 10px rgba(220, 194, 133, .24))
drop-shadow(0 0 24px rgba(225, 154, 11, .16));
animation: gold-highlight-shine-g4h 6.2s ease-in-out infinite;
}
/* Glow / barrido muy sutil */
@keyframes gold-highlight-shine-g4h {
0%, 100% {
background-position: 220% 0;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .18))
drop-shadow(0 0 18px rgba(225, 154, 11, .10));
}
50% {
background-position: 0% 0;
filter:
drop-shadow(0 0 12px rgba(220, 194, 133, .30))
drop-shadow(0 0 28px rgba(225, 154, 11, .18));
}
}
/* Responsive */
@media (max-width: 767px) {
.heading-identificado-g4h .elementor-heading-title {
font-size: clamp(24px, 6.8vw, 34px);
line-height: 1.08;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-identificado-g4h .gold-highlight-g4h {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-bbb3726 *//* =========================================================
CTA DORADO — VERSIÓN ESTABLE SIN PÉRDIDA DE FONDO
Clase del botón Elementor: btn-dorado-g4h
========================================================= */
.btn-dorado-g4h {
position: relative;
display: inline-block;
isolation: isolate;
transform-origin: center;
animation: cta-wrapper-grow-g4h 6.5s ease-in-out infinite;
}
/* Aura exterior */
.btn-dorado-g4h::after {
content: "";
position: absolute;
inset: -8px;
border-radius: 10px;
background: radial-gradient(
closest-side,
rgba(255, 217, 107, .36),
transparent 72%
);
filter: blur(14px);
z-index: -1;
pointer-events: none;
animation:
aura-dorada-g4h 2.8s ease-in-out infinite,
cta-aura-attention-g4h 6.5s ease-in-out infinite;
}
/* Botón real: fondo fijo, sin animación */
.btn-dorado-g4h .elementor-button,
.btn-dorado-g4h a.elementor-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 12px;
background-color: #E19A0B !important;
background-image: linear-gradient(135deg, #F2D98A 0%, #E19A0B 100%) !important;
color: #050407 !important;
padding: 22px 38px !important;
border-radius: 4px !important;
border: none !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: .12em;
text-transform: uppercase;
position: relative;
overflow: hidden;
cursor: pointer;
box-shadow:
0 0 0 1px rgba(255,217,107,.5) inset,
0 12px 32px rgba(225,154,11,.5),
0 0 60px rgba(225,154,11,.35);
transition:
transform .3s cubic-bezier(.2,.7,.2,1),
box-shadow .3s cubic-bezier(.2,.7,.2,1),
background-image .3s cubic-bezier(.2,.7,.2,1);
animation: none !important;
}
/* Brillo automático: capa independiente */
.btn-dorado-g4h .elementor-button::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
110deg,
transparent 0%,
transparent 32%,
rgba(255, 255, 255, .62) 50%,
transparent 68%,
transparent 100%
);
transform: translateX(-140%);
opacity: 0;
pointer-events: none;
animation: cta-shine-stable-g4h 6.5s ease-in-out infinite;
}
/* Texto siempre por encima */
.btn-dorado-g4h .elementor-button-text {
position: relative;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 12px;
color: #050407 !important;
}
/* Flecha */
.btn-dorado-g4h .elementor-button-text::after {
content: "→";
position: relative;
z-index: 3;
font-size: 18px;
font-weight: 900;
line-height: 1;
transition: transform .3s cubic-bezier(.2,.7,.2,1);
}
/* Hover */
.btn-dorado-g4h:hover {
animation-play-state: paused;
}
.btn-dorado-g4h .elementor-button:hover,
.btn-dorado-g4h a.elementor-button:hover {
transform: translateY(-2px);
background-color: #E19A0B !important;
background-image: linear-gradient(135deg, #F2D98A 0%, #FCBC3B 45%, #E19A0B 100%) !important;
box-shadow:
0 0 0 1px rgba(255,217,107,.7) inset,
0 18px 44px rgba(225,154,11,.6),
0 0 90px rgba(225,154,11,.55);
}
.btn-dorado-g4h .elementor-button:hover::before {
animation-play-state: paused;
opacity: 1;
transform: translateX(100%);
}
.btn-dorado-g4h .elementor-button:hover .elementor-button-text::after {
transform: translateX(4px);
}
/* Estados: nunca transparente */
.btn-dorado-g4h .elementor-button:focus,
.btn-dorado-g4h .elementor-button:active,
.btn-dorado-g4h .elementor-button:visited {
background-color: #E19A0B !important;
background-image: linear-gradient(135deg, #F2D98A 0%, #E19A0B 100%) !important;
color: #050407 !important;
border: none !important;
outline: none !important;
}
/* =========================================================
ANIMACIONES
========================================================= */
/* Grow aplicado al wrapper, no al botón */
@keyframes cta-wrapper-grow-g4h {
0%, 68%, 100% {
transform: translateY(0) scale(1);
}
76% {
transform: translateY(-2px) scale(1.026);
}
84% {
transform: translateY(0) scale(1);
}
90% {
transform: translateY(-1px) scale(1.012);
}
}
/* Brillo automático estable */
@keyframes cta-shine-stable-g4h {
0%, 66%, 100% {
transform: translateX(-140%);
opacity: 0;
}
72% {
opacity: 1;
}
80% {
transform: translateX(140%);
opacity: 1;
}
86% {
opacity: 0;
}
}
/* Aura base */
@keyframes aura-dorada-g4h {
0%, 100% {
opacity: .6;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.06);
}
}
/* Aura de atención */
@keyframes cta-aura-attention-g4h {
0%, 70%, 100% {
opacity: .62;
transform: scale(1);
}
80% {
opacity: 1;
transform: scale(1.16);
}
88% {
opacity: .74;
transform: scale(1.04);
}
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 640px) {
.btn-dorado-g4h {
width: 100%;
}
.btn-dorado-g4h .elementor-button,
.btn-dorado-g4h a.elementor-button {
width: 100%;
padding: 20px !important;
font-size: 13px !important;
letter-spacing: .09em;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.btn-dorado-g4h,
.btn-dorado-g4h::after,
.btn-dorado-g4h .elementor-button::before {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-aab4d0d *//* =========================================================
HEADING — IDENTIFICADO/A DESTACADO EN DORADO
Clase del widget heading: heading-identificado-g4h
========================================================= */
.heading-identificado-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-weight: 900;
text-transform: uppercase;
font-size: clamp(28px, 3vw, 44px);
line-height: 1.04;
letter-spacing: -.02em;
color: #FFFFFF;
text-align: center;
text-wrap: balance;
text-shadow:
0 8px 24px rgba(0, 0, 0, .38),
0 0 26px rgba(154, 50, 61, .16);
}
/* Parte dorada */
.heading-identificado-g4h .gold-highlight-g4h {
display: inline-block;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 10px rgba(220, 194, 133, .24))
drop-shadow(0 0 24px rgba(225, 154, 11, .16));
animation: gold-highlight-shine-g4h 6.2s ease-in-out infinite;
}
/* Glow / barrido muy sutil */
@keyframes gold-highlight-shine-g4h {
0%, 100% {
background-position: 220% 0;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .18))
drop-shadow(0 0 18px rgba(225, 154, 11, .10));
}
50% {
background-position: 0% 0;
filter:
drop-shadow(0 0 12px rgba(220, 194, 133, .30))
drop-shadow(0 0 28px rgba(225, 154, 11, .18));
}
}
/* Responsive */
@media (max-width: 767px) {
.heading-identificado-g4h .elementor-heading-title {
font-size: clamp(24px, 6.8vw, 34px);
line-height: 1.08;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-identificado-g4h .gold-highlight-g4h {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for countdown, class: .elementor-element-559c930 *//* =========================================================
COUNTDOWN — ESTILO G4HCD
Clase widget Countdown: countdown-g4h
========================================================= */
.countdown-g4h {
width: 100%;
max-width: 760px;
margin: 0 auto !important;
position: relative;
overflow: hidden;
isolation: isolate;
padding: 22px 24px !important;
border-radius: 20px;
border: 1px solid rgba(220, 194, 133, .18);
background:
radial-gradient(
560px 260px at 18% 0%,
rgba(154, 50, 61, .24) 0%,
rgba(154, 50, 61, .09) 42%,
transparent 76%
),
linear-gradient(
180deg,
rgba(18, 8, 12, .86) 0%,
rgba(7, 5, 7, .78) 100%
);
box-shadow:
0 0 0 1px rgba(255, 255, 255, .018) inset,
0 22px 48px rgba(0, 0, 0, .30),
0 0 34px rgba(154, 50, 61, .14);
}
/* Glow interior */
.countdown-g4h::before {
content: "";
position: absolute;
inset: -28%;
z-index: -1;
pointer-events: none;
background:
radial-gradient(
360px 220px at 16% 10%,
rgba(188, 54, 70, .16) 0%,
transparent 72%
),
radial-gradient(
280px 200px at 90% 86%,
rgba(220, 194, 133, .075) 0%,
transparent 76%
);
filter: blur(22px);
opacity: .9;
}
/* Contenedor general del countdown */
.countdown-g4h .elementor-countdown-wrapper {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 12px !important;
}
/* Cada caja */
.countdown-g4h .elementor-countdown-item {
position: relative;
padding: 18px 12px 16px !important;
border-radius: 16px;
border: 1px solid rgba(220, 194, 133, .14);
background:
linear-gradient(
180deg,
rgba(255, 255, 255, .055) 0%,
rgba(255, 255, 255, .020) 100%
);
box-shadow:
0 10px 24px rgba(0, 0, 0, .22),
0 0 0 1px rgba(255, 255, 255, .018) inset;
overflow: hidden;
}
/* Brillo superior de cada caja */
.countdown-g4h .elementor-countdown-item::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
radial-gradient(
160px 80px at 50% 0%,
rgba(242, 217, 138, .13) 0%,
transparent 72%
);
opacity: .85;
}
/* Número */
.countdown-g4h .elementor-countdown-digits {
position: relative;
z-index: 2;
display: block;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(34px, 4.2vw, 62px) !important;
line-height: .9 !important;
font-weight: 1000 !important;
letter-spacing: -.06em !important;
color: #F2D98A !important;
-webkit-text-fill-color: #F2D98A !important;
text-shadow:
0 0 10px rgba(242, 217, 138, .22),
0 0 24px rgba(225, 154, 11, .12),
0 8px 22px rgba(0, 0, 0, .42);
}
/* Label: días, horas, minutos... */
.countdown-g4h .elementor-countdown-label {
position: relative;
z-index: 2;
display: block;
margin-top: 8px;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: 11px !important;
line-height: 1 !important;
font-weight: 850 !important;
letter-spacing: .12em !important;
text-transform: uppercase !important;
color: rgba(255, 255, 255, .78) !important;
-webkit-text-fill-color: rgba(255, 255, 255, .78) !important;
}
/* Pulso sutil */
.countdown-g4h .elementor-countdown-item {
animation: countdown-g4h-pulse 5.5s ease-in-out infinite;
}
@keyframes countdown-g4h-pulse {
0%,
72%,
100% {
border-color: rgba(220, 194, 133, .14);
box-shadow:
0 10px 24px rgba(0, 0, 0, .22),
0 0 0 1px rgba(255, 255, 255, .018) inset;
}
82% {
border-color: rgba(242, 217, 138, .30);
box-shadow:
0 10px 26px rgba(0, 0, 0, .24),
0 0 18px rgba(242, 217, 138, .10),
0 0 0 1px rgba(255, 255, 255, .025) inset;
}
}
/* Tablet */
@media (max-width: 1024px) {
.countdown-g4h {
max-width: 680px;
padding: 20px !important;
}
.countdown-g4h .elementor-countdown-wrapper {
gap: 10px !important;
}
.countdown-g4h .elementor-countdown-item {
padding: 16px 10px 14px !important;
}
}
/* Mobile */
@media (max-width: 767px) {
.countdown-g4h {
max-width: 94%;
padding: 14px !important;
border-radius: 16px;
}
.countdown-g4h .elementor-countdown-wrapper {
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 6px !important;
}
.countdown-g4h .elementor-countdown-item {
padding: 12px 5px 10px !important;
border-radius: 12px;
}
.countdown-g4h .elementor-countdown-digits {
font-size: clamp(24px, 8vw, 36px) !important;
letter-spacing: -.045em !important;
}
.countdown-g4h .elementor-countdown-label {
margin-top: 6px;
font-size: 8px !important;
letter-spacing: .08em !important;
}
}
/* Mobile muy pequeño */
@media (max-width: 390px) {
.countdown-g4h {
padding: 12px 10px !important;
}
.countdown-g4h .elementor-countdown-wrapper {
gap: 5px !important;
}
.countdown-g4h .elementor-countdown-digits {
font-size: 24px !important;
}
.countdown-g4h .elementor-countdown-label {
font-size: 7px !important;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.countdown-g4h .elementor-countdown-item {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-79ebfd6 *//* =========================================================
HERO BACKGROUND — NEGRO + ROJO VINO + IMAGEN SUTIL
Clase para el contenedor principal: hero-bg-g4h-intense
========================================================= */
.hero-bg-g4h-intense {
position: relative;
overflow: hidden;
isolation: isolate;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
background-image:
linear-gradient(
180deg,
rgba(5, 4, 7, .88) 0%,
rgba(5, 4, 7, .68) 38%,
rgba(5, 4, 7, .90) 100%
),
radial-gradient(
900px 620px at 78% 18%,
rgba(154, 50, 61, .60) 0%,
rgba(154, 50, 61, .30) 32%,
rgba(154, 50, 61, .10) 58%,
transparent 76%
),
radial-gradient(
780px 620px at 18% 76%,
rgba(120, 28, 38, .54) 0%,
rgba(74, 18, 25, .38) 36%,
rgba(74, 18, 25, .14) 62%,
transparent 78%
),
radial-gradient(
1100px 760px at 52% 45%,
rgba(20, 10, 14, .10) 0%,
rgba(4, 3, 6, .60) 62%,
rgba(4, 3, 6, .96) 100%
),
url("https://accede.gana4horascadadia.com/wp-content/uploads/2026/04/miguelnavarro.jpg"),
linear-gradient(
135deg,
#16070c 0%,
#090609 36%,
#050407 72%,
#12060a 100%
) !important;
background-size:
100% 100%,
120% 120%,
115% 115%,
130% 130%,
cover,
100% 100%;
background-position:
center,
78% 18%,
18% 76%,
52% 45%,
center top,
center;
background-repeat:
no-repeat,
no-repeat,
no-repeat,
no-repeat,
no-repeat,
no-repeat;
background-blend-mode:
normal,
screen,
screen,
normal,
luminosity,
normal;
background-color: #050407 !important;
animation: hero-bg-shift-g4h 20s ease-in-out infinite alternate;
}
/* =========================================================
CAPA PRINCIPAL — MASAS VINO + PROFUNDIDAD
========================================================= */
.hero-bg-g4h-intense::before {
content: "";
position: absolute;
inset: -20%;
z-index: -2;
pointer-events: none;
background:
radial-gradient(
680px 520px at 72% 28%,
rgba(188, 54, 70, .36) 0%,
rgba(154, 50, 61, .22) 32%,
transparent 68%
),
radial-gradient(
780px 540px at 14% 88%,
rgba(154, 50, 61, .38) 0%,
rgba(74, 18, 25, .24) 38%,
transparent 72%
),
radial-gradient(
520px 420px at 48% 52%,
rgba(154, 50, 61, .18) 0%,
rgba(154, 50, 61, .08) 42%,
transparent 76%
),
conic-gradient(
from 215deg at 50% 50%,
transparent 0deg,
rgba(154, 50, 61, .16) 58deg,
rgba(220, 194, 133, .04) 96deg,
transparent 138deg,
transparent 220deg,
rgba(154, 50, 61, .10) 286deg,
transparent 360deg
);
background-size:
120% 120%,
115% 115%,
110% 110%,
100% 100%;
background-position:
72% 28%,
14% 88%,
48% 52%,
center;
filter: blur(42px);
opacity: .95;
transform: rotate(-5deg);
animation:
hero-vino-flow-g4h 14s ease-in-out infinite alternate,
hero-vino-light-shift-g4h 24s ease-in-out infinite;
}
/* =========================================================
CAPA SUPERIOR — VIÑETA + TEXTURA SIN RAYAS
========================================================= */
.hero-bg-g4h-intense::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(
ellipse at center,
transparent 0%,
transparent 46%,
rgba(0, 0, 0, .44) 78%,
rgba(0, 0, 0, .76) 100%
),
linear-gradient(
180deg,
rgba(0, 0, 0, .18) 0%,
transparent 28%,
transparent 62%,
rgba(0, 0, 0, .42) 100%
),
url("data:image/svg+xml;utf8,");
background-size:
100% 100%,
100% 100%,
220px 220px;
background-repeat:
no-repeat,
no-repeat,
repeat;
opacity: .42;
mix-blend-mode: overlay;
animation: hero-grain-drift-g4h 14s linear infinite;
}
/* Contenido siempre por encima del fondo */
.hero-bg-g4h-intense > * {
position: relative;
z-index: 2;
}
/* =========================================================
ANIMACIÓN DEL FONDO PRINCIPAL
========================================================= */
@keyframes hero-bg-shift-g4h {
0% {
background-position:
center,
78% 18%,
18% 76%,
52% 45%,
center top,
center;
background-size:
100% 100%,
120% 120%,
115% 115%,
130% 130%,
cover,
100% 100%;
}
50% {
background-position:
center,
72% 22%,
22% 70%,
48% 50%,
center top,
center;
background-size:
100% 100%,
124% 124%,
118% 118%,
134% 134%,
cover,
100% 100%;
}
100% {
background-position:
center,
82% 14%,
14% 82%,
56% 42%,
center top,
center;
background-size:
100% 100%,
122% 122%,
116% 116%,
132% 132%,
cover,
100% 100%;
}
}
/* Movimiento sutil del glow vino */
@keyframes hero-vino-flow-g4h {
0% {
transform: rotate(-5deg) scale(1);
opacity: .86;
}
100% {
transform: rotate(-2deg) scale(1.06);
opacity: 1;
}
}
/* Movimiento orgánico de luces vino */
@keyframes hero-vino-light-shift-g4h {
0% {
background-position:
72% 28%,
14% 88%,
48% 52%,
center;
}
33% {
background-position:
68% 34%,
18% 80%,
54% 48%,
center;
}
66% {
background-position:
78% 24%,
10% 84%,
46% 54%,
center;
}
100% {
background-position:
72% 28%,
14% 88%,
48% 52%,
center;
}
}
/* Textura con desplazamiento casi imperceptible */
@keyframes hero-grain-drift-g4h {
0% {
background-position:
center,
center,
0 0;
}
100% {
background-position:
center,
center,
220px 220px;
}
}
/* =========================================================
DESTELLOS DORADOS INTENSOS EN EL FONDO
Sin añadir HTML
========================================================= */
.hero-bg-g4h-intense {
--sparkle-gold: rgba(255, 217, 107, .95);
--sparkle-soft: rgba(255, 217, 107, .42);
}
/* Destellos principales */
.hero-bg-g4h-intense > *:first-child::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(circle at 16% 24%, rgba(255, 217, 107, .95) 0 1px, transparent 4px),
radial-gradient(circle at 34% 18%, rgba(255, 217, 107, .75) 0 1px, transparent 5px),
radial-gradient(circle at 72% 26%, rgba(255, 217, 107, .9) 0 1px, transparent 4px),
radial-gradient(circle at 86% 58%, rgba(255, 217, 107, .7) 0 1px, transparent 5px),
radial-gradient(circle at 62% 76%, rgba(255, 217, 107, .8) 0 1px, transparent 4px),
radial-gradient(circle at 22% 84%, rgba(255, 217, 107, .65) 0 1px, transparent 5px);
filter:
drop-shadow(0 0 6px rgba(255, 217, 107, .85))
drop-shadow(0 0 16px rgba(255, 217, 107, .48));
opacity: .15;
animation: hero-sparkles-g4h 5s ease-in-out infinite;
}
/* Destellos secundarios */
.hero-bg-g4h-intense > *:first-child::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(circle at 8% 66%, rgba(255, 217, 107, .8) 0 1px, transparent 4px),
radial-gradient(circle at 44% 38%, rgba(255, 217, 107, .75) 0 1px, transparent 5px),
radial-gradient(circle at 58% 14%, rgba(255, 217, 107, .9) 0 1px, transparent 4px),
radial-gradient(circle at 92% 18%, rgba(255, 217, 107, .7) 0 1px, transparent 5px),
radial-gradient(circle at 78% 84%, rgba(255, 217, 107, .85) 0 1px, transparent 4px);
filter:
drop-shadow(0 0 8px rgba(255, 217, 107, .9))
drop-shadow(0 0 22px rgba(255, 217, 107, .42));
opacity: .08;
animation: hero-sparkles-alt-g4h 6.4s ease-in-out infinite;
}
/* Parpadeo elegante de destellos */
@keyframes hero-sparkles-g4h {
0%, 100% {
opacity: .06;
transform: scale(.96);
}
22% {
opacity: .70;
transform: scale(1.02);
}
46% {
opacity: .16;
transform: scale(.98);
}
68% {
opacity: .90;
transform: scale(1.04);
}
84% {
opacity: .20;
transform: scale(1);
}
}
@keyframes hero-sparkles-alt-g4h {
0%, 100% {
opacity: .05;
transform: translateY(0) scale(.96);
}
30% {
opacity: .62;
transform: translateY(-6px) scale(1.03);
}
52% {
opacity: .10;
transform: translateY(-2px) scale(.98);
}
78% {
opacity: .78;
transform: translateY(-8px) scale(1.05);
}
}
/* =========================================================
ELIMINA GLOW/RAYA DETRÁS DEL CTA
El botón mantiene su propio glow, pero no hay capa extra detrás.
========================================================= */
.hero-bg-g4h-intense .elementor-widget-button:first-of-type::before {
content: none !important;
display: none !important;
animation: none !important;
}
/* =========================================================
RENDIMIENTO
========================================================= */
.hero-bg-g4h-intense,
.hero-bg-g4h-intense::before,
.hero-bg-g4h-intense::after,
.hero-bg-g4h-intense > *:first-child::before,
.hero-bg-g4h-intense > *:first-child::after {
will-change: transform, opacity, background-position, background-size;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 767px) {
.hero-bg-g4h-intense {
background-image:
linear-gradient(
180deg,
rgba(5, 4, 7, .88) 0%,
rgba(5, 4, 7, .70) 36%,
rgba(5, 4, 7, .92) 100%
),
radial-gradient(
520px 460px at 78% 8%,
rgba(154, 50, 61, .56) 0%,
rgba(154, 50, 61, .25) 38%,
transparent 76%
),
radial-gradient(
520px 560px at 8% 86%,
rgba(120, 28, 38, .48) 0%,
rgba(74, 18, 25, .30) 42%,
transparent 78%
),
url("https://accede.gana4horascadadia.com/wp-content/uploads/2026/04/miguelnavarro.jpg"),
linear-gradient(
180deg,
#14070c 0%,
#080608 48%,
#050407 100%
) !important;
background-size:
100% 100%,
125% 125%,
120% 120%,
cover,
100% 100%;
background-position:
center,
76% 8%,
4% 88%,
left center,
center;
background-repeat:
no-repeat,
no-repeat,
no-repeat,
no-repeat,
no-repeat;
background-blend-mode:
normal,
screen,
screen,
luminosity,
normal;
/* Clave: quitamos la animación del background principal en mobile */
animation: none !important;
}
.hero-bg-g4h-intense::before {
inset: -30%;
filter: blur(34px);
opacity: .82;
}
.hero-bg-g4h-intense::after {
opacity: .32;
}
}
/* =========================================================
ACCESIBILIDAD
========================================================= */
@media (prefers-reduced-motion: reduce) {
.hero-bg-g4h-intense,
.hero-bg-g4h-intense::before,
.hero-bg-g4h-intense::after,
.hero-bg-g4h-intense > *:first-child::before,
.hero-bg-g4h-intense > *:first-child::after {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-950adcf *//* Parte dorada — versión fondo blanco más potente */
.heading-identificado-g4h .gold-highlight-g4h {
display: inline-block;
background: linear-gradient(
110deg,
#9A6B13 0%,
#C98C1E 24%,
#E7BF5D 46%,
#B87A17 72%,
#8F5F10 100%
);
background-size: 180% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
filter:
drop-shadow(0 5px 10px rgba(154, 107, 19, .20))
drop-shadow(0 14px 22px rgba(0, 0, 0, .08));
animation: gold-highlight-shine-g4h 6.5s ease-in-out infinite;
}
/* Glow / barrido dorado fondo blanco */
@keyframes gold-highlight-shine-g4h {
0%, 100% {
background-position: 180% 0;
}
50% {
background-position: 0% 0;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffb71d5 *//* =========================================================
FIT CHECKLIST — VERSIÓN CLARA / FONDO BLANCO
Padre: fit-checklist-section-g4h
Grupo: fit-checklist-group-g4h
Título grupo: fit-checklist-group-title-g4h
Items wrapper: fit-checklist-items-g4h
Item: fit-checklist-item-g4h
Variantes:
- fit-checklist-warning-g4h
- fit-checklist-positive-g4h
- fit-checklist-quote-g4h
========================================================= */
.fit-checklist-section-g4h {
width: 100%;
max-width: 980px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 30px;
}
/* Grupo */
.fit-checklist-group-g4h {
width: 100%;
}
/* Título grupo */
.fit-checklist-group-title-g4h,
.fit-checklist-group-title-g4h .elementor-heading-title,
.fit-checklist-group-title-g4h p {
margin: 0 0 16px 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(20px, 2vw, 30px) !important;
line-height: 1.08 !important;
font-weight: 900 !important;
letter-spacing: -.025em !important;
text-transform: uppercase !important;
color: #111111 !important;
-webkit-text-fill-color: #111111 !important;
text-align: left !important;
text-shadow:
0 8px 22px rgba(0, 0, 0, .06);
}
/* Título específico de grupos positivos */
.fit-checklist-positive-g4h + .fit-checklist-group-title-g4h,
.fit-checklist-quotes-g4h .fit-checklist-group-title-g4h {
color: #8E2A36 !important;
}
/* Contenedor de items */
.fit-checklist-items-g4h {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
/* =========================================================
ITEM BASE
========================================================= */
.fit-checklist-item-g4h {
position: relative;
margin: 0 !important;
padding: 17px 22px 17px 54px !important;
border-radius: 16px;
border: 1px solid rgba(142, 42, 54, .14);
background:
radial-gradient(
420px 220px at 8% 0%,
rgba(142, 42, 54, .075) 0%,
rgba(142, 42, 54, .028) 42%,
transparent 76%
),
linear-gradient(
180deg,
rgba(255, 255, 255, .96) 0%,
rgba(250, 246, 238, .88) 100%
);
box-shadow:
0 12px 28px rgba(17, 17, 17, .055),
0 0 0 1px rgba(255, 255, 255, .80) inset,
0 0 24px rgba(142, 42, 54, .045);
overflow: hidden;
}
/* Glow suave interior */
.fit-checklist-item-g4h::after {
content: "";
position: absolute;
inset: -40%;
z-index: 0;
pointer-events: none;
background:
radial-gradient(
260px 160px at 10% 0%,
rgba(220, 194, 133, .10) 0%,
transparent 70%
);
opacity: .75;
filter: blur(18px);
}
/* Texto interno Elementor */
.fit-checklist-item-g4h .elementor-widget-container,
.fit-checklist-item-g4h p,
.fit-checklist-item-g4h .elementor-heading-title {
position: relative;
z-index: 2;
margin: 0 !important;
padding: 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(15.5px, 1.2vw, 18px) !important;
line-height: 1.35 !important;
font-weight: 650 !important;
letter-spacing: -.01em !important;
color: rgba(17, 17, 17, .88) !important;
-webkit-text-fill-color: rgba(17, 17, 17, .88) !important;
}
/* Icono automático */
.fit-checklist-item-g4h::before {
position: absolute;
left: 20px;
top: 50%;
z-index: 2;
transform: translateY(-50%);
width: 23px;
height: 23px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: 14px;
line-height: 1;
font-weight: 1000;
box-shadow:
0 0 8px rgba(220, 194, 133, .20),
0 4px 12px rgba(142, 42, 54, .10);
}
/* =========================================================
VARIANTE DIAGNÓSTICO
========================================================= */
.fit-checklist-warning-g4h::before {
content: "»";
color: #8E2A36;
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .34) 0%,
rgba(220, 194, 133, .20) 46%,
rgba(255, 255, 255, .92) 100%
);
border: 1px solid rgba(142, 42, 54, .20);
}
/* =========================================================
VARIANTE POSITIVA
========================================================= */
.fit-checklist-positive-g4h {
border-color: rgba(220, 194, 133, .26);
background:
radial-gradient(
420px 220px at 8% 0%,
rgba(220, 194, 133, .14) 0%,
rgba(220, 194, 133, .045) 42%,
transparent 76%
),
linear-gradient(
180deg,
rgba(255, 255, 255, .98) 0%,
rgba(250, 246, 238, .92) 100%
);
}
.fit-checklist-positive-g4h::before {
content: "✓";
color: #8E2A36;
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .46) 0%,
rgba(220, 194, 133, .26) 50%,
rgba(255, 255, 255, .95) 100%
);
border: 1px solid rgba(220, 194, 133, .42);
}
/* =========================================================
VARIANTE QUOTES / FRASES ESPEJO
========================================================= */
.fit-checklist-quote-g4h {
padding-top: 20px !important;
padding-bottom: 20px !important;
border-color: rgba(142, 42, 54, .20);
background:
radial-gradient(
460px 240px at 10% 0%,
rgba(142, 42, 54, .10) 0%,
rgba(142, 42, 54, .035) 44%,
transparent 76%
),
linear-gradient(
180deg,
rgba(255, 255, 255, .98) 0%,
rgba(250, 246, 238, .92) 100%
);
box-shadow:
0 14px 30px rgba(17, 17, 17, .065),
0 0 0 1px rgba(255, 255, 255, .84) inset,
0 0 28px rgba(142, 42, 54, .06);
}
.fit-checklist-quote-g4h::before {
content: "“";
font-size: 25px;
color: #8E2A36;
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .46) 0%,
rgba(220, 194, 133, .24) 50%,
rgba(255, 255, 255, .96) 100%
);
border: 1px solid rgba(220, 194, 133, .42);
}
/* Texto quotes más fuerte */
.fit-checklist-quote-g4h p,
.fit-checklist-quote-g4h .elementor-heading-title,
.fit-checklist-quote-g4h .elementor-widget-container {
font-size: clamp(17px, 1.45vw, 22px) !important;
line-height: 1.28 !important;
font-weight: 850 !important;
color: #111111 !important;
-webkit-text-fill-color: #111111 !important;
}
/* =========================================================
HOVER SUAVE
========================================================= */
.fit-checklist-item-g4h {
transition:
transform .24s cubic-bezier(.2,.7,.2,1),
border-color .24s cubic-bezier(.2,.7,.2,1),
box-shadow .24s cubic-bezier(.2,.7,.2,1);
}
.fit-checklist-item-g4h:hover {
transform: translateY(-2px);
border-color: rgba(142, 42, 54, .24);
box-shadow:
0 16px 34px rgba(17, 17, 17, .075),
0 0 0 1px rgba(255, 255, 255, .86) inset,
0 0 30px rgba(142, 42, 54, .075);
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 767px) {
.fit-checklist-section-g4h {
max-width: 92%;
gap: 24px;
}
.fit-checklist-group-title-g4h,
.fit-checklist-group-title-g4h .elementor-heading-title,
.fit-checklist-group-title-g4h p {
font-size: 22px !important;
line-height: 1.12 !important;
margin-bottom: 14px !important;
}
.fit-checklist-items-g4h {
gap: 9px !important;
}
.fit-checklist-item-g4h {
padding: 15px 17px 15px 48px !important;
border-radius: 14px;
}
.fit-checklist-item-g4h::before {
left: 16px;
width: 20px;
height: 20px;
font-size: 13px;
}
.fit-checklist-item-g4h .elementor-widget-container,
.fit-checklist-item-g4h p,
.fit-checklist-item-g4h .elementor-heading-title {
font-size: 15px !important;
line-height: 1.35 !important;
}
.fit-checklist-quote-g4h p,
.fit-checklist-quote-g4h .elementor-heading-title,
.fit-checklist-quote-g4h .elementor-widget-container {
font-size: 17px !important;
line-height: 1.3 !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-707ad1c *//* =========================================================
TITULAR DECISIÓN — BLANCO PEQUEÑO + DORADO PROTAGONISTA
========================================================= */
.decision-title-g4h {
width: 100%;
max-width: 920px;
margin: 0 auto;
text-align: center;
}
/* Base */
.decision-top-g4h,
.decision-bridge-g4h,
.decision-main-g4h {
display: block;
text-transform: uppercase;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
}
/* Blanco superior: mismo tamaño que "Y EMPEZAR A" */
.decision-top-g4h {
max-width: 760px;
margin: 0 auto 8px auto;
font-size: clamp(21px, 1.7vw, 25px);
line-height: 1.12;
font-weight: 600;
letter-spacing: -.012em;
color: #FFFFFF;
text-shadow:
0 6px 18px rgba(0, 0, 0, .34),
0 0 12px rgba(255, 255, 255, .04);
}
/* Puente pequeño */
.decision-bridge-g4h {
margin-bottom: 12px;
font-size: clamp(18px, 1.8vw, 28px);
line-height: 1;
font-weight: 850;
letter-spacing: -.01em;
color: #FFFFFF;
text-shadow:
0 6px 18px rgba(0, 0, 0, .28),
0 0 12px rgba(255, 255, 255, .03);
}
/* Beneficio final: protagonista */
.decision-main-g4h {
max-width: 900px;
margin: 0 auto;
font-size: clamp(44px, 4.6vw, 60px);
line-height: .94;
font-weight: 950;
letter-spacing: -.045em;
background: linear-gradient(
180deg,
#F7E19A 0%,
#E8C563 44%,
#C99A32 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
filter:
drop-shadow(0 0 10px rgba(242, 217, 138, .18))
drop-shadow(0 0 26px rgba(225, 154, 11, .12));
}
/* Mobile */
@media (max-width: 767px) {
.decision-title-g4h {
max-width: 94%;
}
.decision-top-g4h {
font-size: clamp(15px, 4.5vw, 20px);
line-height: 1.22;
margin-bottom: 8px;
}
.decision-bridge-g4h {
font-size: clamp(16px, 4.8vw, 22px);
margin-bottom: 8px;
}
.decision-main-g4h {
font-size: clamp(31px, 9vw, 48px);
line-height: .98;
letter-spacing: -.032em;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a779255 *//* =========================================================
HEADING BONUS — TEXTO BLANCO + DORADO EXISTENTE
Clase pequeña: bonus-heading-small-g4h
========================================================= */
.bonus-heading-small-g4h {
display: inline-block;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: clamp(17px, 1.55vw, 24px);
line-height: 1.18;
font-weight: 850;
letter-spacing: -.01em;
text-transform: uppercase;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
text-shadow:
0 6px 18px rgba(0, 0, 0, .38),
0 0 16px rgba(154, 50, 61, .18);
}
@media (max-width: 767px) {
.bonus-heading-small-g4h {
font-size: clamp(15px, 4.6vw, 20px);
line-height: 1.22;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4461a61 *//* =========================================================
CALENDARIO DEL PROGRAMA — WIDGETS ELEMENTOR
Padre: calendar-simple-g4h
Bloque: calendar-simple-block-g4h
Cabecera: calendar-simple-head-g4h
Número: calendar-number-g4h
Título: calendar-title-g4h
Lista fechas: calendar-list-text-g4h
========================================================= */
.calendar-simple-g4h {
width: 100%;
max-width: 840px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 18px;
}
/* =========================================================
BLOQUE PRINCIPAL
========================================================= */
.calendar-simple-block-g4h {
position: relative;
overflow: hidden;
isolation: isolate;
padding: 28px 30px;
border-radius: 18px;
border: 1px solid rgba(220, 194, 133, .16);
background:
radial-gradient(
520px 260px at 14% 0%,
rgba(154, 50, 61, .24) 0%,
rgba(154, 50, 61, .09) 42%,
transparent 76%
),
linear-gradient(
180deg,
rgba(18, 8, 12, .82) 0%,
rgba(7, 5, 7, .74) 100%
);
box-shadow:
0 0 0 1px rgba(255, 255, 255, .02) inset,
0 20px 44px rgba(0, 0, 0, .28),
0 0 38px rgba(154, 50, 61, .12);
}
.calendar-simple-block-g4h::before {
content: "";
position: absolute;
inset: -30%;
z-index: -1;
pointer-events: none;
background:
radial-gradient(
420px 220px at 16% 10%,
rgba(188, 54, 70, .18) 0%,
transparent 72%
),
radial-gradient(
280px 180px at 92% 92%,
rgba(220, 194, 133, .06) 0%,
transparent 76%
);
filter: blur(22px);
}
/* =========================================================
CABECERA
========================================================= */
.calendar-simple-head-g4h {
display: grid !important;
grid-template-columns: 38px minmax(0, 1fr);
gap: 16px;
align-items: start;
margin-bottom: 22px;
}
/* Número circular */
.calendar-number-g4h {
width: 38px !important;
height: 38px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 999px !important;
border: 1px solid rgba(220, 194, 133, .42) !important;
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .16) 0%,
rgba(154, 50, 61, .18) 52%,
rgba(8, 6, 8, .94) 100%
) !important;
box-shadow:
0 0 0 1px rgba(255, 255, 255, .025) inset,
0 0 14px rgba(154, 50, 61, .22) !important;
}
.calendar-number-g4h .elementor-widget-container,
.calendar-number-g4h .elementor-heading-title,
.calendar-number-g4h p {
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
box-shadow: none !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: -.02em !important;
text-transform: uppercase !important;
color: #F2D98A !important;
-webkit-text-fill-color: #F2D98A !important;
text-align: center !important;
text-shadow:
0 0 7px rgba(242, 217, 138, .26),
0 0 14px rgba(225, 154, 11, .12) !important;
}
/* Título */
.calendar-title-g4h,
.calendar-title-g4h .elementor-heading-title,
.calendar-title-g4h p {
margin: 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(22px, 2vw, 32px) !important;
line-height: 1.02 !important;
font-weight: 900 !important;
letter-spacing: -.03em !important;
text-transform: uppercase !important;
color: #FFFFFF !important;
text-shadow:
0 7px 20px rgba(0, 0, 0, .44),
0 0 18px rgba(154, 50, 61, .18) !important;
}
/* =========================================================
LISTA DE FECHAS — EDITOR DE TEXTO
========================================================= */
.calendar-list-text-g4h,
.calendar-list-text-g4h .elementor-widget-container {
margin: 0 !important;
padding: 0 !important;
}
.calendar-list-text-g4h ul {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.calendar-list-text-g4h li {
position: relative;
margin: 0 !important;
padding: 16px 18px 16px 42px !important;
border-radius: 12px;
border: 1px solid rgba(220, 194, 133, .10);
background:
linear-gradient(
180deg,
rgba(255, 255, 255, .035) 0%,
rgba(255, 255, 255, .015) 100%
);
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: 13px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
letter-spacing: -.01em !important;
text-transform: uppercase !important;
color: #FFFFFF !important;
text-shadow:
0 5px 14px rgba(0, 0, 0, .36);
}
/* Punto vino */
.calendar-list-text-g4h li::before {
content: "";
position: absolute;
left: 18px;
top: 22px;
width: 8px;
height: 8px;
border-radius: 999px;
background: #BC3646;
box-shadow:
0 0 8px rgba(188, 54, 70, .48),
0 0 16px rgba(154, 50, 61, .28);
}
/* Si usas para la hora, se verá dorada */
.calendar-list-text-g4h li strong {
color: #F2D98A !important;
-webkit-text-fill-color: #F2D98A !important;
font-weight: 900 !important;
text-shadow:
0 0 7px rgba(242, 217, 138, .22),
0 0 14px rgba(225, 154, 11, .10);
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 767px) {
.calendar-simple-g4h {
max-width: 92%;
gap: 14px;
}
.calendar-simple-block-g4h {
padding: 24px 20px;
border-radius: 16px;
}
.calendar-simple-head-g4h {
grid-template-columns: 34px minmax(0, 1fr);
gap: 14px;
margin-bottom: 18px;
}
.calendar-number-g4h {
width: 34px !important;
height: 34px !important;
}
.calendar-number-g4h .elementor-heading-title,
.calendar-number-g4h p {
font-size: 12px !important;
}
.calendar-title-g4h,
.calendar-title-g4h .elementor-heading-title,
.calendar-title-g4h p {
font-size: 22px !important;
line-height: 1.06 !important;
}
.calendar-list-text-g4h ul {
grid-template-columns: 1fr !important;
}
.calendar-list-text-g4h li {
padding: 15px 16px 15px 38px !important;
font-size: 14px !important;
line-height: 1.28 !important;
}
.calendar-list-text-g4h li::before {
left: 16px;
top: 21px;
}
}
/* =========================================================
CALENDARIO — LISTA DE FECHAS EN VERTICAL
========================================================= */
.calendar-list-text-g4h ul {
grid-template-columns: 1fr !important;
gap: 8px !important;
}
.calendar-list-text-g4h li {
padding: 14px 18px 14px 40px !important;
}
.calendar-list-text-g4h li::before {
left: 17px;
top: 20px;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0619aee *//* =========================================================
HEADING FIT — VERSIÓN FONDO BLANCO
Clase del widget heading: heading-fit-white-g4h
========================================================= */
.heading-fit-white-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
text-align: center !important;
text-transform: uppercase !important;
text-wrap: balance;
}
/* Línea superior */
.heading-fit-white-g4h .fit-white-kicker-g4h {
display: inline-block;
margin-bottom: 6px;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(18px, 1.7vw, 26px);
line-height: 1.12;
font-weight: 900;
letter-spacing: -.01em;
color: #8E2A36 !important;
-webkit-text-fill-color: #8E2A36 !important;
text-shadow:
0 5px 14px rgba(142, 42, 54, .10);
}
/* Dorado más sólido y legible en blanco */
.heading-fit-white-g4h .fit-white-gold-g4h {
display: inline-block;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(38px, 5vw, 76px);
line-height: .88;
font-weight: 1000;
letter-spacing: -.06em;
background: linear-gradient(
110deg,
#9A6B13 0%,
#C98C1E 24%,
#E7BF5D 46%,
#B87A17 72%,
#8F5F10 100%
);
background-size: 180% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent !important;
filter:
drop-shadow(0 5px 10px rgba(154, 107, 19, .20))
drop-shadow(0 14px 22px rgba(0, 0, 0, .08));
animation: fit-white-gold-shine-g4h 6.5s ease-in-out infinite;
}
/* Línea final */
.heading-fit-white-g4h .fit-white-main-g4h {
display: inline-block;
margin-top: 8px;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(22px, 2.4vw, 36px);
line-height: 1.02;
font-weight: 900;
letter-spacing: -.035em;
color: #111111 !important;
-webkit-text-fill-color: #111111 !important;
text-shadow:
0 6px 16px rgba(0, 0, 0, .08);
}
@keyframes fit-white-gold-shine-g4h {
0%, 100% {
background-position: 180% 0;
}
50% {
background-position: 0% 0;
}
}
/* Responsive */
@media (max-width: 767px) {
.heading-fit-white-g4h .fit-white-kicker-g4h {
font-size: clamp(15px, 4.6vw, 20px);
line-height: 1.2;
}
.heading-fit-white-g4h .fit-white-gold-g4h {
font-size: clamp(34px, 11vw, 52px);
line-height: .94;
letter-spacing: -.045em;
}
.heading-fit-white-g4h .fit-white-main-g4h {
font-size: clamp(20px, 6.2vw, 30px);
line-height: 1.05;
margin-top: 6px;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-fit-white-g4h .fit-white-gold-g4h {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e5f95fc *//* =========================================================
FIT CHECKLIST — VERSIÓN CLARA / FONDO BLANCO
Padre: fit-checklist-section-g4h
Grupo: fit-checklist-group-g4h
Título grupo: fit-checklist-group-title-g4h
Items wrapper: fit-checklist-items-g4h
Item: fit-checklist-item-g4h
Variantes:
- fit-checklist-warning-g4h
- fit-checklist-positive-g4h
- fit-checklist-quote-g4h
========================================================= */
.fit-checklist-section-g4h {
width: 100%;
max-width: 980px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 30px;
}
/* Grupo */
.fit-checklist-group-g4h {
width: 100%;
}
/* Título grupo */
.fit-checklist-group-title-g4h,
.fit-checklist-group-title-g4h .elementor-heading-title,
.fit-checklist-group-title-g4h p {
margin: 0 0 16px 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(20px, 2vw, 30px) !important;
line-height: 1.08 !important;
font-weight: 900 !important;
letter-spacing: -.025em !important;
text-transform: uppercase !important;
color: #111111 !important;
-webkit-text-fill-color: #111111 !important;
text-align: left !important;
text-shadow:
0 8px 22px rgba(0, 0, 0, .06);
}
/* Título específico de grupos positivos */
.fit-checklist-positive-g4h + .fit-checklist-group-title-g4h,
.fit-checklist-quotes-g4h .fit-checklist-group-title-g4h {
color: #8E2A36 !important;
}
/* Contenedor de items */
.fit-checklist-items-g4h {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
/* =========================================================
ITEM BASE
========================================================= */
.fit-checklist-item-g4h {
position: relative;
margin: 0 !important;
padding: 17px 22px 17px 54px !important;
border-radius: 16px;
border: 1px solid rgba(142, 42, 54, .14);
background:
radial-gradient(
420px 220px at 8% 0%,
rgba(142, 42, 54, .075) 0%,
rgba(142, 42, 54, .028) 42%,
transparent 76%
),
linear-gradient(
180deg,
rgba(255, 255, 255, .96) 0%,
rgba(250, 246, 238, .88) 100%
);
box-shadow:
0 12px 28px rgba(17, 17, 17, .055),
0 0 0 1px rgba(255, 255, 255, .80) inset,
0 0 24px rgba(142, 42, 54, .045);
overflow: hidden;
}
/* Glow suave interior */
.fit-checklist-item-g4h::after {
content: "";
position: absolute;
inset: -40%;
z-index: 0;
pointer-events: none;
background:
radial-gradient(
260px 160px at 10% 0%,
rgba(220, 194, 133, .10) 0%,
transparent 70%
);
opacity: .75;
filter: blur(18px);
}
/* Texto interno Elementor */
.fit-checklist-item-g4h .elementor-widget-container,
.fit-checklist-item-g4h p,
.fit-checklist-item-g4h .elementor-heading-title {
position: relative;
z-index: 2;
margin: 0 !important;
padding: 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(15.5px, 1.2vw, 18px) !important;
line-height: 1.35 !important;
font-weight: 650 !important;
letter-spacing: -.01em !important;
color: rgba(17, 17, 17, .88) !important;
-webkit-text-fill-color: rgba(17, 17, 17, .88) !important;
}
/* Icono automático */
.fit-checklist-item-g4h::before {
position: absolute;
left: 20px;
top: 50%;
z-index: 2;
transform: translateY(-50%);
width: 23px;
height: 23px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: 14px;
line-height: 1;
font-weight: 1000;
box-shadow:
0 0 8px rgba(220, 194, 133, .20),
0 4px 12px rgba(142, 42, 54, .10);
}
/* =========================================================
VARIANTE DIAGNÓSTICO
========================================================= */
.fit-checklist-warning-g4h::before {
content: "»";
color: #8E2A36;
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .34) 0%,
rgba(220, 194, 133, .20) 46%,
rgba(255, 255, 255, .92) 100%
);
border: 1px solid rgba(142, 42, 54, .20);
}
/* =========================================================
VARIANTE POSITIVA
========================================================= */
.fit-checklist-positive-g4h {
border-color: rgba(220, 194, 133, .26);
background:
radial-gradient(
420px 220px at 8% 0%,
rgba(220, 194, 133, .14) 0%,
rgba(220, 194, 133, .045) 42%,
transparent 76%
),
linear-gradient(
180deg,
rgba(255, 255, 255, .98) 0%,
rgba(250, 246, 238, .92) 100%
);
}
.fit-checklist-positive-g4h::before {
content: "✓";
color: #8E2A36;
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .46) 0%,
rgba(220, 194, 133, .26) 50%,
rgba(255, 255, 255, .95) 100%
);
border: 1px solid rgba(220, 194, 133, .42);
}
/* =========================================================
VARIANTE QUOTES / FRASES ESPEJO
========================================================= */
.fit-checklist-quote-g4h {
padding-top: 20px !important;
padding-bottom: 20px !important;
border-color: rgba(142, 42, 54, .20);
background:
radial-gradient(
460px 240px at 10% 0%,
rgba(142, 42, 54, .10) 0%,
rgba(142, 42, 54, .035) 44%,
transparent 76%
),
linear-gradient(
180deg,
rgba(255, 255, 255, .98) 0%,
rgba(250, 246, 238, .92) 100%
);
box-shadow:
0 14px 30px rgba(17, 17, 17, .065),
0 0 0 1px rgba(255, 255, 255, .84) inset,
0 0 28px rgba(142, 42, 54, .06);
}
.fit-checklist-quote-g4h::before {
content: "“";
font-size: 25px;
color: #8E2A36;
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .46) 0%,
rgba(220, 194, 133, .24) 50%,
rgba(255, 255, 255, .96) 100%
);
border: 1px solid rgba(220, 194, 133, .42);
}
/* Texto quotes más fuerte */
.fit-checklist-quote-g4h p,
.fit-checklist-quote-g4h .elementor-heading-title,
.fit-checklist-quote-g4h .elementor-widget-container {
font-size: clamp(17px, 1.45vw, 22px) !important;
line-height: 1.28 !important;
font-weight: 850 !important;
color: #111111 !important;
-webkit-text-fill-color: #111111 !important;
}
/* =========================================================
HOVER SUAVE
========================================================= */
.fit-checklist-item-g4h {
transition:
transform .24s cubic-bezier(.2,.7,.2,1),
border-color .24s cubic-bezier(.2,.7,.2,1),
box-shadow .24s cubic-bezier(.2,.7,.2,1);
}
.fit-checklist-item-g4h:hover {
transform: translateY(-2px);
border-color: rgba(142, 42, 54, .24);
box-shadow:
0 16px 34px rgba(17, 17, 17, .075),
0 0 0 1px rgba(255, 255, 255, .86) inset,
0 0 30px rgba(142, 42, 54, .075);
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 767px) {
.fit-checklist-section-g4h {
max-width: 92%;
gap: 24px;
}
.fit-checklist-group-title-g4h,
.fit-checklist-group-title-g4h .elementor-heading-title,
.fit-checklist-group-title-g4h p {
font-size: 22px !important;
line-height: 1.12 !important;
margin-bottom: 14px !important;
}
.fit-checklist-items-g4h {
gap: 9px !important;
}
.fit-checklist-item-g4h {
padding: 15px 17px 15px 48px !important;
border-radius: 14px;
}
.fit-checklist-item-g4h::before {
left: 16px;
width: 20px;
height: 20px;
font-size: 13px;
}
.fit-checklist-item-g4h .elementor-widget-container,
.fit-checklist-item-g4h p,
.fit-checklist-item-g4h .elementor-heading-title {
font-size: 15px !important;
line-height: 1.35 !important;
}
.fit-checklist-quote-g4h p,
.fit-checklist-quote-g4h .elementor-heading-title,
.fit-checklist-quote-g4h .elementor-widget-container {
font-size: 17px !important;
line-height: 1.3 !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f905964 *//* =========================================================
HEADING + THOUGHT BOXES HORIZONTALES
Padre: thoughts-row-g4h
Card: thought-card-g4h
Texto: thought-text-g4h
========================================================= */
/* ---------------------------------------------------------
HEADING
--------------------------------------------------------- */
.small-check-heading-g4h {
display: inline-block;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: clamp(16px, 1.2vw, 20px);
line-height: 1.08;
font-weight: 900;
letter-spacing: .06em;
text-transform: uppercase;
color: #111111;
}
.gold-highlight-g4h {
display: inline-block;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: clamp(34px, 3.6vw, 54px);
line-height: .96;
font-weight: 1000;
letter-spacing: -.045em;
text-transform: uppercase;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .18))
drop-shadow(0 0 18px rgba(225, 154, 11, .10));
animation: gold-highlight-shine-g4h 6.2s ease-in-out infinite;
}
@keyframes gold-highlight-shine-g4h {
0%, 100% {
background-position: 220% 0;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .18))
drop-shadow(0 0 18px rgba(225, 154, 11, .10));
}
50% {
background-position: 0% 0;
filter:
drop-shadow(0 0 12px rgba(220, 194, 133, .30))
drop-shadow(0 0 28px rgba(225, 154, 11, .18));
}
}
/* ---------------------------------------------------------
FILA DE PENSAMIENTOS
--------------------------------------------------------- */
.thoughts-row-g4h {
width: 100%;
max-width: 1120px;
margin: 26px auto 0 auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
align-items: stretch;
}
/* ---------------------------------------------------------
CARD TIPO "PENSAMIENTO"
--------------------------------------------------------- */
.thought-card-g4h {
position: relative;
overflow: visible;
isolation: isolate;
min-height: 170px;
padding: 28px 26px !important;
border-radius: 24px;
background:
radial-gradient(
380px 200px at 14% 0%,
rgba(220, 194, 133, .12) 0%,
rgba(220, 194, 133, .04) 42%,
transparent 76%
),
radial-gradient(
300px 180px at 90% 100%,
rgba(154, 50, 61, .10) 0%,
rgba(154, 50, 61, .03) 44%,
transparent 78%
),
linear-gradient(
180deg,
rgba(255, 255, 255, .98) 0%,
rgba(250, 246, 238, .92) 100%
);
border: 1px solid rgba(154, 50, 61, .12);
box-shadow:
0 18px 36px rgba(17, 17, 17, .06),
0 0 0 1px rgba(255,255,255,.8) inset,
0 0 24px rgba(154, 50, 61, .05);
display: flex;
align-items: center;
justify-content: center;
transition:
transform .28s cubic-bezier(.2,.7,.2,1),
box-shadow .28s cubic-bezier(.2,.7,.2,1),
border-color .28s cubic-bezier(.2,.7,.2,1);
}
/* Cola/burbuja de pensamiento */
.thought-card-g4h::before,
.thought-card-g4h::after {
content: "";
position: absolute;
border-radius: 50%;
background:
linear-gradient(
180deg,
rgba(255, 255, 255, .98) 0%,
rgba(250, 246, 238, .92) 100%
);
border: 1px solid rgba(154, 50, 61, .10);
box-shadow:
0 10px 22px rgba(17,17,17,.05),
0 0 14px rgba(154,50,61,.04);
}
.thought-card-g4h::before {
width: 18px;
height: 18px;
left: 34px;
bottom: -12px;
}
.thought-card-g4h::after {
width: 10px;
height: 10px;
left: 22px;
bottom: -24px;
}
/* Hover */
.thought-card-g4h:hover {
transform: translateY(-3px);
border-color: rgba(154, 50, 61, .20);
box-shadow:
0 22px 42px rgba(17, 17, 17, .08),
0 0 0 1px rgba(255,255,255,.86) inset,
0 0 28px rgba(154, 50, 61, .08);
}
/* ---------------------------------------------------------
TEXTO INTERNO
--------------------------------------------------------- */
.thought-text-g4h,
.thought-text-g4h p,
.thought-text-g4h .elementor-heading-title {
margin: 0 !important;
padding: 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(21px, 1.55vw, 28px) !important;
line-height: 1.22 !important;
font-weight: 500 !important;
font-style: italic !important;
letter-spacing: -.02em !important;
color: #2b2b2b !important;
text-align: center !important;
text-wrap: balance;
max-width: 95%;
}
/* Comillas grandes decorativas */
.thought-text-g4h p::before,
.thought-text-g4h .elementor-heading-title::before {
content: "“";
display: block;
margin-bottom: 10px;
font-size: 34px;
line-height: 1;
font-style: normal;
font-weight: 900;
color: #9A323D;
opacity: .75;
}
/* ---------------------------------------------------------
RESPONSIVE
--------------------------------------------------------- */
@media (max-width: 1024px) {
.thoughts-row-g4h {
gap: 14px;
}
.thought-card-g4h {
min-height: 155px;
padding: 24px 20px !important;
border-radius: 22px;
}
.thought-text-g4h,
.thought-text-g4h p,
.thought-text-g4h .elementor-heading-title {
font-size: clamp(18px, 2vw, 24px) !important;
line-height: 1.24 !important;
}
}
@media (max-width: 767px) {
.small-check-heading-g4h {
font-size: 14px;
}
.gold-highlight-g4h {
font-size: clamp(28px, 8vw, 40px);
line-height: 1.02;
}
.thoughts-row-g4h {
grid-template-columns: 1fr;
gap: 14px;
margin-top: 22px;
}
.thought-card-g4h {
min-height: auto;
padding: 22px 18px !important;
border-radius: 20px;
}
.thought-card-g4h::before {
width: 16px;
height: 16px;
left: 28px;
bottom: -10px;
}
.thought-card-g4h::after {
width: 8px;
height: 8px;
left: 18px;
bottom: -20px;
}
.thought-text-g4h,
.thought-text-g4h p,
.thought-text-g4h .elementor-heading-title {
font-size: 20px !important;
line-height: 1.24 !important;
}
.thought-text-g4h p::before,
.thought-text-g4h .elementor-heading-title::before {
font-size: 28px;
margin-bottom: 8px;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.gold-highlight-g4h {
animation: none !important;
}
.thought-card-g4h {
transition: none !important;
}
}
/* Quitar puntitos/cola de burbuja en thought cards */
.thought-card-g4h::before,
.thought-card-g4h::after {
display: none !important;
content: none !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7c7ab4d *//* =========================================================
HEADING XXL — AHORA IMAGINA / CÓMO TE SENTIRÍAS
Clase del widget heading: heading-imagina-xl-g4h
========================================================= */
.heading-imagina-xl-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-weight: 900;
text-transform: uppercase;
font-size: clamp(46px, 5.6vw, 82px);
line-height: .9;
letter-spacing: -.04em;
color: #FFFFFF;
text-align: center;
text-wrap: balance;
max-width: 1320px;
margin-left: auto;
margin-right: auto;
text-shadow:
0 12px 32px rgba(0, 0, 0, .52),
0 0 42px rgba(154, 50, 61, .26);
}
/* Parte dorada: "imagina tu vida..." */
.heading-imagina-xl-g4h .gold-highlight-g4h {
display: inline;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 12px rgba(220, 194, 133, .28))
drop-shadow(0 0 30px rgba(225, 154, 11, .18));
animation: imagina-gold-shine-g4h 6.2s ease-in-out infinite;
}
/* Segunda línea — hiper gruesa */
.heading-imagina-xl-g4h .question-xl-g4h {
display: inline-block;
margin-top: 18px;
font-size: 1.48em;
line-height: .78;
letter-spacing: -.02em;
font-weight: 1000;
font-stretch: condensed;
color: #FFFFFF !important;
-webkit-text-fill-color: initial;
transform: scaleX(1.04);
transform-origin: center;
text-shadow:
0 4px 0 rgba(0, 0, 0, .18),
0 12px 30px rgba(0, 0, 0, .62),
0 0 22px rgba(255, 255, 255, .12),
0 0 54px rgba(154, 50, 61, .38);
}
/* Brillo dorado suave */
@keyframes imagina-gold-shine-g4h {
0%, 100% {
background-position: 220% 0;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .20))
drop-shadow(0 0 22px rgba(225, 154, 11, .12));
}
50% {
background-position: 0% 0;
filter:
drop-shadow(0 0 16px rgba(220, 194, 133, .36))
drop-shadow(0 0 40px rgba(225, 154, 11, .24));
}
}
/* Pantallas medianas */
@media (max-width: 1200px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(42px, 5.8vw, 74px);
max-width: 1080px;
}
.heading-imagina-xl-g4h .question-xl-g4h {
font-size: 1.30em;
}
}
/* Tablet */
@media (max-width: 1024px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(38px, 7vw, 62px);
line-height: .94;
max-width: 920px;
}
.heading-imagina-xl-g4h .question-xl-g4h {
margin-top: 14px;
font-size: 1.26em;
}
}
/* Mobile */
@media (max-width: 767px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(30px, 8.6vw, 42px);
line-height: .98;
letter-spacing: -.028em;
max-width: 94%;
}
.heading-imagina-xl-g4h .question-xl-g4h {
margin-top: 10px;
font-size: 1.24em;
line-height: .9;
letter-spacing: -.04em;
}
}
/* Mobile pequeño */
@media (max-width: 420px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(28px, 8.4vw, 36px);
}
.heading-imagina-xl-g4h .question-xl-g4h {
font-size: 1.20em;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-imagina-xl-g4h .gold-highlight-g4h {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-757843b *//* =========================================================
BOX FINAL — SESIONES GRABADAS / VERSIÓN VERTICAL
========================================================= */
.final-recording-box-g4h {
width: 100%;
max-width: 800px;
margin: 64px auto 0 auto;
padding: 48px 38px 36px;
position: relative;
overflow: visible;
isolation: isolate;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
border-radius: 18px;
border: 1px solid rgba(220, 194, 133, .20);
background:
radial-gradient(
520px 260px at 50% 0%,
rgba(154, 50, 61, .26) 0%,
rgba(154, 50, 61, .10) 42%,
transparent 74%
),
linear-gradient(
180deg,
rgba(18, 8, 12, .82) 0%,
rgba(7, 5, 7, .76) 100%
);
box-shadow:
0 0 0 1px rgba(255, 255, 255, .025) inset,
0 22px 50px rgba(0, 0, 0, .34),
0 0 42px rgba(154, 50, 61, .16);
}
.final-recording-box-g4h::before {
content: "";
position: absolute;
inset: -24%;
z-index: -1;
pointer-events: none;
background:
radial-gradient(
420px 220px at 50% 0%,
rgba(188, 54, 70, .26) 0%,
transparent 72%
),
radial-gradient(
320px 220px at 92% 84%,
rgba(220, 194, 133, .08) 0%,
transparent 76%
);
filter: blur(22px);
opacity: .95;
}
/* Icono mitad dentro / mitad fuera */
.final-recording-icon-g4h {
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, -50%);
width: 62px;
height: 62px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 1px solid rgba(220, 194, 133, .46);
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .18) 0%,
rgba(154, 50, 61, .24) 52%,
rgba(8, 6, 8, .96) 100%
);
box-shadow:
0 0 0 1px rgba(255,255,255,.025) inset,
0 0 18px rgba(154, 50, 61, .26),
0 0 16px rgba(225, 154, 11, .12);
}
/* Punto rojo de grabación */
.final-recording-icon-g4h span {
width: 18px;
height: 18px;
display: block;
border-radius: 999px;
background: #BC3646;
box-shadow:
0 0 0 6px rgba(188, 54, 70, .16),
0 0 12px rgba(188, 54, 70, .62),
0 0 24px rgba(154, 50, 61, .38);
animation: recording-pulse-g4h 1.65s ease-in-out infinite;
}
@keyframes recording-pulse-g4h {
0%, 100% {
opacity: .58;
transform: scale(.88);
box-shadow:
0 0 0 5px rgba(188, 54, 70, .10),
0 0 8px rgba(188, 54, 70, .42),
0 0 18px rgba(154, 50, 61, .24);
}
45% {
opacity: 1;
transform: scale(1.08);
box-shadow:
0 0 0 8px rgba(188, 54, 70, .20),
0 0 16px rgba(188, 54, 70, .76),
0 0 34px rgba(154, 50, 61, .46);
}
}
/* Contenido centrado */
.final-recording-content-g4h {
position: relative;
z-index: 2;
width: 100%;
max-width: 680px;
margin: 0 auto;
}
.final-recording-note-g4h {
margin: 0 0 22px 0;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: 16px;
line-height: 1.48;
font-weight: 500;
color: rgba(255, 255, 255, .78);
text-align: center;
}
.final-recording-note-g4h strong {
color: #F2D98A;
font-weight: 900;
letter-spacing: .02em;
text-shadow:
0 0 8px rgba(242, 217, 138, .24),
0 0 18px rgba(225, 154, 11, .12);
}
.final-recording-main-g4h {
margin: 0 auto;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: clamp(24px, 2.2vw, 34px);
line-height: 1.08;
font-weight: 900;
letter-spacing: -.035em;
text-transform: uppercase;
color: #FFFFFF;
text-align: center;
text-shadow:
0 8px 22px rgba(0, 0, 0, .46),
0 0 26px rgba(154, 50, 61, .22);
}
.final-recording-main-g4h strong {
display: inline-block;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 34%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 10px rgba(220, 194, 133, .28))
drop-shadow(0 0 24px rgba(225, 154, 11, .14));
}
/* Mobile */
@media (max-width: 767px) {
.final-recording-box-g4h {
max-width: 92%;
margin-top: 58px;
padding: 44px 22px 30px;
border-radius: 16px;
}
.final-recording-icon-g4h {
width: 56px;
height: 56px;
}
.final-recording-icon-g4h span {
width: 16px;
height: 16px;
}
.final-recording-note-g4h {
font-size: 14.5px;
line-height: 1.45;
margin-bottom: 18px;
}
.final-recording-main-g4h {
font-size: clamp(24px, 7.6vw, 34px);
line-height: 1.08;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.final-recording-icon-g4h span {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-290a051 *//* =========================================================
INCLUYE EL PROGRAMA — STACK DE BOXES VERTICAL
========================================================= */
.includes-stack-g4h {
width: 100%;
max-width: 920px;
margin: 0 auto;
padding: 0;
position: relative;
}
.include-box-g4h {
width: 100%;
max-width: 800px;
margin: 0 auto 34px auto;
padding: 26px;
position: relative;
display: flex !important;
flex-direction: column !important;
gap: 22px !important;
align-items: stretch !important;
border-radius: 18px;
border: 1px solid rgba(220, 194, 133, .14);
background:
radial-gradient(
560px 280px at 50% 0%,
rgba(154, 50, 61, .20) 0%,
rgba(154, 50, 61, .08) 42%,
transparent 76%
),
linear-gradient(
180deg,
rgba(18, 8, 12, .80) 0%,
rgba(7, 5, 7, .74) 100%
);
box-shadow:
0 0 0 1px rgba(255,255,255,.02) inset,
0 20px 44px rgba(0,0,0,.28),
0 0 40px rgba(154, 50, 61, .10);
overflow: hidden;
}
/* línea entre boxes */
.include-box-g4h:not(:last-child)::after {
content: "";
position: absolute;
left: 50%;
bottom: -22px;
transform: translateX(-50%);
width: 2px;
height: 22px;
background: linear-gradient(
180deg,
rgba(220, 194, 133, .55) 0%,
rgba(154, 50, 61, .38) 100%
);
box-shadow: 0 0 12px rgba(154, 50, 61, .25);
}
/* =========================================================
MOCKUP / IMAGEN ARRIBA
========================================================= */
.include-media-g4h {
position: relative;
width: 100% !important;
min-height: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
padding: 0 !important;
}
.include-media-g4h .elementor-widget-container,
.include-media-g4h figure {
width: 100% !important;
margin: 0 auto !important;
padding: 0 !important;
text-align: center !important;
}
.include-media-g4h img,
.include-media-g4h .elementor-image img,
.include-media-g4h .elementor-widget-image img {
width: 100% !important;
max-width: 540px !important;
height: auto !important;
display: block !important;
object-fit: contain !important;
margin: 0 auto !important;
}
/* =========================================================
CONTENIDO DEBAJO
========================================================= */
.include-content-g4h {
width: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: flex-start !important;
gap: 10px !important;
margin: 0 !important;
padding: 0 !important;
}
/* Elimina márgenes raros de Elementor */
.include-content-g4h .elementor-widget,
.include-content-g4h .elementor-widget-container {
margin-top: 0 !important;
}
/* =========================================================
INCLUDE KICKER — BADGE SIN DOBLE CÍRCULO
Clase: include-kicker-g4h
========================================================= */
.include-kicker-g4h {
width: 38px !important;
height: 38px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 0 14px 0 !important;
padding: 0 !important;
border-radius: 999px !important;
border: 1px solid rgba(220, 194, 133, .42) !important;
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .18) 0%,
rgba(154, 50, 61, .20) 48%,
rgba(8, 6, 8, .94) 100%
) !important;
box-shadow:
0 0 0 1px rgba(255, 255, 255, .025) inset,
0 0 10px rgba(220, 194, 133, .18),
0 0 18px rgba(154, 50, 61, .22) !important;
}
/* El texto interno NO puede tener círculo ni tamaño propio raro */
.include-kicker-g4h .elementor-widget-container,
.include-kicker-g4h .elementor-heading-title,
.include-kicker-g4h p {
width: auto !important;
height: auto !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
border-radius: 0 !important;
background: none !important;
box-shadow: none !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: 13px !important;
line-height: 1 !important;
font-weight: 900 !important;
letter-spacing: -.02em !important;
text-transform: uppercase !important;
color: #F2D98A !important;
-webkit-text-fill-color: #F2D98A !important;
text-align: center !important;
text-shadow:
0 0 7px rgba(242, 217, 138, .28),
0 0 14px rgba(225, 154, 11, .14) !important;
}
/* =========================================================
TÍTULO
========================================================= */
.include-title-g4h,
.include-title-g4h .elementor-heading-title,
.include-title-g4h p {
margin: 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(26px, 2.3vw, 36px) !important;
line-height: .98 !important;
font-weight: 900 !important;
letter-spacing: -.035em !important;
text-transform: uppercase !important;
color: #FFFFFF !important;
text-shadow:
0 8px 22px rgba(0,0,0,.34),
0 0 18px rgba(154, 50, 61, .14);
}
/* =========================================================
FRASE ENTRE PARÉNTESIS
Clase: include-hook-g4h
========================================================= */
.include-box-g4h .include-hook-g4h,
.include-box-g4h .include-hook-g4h *,
.include-box-g4h .include-hook-g4h p,
.include-box-g4h .include-hook-g4h .elementor-heading-title,
.include-box-g4h .include-hook-g4h .elementor-widget-container {
margin: 0 !important;
padding: 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: 15px !important;
line-height: 1.38 !important;
font-weight: 700 !important;
letter-spacing: -.01em !important;
text-transform: none !important;
font-style: italic !important;
color: #DCC285 !important;
-webkit-text-fill-color: #DCC285 !important;
text-shadow:
0 0 10px rgba(220, 194, 133, .16),
0 0 20px rgba(225, 154, 11, .08) !important;
background: none !important;
border: none !important;
box-shadow: none !important;
}
.include-box-g4h .include-hook-g4h {
display: block !important;
max-width: 100% !important;
}
/* =========================================================
TEXTO DESCRIPCIÓN
========================================================= */
.include-text-g4h,
.include-text-g4h .elementor-widget-container,
.include-text-g4h p {
margin: 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: 15.5px !important;
line-height: 1.6 !important;
font-weight: 400 !important;
color: rgba(255,255,255,.82) !important;
}
/* separación entre párrafos del editor */
.include-text-g4h p + p {
margin-top: 12px !important;
}
/* =========================================================
ESPECIAL: BLOQUE 7 CON 5 MOCKUPS
========================================================= */
.include-media-grid-g4h {
width: 100% !important;
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.include-media-grid-g4h > *:last-child {
grid-column: 1 / -1;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 767px) {
.includes-stack-g4h {
max-width: 92% !important;
}
.include-box-g4h {
padding: 22px !important;
gap: 18px !important;
margin-bottom: 28px;
border-radius: 16px;
}
.include-media-g4h img,
.include-media-g4h .elementor-image img,
.include-media-g4h .elementor-widget-image img {
max-width: 100% !important;
}
.include-title-g4h,
.include-title-g4h .elementor-heading-title,
.include-title-g4h p {
font-size: 24px !important;
line-height: 1 !important;
}
.include-box-g4h .include-hook-g4h,
.include-box-g4h .include-hook-g4h *,
.include-box-g4h .include-hook-g4h p,
.include-box-g4h .include-hook-g4h .elementor-heading-title {
font-size: 14px !important;
line-height: 1.38 !important;
}
.include-text-g4h,
.include-text-g4h p {
font-size: 14.5px !important;
line-height: 1.58 !important;
}
}
/* =========================================================
INCLUYE EL PROGRAMA — CONTENIDO CENTRADO EN BOXES
========================================================= */
.include-box-g4h {
text-align: center !important;
}
/* Centrar contenido */
.include-content-g4h {
align-items: center !important;
justify-content: flex-start !important;
text-align: center !important;
}
/* Centrar widgets internos */
.include-content-g4h .elementor-widget,
.include-content-g4h .elementor-widget-container {
width: 100% !important;
text-align: center !important;
}
/* Badge número centrado */
.include-kicker-g4h {
margin-left: auto !important;
margin-right: auto !important;
}
/* Título centrado */
.include-title-g4h,
.include-title-g4h .elementor-heading-title,
.include-title-g4h p {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Frase entre paréntesis centrada */
.include-hook-g4h,
.include-hook-g4h p,
.include-hook-g4h .elementor-heading-title,
.include-hook-g4h .elementor-widget-container {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Texto descripción centrado */
.include-text-g4h,
.include-text-g4h p,
.include-text-g4h .elementor-widget-container {
text-align: center !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Limitar ancho del texto para que no se abra demasiado */
.include-text-g4h {
max-width: 680px !important;
}
/* Limitar hook para lectura bonita */
.include-hook-g4h {
max-width: 640px !important;
}
/* Imagen centrada */
.include-media-g4h {
justify-content: center !important;
text-align: center !important;
}
.include-media-g4h .elementor-widget-container,
.include-media-g4h figure,
.include-media-g4h img {
margin-left: auto !important;
margin-right: auto !important;
}
/* =========================================================
INCLUYE EL PROGRAMA — AJUSTE MOBILE SIN MÁRGENES EXCESIVOS
========================================================= */
@media (max-width: 767px) {
.includes-stack-g4h {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.include-box-g4h {
width: 100% !important;
max-width: 100% !important;
padding: 18px 14px 22px !important;
margin-left: 0 !important;
margin-right: 0 !important;
border-radius: 14px !important;
}
.include-media-g4h img,
.include-media-g4h .elementor-image img,
.include-media-g4h .elementor-widget-image img {
max-width: 100% !important;
}
.include-content-g4h {
padding-left: 0 !important;
padding-right: 0 !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-c4094dc *//* =========================================================
HEADING PROGRAMA — NO SE TRATA DE HACERLO TODO PERFECTO
Clase del widget heading: heading-programa-g4h
========================================================= */
.heading-programa-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-weight: 900;
text-transform: uppercase;
font-size: clamp(40px, 5.2vw, 76px);
line-height: .92;
letter-spacing: -.04em;
color: #FFFFFF;
text-align: center;
text-wrap: balance;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
text-shadow:
0 12px 32px rgba(0, 0, 0, .52),
0 0 42px rgba(154, 50, 61, .26);
}
/* Primera línea blanca: más pequeña */
.heading-programa-g4h .program-question-g4h {
display: inline-block;
font-size: .68em;
line-height: 1;
letter-spacing: -.02em;
font-weight: 900;
color: #FFFFFF !important;
-webkit-text-fill-color: initial;
text-shadow:
0 8px 24px rgba(0, 0, 0, .52),
0 0 18px rgba(255, 255, 255, .08);
}
/* Remate dorado grande */
.heading-programa-g4h .gold-highlight-programa-g4h {
display: inline-block;
margin-top: 16px;
font-size: 1.12em;
line-height: .9;
letter-spacing: -.055em;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 12px rgba(220, 194, 133, .28))
drop-shadow(0 0 30px rgba(225, 154, 11, .18));
animation: programa-gold-shine-g4h 6.2s ease-in-out infinite;
}
/* Animación dorada */
@keyframes programa-gold-shine-g4h {
0%, 100% {
background-position: 220% 0;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .20))
drop-shadow(0 0 22px rgba(225, 154, 11, .12));
}
50% {
background-position: 0% 0;
filter:
drop-shadow(0 0 16px rgba(220, 194, 133, .36))
drop-shadow(0 0 40px rgba(225, 154, 11, .24));
}
}
/* Tablet */
@media (max-width: 1024px) {
.heading-programa-g4h .elementor-heading-title {
font-size: clamp(36px, 6.2vw, 62px);
line-height: .96;
max-width: 920px;
}
.heading-programa-g4h .program-question-g4h {
font-size: .70em;
}
.heading-programa-g4h .gold-highlight-programa-g4h {
font-size: 1.06em;
line-height: .94;
margin-top: 14px;
}
}
/* Mobile */
@media (max-width: 767px) {
.heading-programa-g4h .elementor-heading-title {
font-size: clamp(30px, 8.4vw, 44px);
line-height: 1.02;
letter-spacing: -.026em;
max-width: 94%;
}
.heading-programa-g4h .program-question-g4h {
font-size: .72em;
line-height: 1.04;
}
.heading-programa-g4h .gold-highlight-programa-g4h {
margin-top: 10px;
font-size: 1em;
line-height: .98;
letter-spacing: -.038em;
}
}
/* Mobile pequeño */
@media (max-width: 420px) {
.heading-programa-g4h .elementor-heading-title {
font-size: clamp(27px, 8vw, 36px);
}
.heading-programa-g4h .program-question-g4h {
font-size: .74em;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-programa-g4h .gold-highlight-programa-g4h {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d2ab634 *//* =========================================================
PRECIO — PSICOLOGÍA DE OFERTA
Clase principal: price-psychology-g4h
========================================================= */
.price-psychology-g4h {
width: 100%;
max-width: 760px;
margin: 0 auto;
padding: 34px 38px;
position: relative;
overflow: hidden;
isolation: isolate;
text-align: center;
border-radius: 18px;
border: 1px solid rgba(220, 194, 133, .18);
background:
radial-gradient(
560px 280px at 50% 0%,
rgba(154, 50, 61, .26) 0%,
rgba(154, 50, 61, .10) 42%,
transparent 76%
),
linear-gradient(
180deg,
rgba(18, 8, 12, .84) 0%,
rgba(7, 5, 7, .78) 100%
);
box-shadow:
0 0 0 1px rgba(255,255,255,.025) inset,
0 22px 50px rgba(0,0,0,.32),
0 0 42px rgba(154, 50, 61, .14);
}
.price-psychology-g4h::before {
content: "";
position: absolute;
inset: -28%;
z-index: -1;
pointer-events: none;
background:
radial-gradient(
420px 220px at 50% 0%,
rgba(188, 54, 70, .22) 0%,
transparent 72%
),
radial-gradient(
320px 220px at 92% 84%,
rgba(220, 194, 133, .08) 0%,
transparent 76%
);
filter: blur(24px);
opacity: .95;
}
.price-psychology-g4h p {
margin: 0;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
color: rgba(255,255,255,.78);
}
.price-intro-g4h {
font-size: 17px;
line-height: 1.45;
font-weight: 500;
}
.price-intro-g4h strong {
color: #FFFFFF;
font-weight: 900;
}
.price-old-g4h {
display: inline-block;
position: relative;
margin-left: 4px;
font-size: 24px;
line-height: 1;
font-weight: 900;
color: rgba(255,255,255,.54);
text-decoration: line-through;
text-decoration-thickness: 3px;
text-decoration-color: #BC3646;
}
.price-discount-g4h {
margin-top: 18px !important;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10px 16px;
border-radius: 999px;
border: 1px solid rgba(220, 194, 133, .24);
background:
linear-gradient(
180deg,
rgba(220, 194, 133, .12) 0%,
rgba(154, 50, 61, .16) 100%
);
font-size: 14px;
line-height: 1.2;
font-weight: 800;
letter-spacing: .04em;
text-transform: uppercase;
color: #F2D98A !important;
box-shadow:
0 0 16px rgba(220, 194, 133, .10),
0 0 24px rgba(154, 50, 61, .14);
}
.price-discount-g4h strong {
margin-left: 4px;
font-size: 18px;
color: #FFFFFF;
}
.price-final-g4h {
margin-top: 22px !important;
font-size: clamp(24px, 2.6vw, 36px);
line-height: 1.12;
font-weight: 900;
letter-spacing: -.03em;
text-transform: uppercase;
color: #FFFFFF !important;
text-shadow:
0 8px 22px rgba(0,0,0,.42),
0 0 24px rgba(154, 50, 61, .22);
}
.price-final-g4h span {
display: inline-block;
font-size: clamp(48px, 6vw, 82px);
line-height: .9;
font-weight: 1000;
letter-spacing: -.06em;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 12px rgba(220, 194, 133, .30))
drop-shadow(0 0 30px rgba(225, 154, 11, .18));
animation: price-gold-shine-g4h 6s ease-in-out infinite;
}
@keyframes price-gold-shine-g4h {
0%, 100% {
background-position: 220% 0;
}
50% {
background-position: 0% 0;
}
}
@media (max-width: 767px) {
.price-psychology-g4h {
max-width: 92%;
padding: 28px 22px;
border-radius: 16px;
}
.price-intro-g4h {
font-size: 15px;
}
.price-old-g4h {
font-size: 21px;
}
.price-discount-g4h {
font-size: 12px;
padding: 9px 13px;
}
.price-final-g4h {
font-size: 22px;
}
.price-final-g4h span {
display: block;
margin-top: 8px;
font-size: clamp(52px, 17vw, 72px);
}
}
@media (prefers-reduced-motion: reduce) {
.price-final-g4h span {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f0b381e *//* =========================================================
PRECIO — TEXTO EXTRA BAJO PRECIO
========================================================= */
.price-extra-g4h {
width: 100%;
max-width: 760px;
margin: 26px auto 0 auto;
padding-top: 24px;
border-top: 1px solid rgba(220, 194, 133, .14);
text-align: center;
}
.price-extra-g4h p {
margin: 0 auto 18px auto;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: clamp(17px, 1.45vw, 22px);
line-height: 1.45;
font-weight: 500;
letter-spacing: -.015em;
color: rgba(255, 255, 255, .86);
}
.price-extra-g4h p:last-child {
margin-bottom: 0;
}
.price-extra-g4h strong {
color: #FFFFFF;
font-weight: 900;
text-shadow:
0 5px 16px rgba(0, 0, 0, .36),
0 0 14px rgba(255, 255, 255, .06);
}
.price-daily-g4h {
font-size: clamp(19px, 1.7vw, 26px) !important;
font-weight: 700 !important;
color: #FFFFFF !important;
}
.price-daily-g4h strong {
color: #F2D98A !important;
-webkit-text-fill-color: #F2D98A !important;
text-shadow:
0 0 8px rgba(242, 217, 138, .24),
0 0 18px rgba(225, 154, 11, .12);
}
.price-close-g4h {
font-size: clamp(18px, 1.55vw, 24px) !important;
font-weight: 700 !important;
color: rgba(255, 255, 255, .92) !important;
}
@media (max-width: 767px) {
.price-extra-g4h {
max-width: 92%;
margin-top: 22px;
padding-top: 20px;
}
.price-extra-g4h p {
font-size: 15.5px;
line-height: 1.42;
margin-bottom: 15px;
}
.price-daily-g4h {
font-size: 18px !important;
}
.price-close-g4h {
font-size: 17px !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54e4bf9 *//* =========================================================
PRECIO — TODO LO QUE INCLUYE
========================================================= */
.price-includes-g4h {
width: 100%;
max-width: 800px;
margin: 28px auto 0 auto;
padding: 30px 34px;
position: relative;
overflow: hidden;
isolation: isolate;
border-radius: 18px;
border: 1px solid rgba(220, 194, 133, .16);
background:
radial-gradient(
560px 260px at 50% 0%,
rgba(154, 50, 61, .22) 0%,
rgba(154, 50, 61, .08) 44%,
transparent 76%
),
linear-gradient(
180deg,
rgba(18, 8, 12, .76) 0%,
rgba(7, 5, 7, .70) 100%
);
box-shadow:
0 0 0 1px rgba(255,255,255,.02) inset,
0 20px 44px rgba(0,0,0,.28),
0 0 38px rgba(154, 50, 61, .12);
}
.price-includes-g4h::before {
content: "";
position: absolute;
inset: -30%;
z-index: -1;
pointer-events: none;
background:
radial-gradient(
420px 220px at 20% 10%,
rgba(188, 54, 70, .16) 0%,
transparent 72%
),
radial-gradient(
300px 200px at 90% 90%,
rgba(220, 194, 133, .07) 0%,
transparent 76%
);
filter: blur(22px);
}
.price-includes-g4h h3 {
margin: 0 0 22px 0;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: clamp(22px, 2vw, 32px);
line-height: 1;
font-weight: 900;
letter-spacing: -.03em;
text-transform: uppercase;
text-align: center;
color: #FFFFFF;
text-shadow:
0 7px 20px rgba(0, 0, 0, .44),
0 0 18px rgba(154, 50, 61, .18);
}
.price-includes-g4h ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.price-includes-g4h li {
position: relative;
margin: 0;
padding: 14px 16px 14px 42px;
border-radius: 12px;
border: 1px solid rgba(220, 194, 133, .10);
background:
linear-gradient(
180deg,
rgba(255, 255, 255, .035) 0%,
rgba(255, 255, 255, .015) 100%
);
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: 13.5px;
line-height: 1.32;
font-weight: 750;
letter-spacing: -.01em;
color: rgba(255,255,255,.88);
}
.price-includes-g4h li::before {
content: "✓";
position: absolute;
left: 16px;
top: 13px;
width: 18px;
height: 18px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
background:
radial-gradient(
circle at 50% 42%,
rgba(242, 217, 138, .22) 0%,
rgba(154, 50, 61, .18) 54%,
rgba(8, 6, 8, .92) 100%
);
border: 1px solid rgba(220, 194, 133, .32);
font-size: 11px;
line-height: 1;
font-weight: 900;
color: #F2D98A;
box-shadow:
0 0 8px rgba(242, 217, 138, .18),
0 0 14px rgba(154, 50, 61, .18);
}
.price-includes-g4h li span {
display: block;
margin-top: 3px;
font-size: 12px;
line-height: 1.2;
font-weight: 600;
color: #F2D98A;
}
/* Mobile */
@media (max-width: 767px) {
.price-includes-g4h {
max-width: 92%;
padding: 26px 20px;
border-radius: 16px;
}
.price-includes-g4h h3 {
font-size: 24px;
margin-bottom: 18px;
}
.price-includes-g4h ul {
grid-template-columns: 1fr;
gap: 8px;
}
.price-includes-g4h li {
padding: 13px 15px 13px 40px;
font-size: 13.5px;
}
.price-includes-g4h li::before {
left: 15px;
top: 12px;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-8798551 *//* =========================================================
HEADING XXL — AHORA IMAGINA / CÓMO TE SENTIRÍAS
Clase del widget heading: heading-imagina-xl-g4h
========================================================= */
.heading-imagina-xl-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-weight: 900;
text-transform: uppercase;
font-size: clamp(46px, 5.6vw, 82px);
line-height: .9;
letter-spacing: -.04em;
color: #FFFFFF;
text-align: center;
text-wrap: balance;
max-width: 1320px;
margin-left: auto;
margin-right: auto;
text-shadow:
0 12px 32px rgba(0, 0, 0, .52),
0 0 42px rgba(154, 50, 61, .26);
}
/* Parte dorada: "imagina tu vida..." */
.heading-imagina-xl-g4h .gold-highlight-g4h {
display: inline;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 12px rgba(220, 194, 133, .28))
drop-shadow(0 0 30px rgba(225, 154, 11, .18));
animation: imagina-gold-shine-g4h 6.2s ease-in-out infinite;
}
/* Segunda línea — hiper gruesa */
.heading-imagina-xl-g4h .question-xl-g4h {
display: inline-block;
margin-top: 18px;
font-size: 1.48em;
line-height: .78;
letter-spacing: -.02em;
font-weight: 1000;
font-stretch: condensed;
color: #FFFFFF !important;
-webkit-text-fill-color: initial;
transform: scaleX(1.04);
transform-origin: center;
text-shadow:
0 4px 0 rgba(0, 0, 0, .18),
0 12px 30px rgba(0, 0, 0, .62),
0 0 22px rgba(255, 255, 255, .12),
0 0 54px rgba(154, 50, 61, .38);
}
/* Brillo dorado suave */
@keyframes imagina-gold-shine-g4h {
0%, 100% {
background-position: 220% 0;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .20))
drop-shadow(0 0 22px rgba(225, 154, 11, .12));
}
50% {
background-position: 0% 0;
filter:
drop-shadow(0 0 16px rgba(220, 194, 133, .36))
drop-shadow(0 0 40px rgba(225, 154, 11, .24));
}
}
/* Pantallas medianas */
@media (max-width: 1200px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(42px, 5.8vw, 74px);
max-width: 1080px;
}
.heading-imagina-xl-g4h .question-xl-g4h {
font-size: 1.30em;
}
}
/* Tablet */
@media (max-width: 1024px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(38px, 7vw, 62px);
line-height: .94;
max-width: 920px;
}
.heading-imagina-xl-g4h .question-xl-g4h {
margin-top: 14px;
font-size: 1.26em;
}
}
/* Mobile */
@media (max-width: 767px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(30px, 8.6vw, 42px);
line-height: .98;
letter-spacing: -.028em;
max-width: 94%;
}
.heading-imagina-xl-g4h .question-xl-g4h {
margin-top: 10px;
font-size: 1.24em;
line-height: .9;
letter-spacing: -.04em;
}
}
/* Mobile pequeño */
@media (max-width: 420px) {
.heading-imagina-xl-g4h .elementor-heading-title {
font-size: clamp(28px, 8.4vw, 36px);
}
.heading-imagina-xl-g4h .question-xl-g4h {
font-size: 1.20em;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-imagina-xl-g4h .gold-highlight-g4h {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dd11474 *//* =========================================================
PRESS BOX — ESTILO OSCURO PREMIUM G4H
========================================================= */
.press-box-g4h {
width: 100%;
max-width: 760px;
margin: 0 auto;
padding: 28px 34px 32px;
position: relative;
overflow: hidden;
isolation: isolate;
border-radius: 18px;
border: 1px solid rgba(220, 194, 133, .16);
background:
radial-gradient(
620px 280px at 50% 0%,
rgba(154, 50, 61, .22) 0%,
rgba(154, 50, 61, .08) 42%,
transparent 76%
),
radial-gradient(
420px 240px at 92% 92%,
rgba(220, 194, 133, .055) 0%,
transparent 72%
),
linear-gradient(
180deg,
rgba(18, 8, 12, .84) 0%,
rgba(7, 5, 7, .78) 100%
);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
box-shadow:
0 0 0 1px rgba(255,255,255,.025) inset,
0 22px 50px rgba(0,0,0,.32),
0 0 42px rgba(154, 50, 61, .14);
}
.press-box-g4h::before {
content: "";
position: absolute;
inset: -28%;
z-index: -1;
pointer-events: none;
background:
radial-gradient(
420px 220px at 16% 8%,
rgba(188, 54, 70, .18) 0%,
transparent 72%
),
radial-gradient(
320px 220px at 90% 84%,
rgba(220, 194, 133, .07) 0%,
transparent 76%
);
filter: blur(24px);
opacity: .9;
}
/* Título más discreto */
.press-title-g4h,
.press-title-g4h .elementor-heading-title,
.press-title-g4h p {
margin: 0 0 18px 0 !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif !important;
font-size: clamp(18px, 1.7vw, 24px) !important;
line-height: 1.15 !important;
font-weight: 850 !important;
font-style: italic !important;
letter-spacing: -.018em !important;
color: rgba(255, 255, 255, .88) !important;
text-align: center !important;
text-shadow:
0 6px 18px rgba(0, 0, 0, .34),
0 0 14px rgba(255, 255, 255, .04);
}
/* Logos */
.press-logos-g4h {
width: 100%;
max-width: 640px;
margin: 0 auto !important;
}
.press-logos-g4h img {
width: 100%;
height: auto;
display: block;
opacity: .94;
filter:
drop-shadow(0 8px 18px rgba(0, 0, 0, .22))
saturate(1.02);
}
.press-logos-g4h .elementor-widget-container,
.press-logos-g4h figure {
margin: 0 !important;
padding: 0 !important;
}
/* Mobile */
@media (max-width: 767px) {
.press-box-g4h {
max-width: 92%;
padding: 24px 20px 26px;
border-radius: 16px;
}
.press-title-g4h,
.press-title-g4h .elementor-heading-title,
.press-title-g4h p {
font-size: 18px !important;
line-height: 1.22 !important;
margin-bottom: 16px !important;
}
.press-logos-g4h {
max-width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-554ccff *//* =========================================================
TITULAR DECISIÓN — BLANCO PEQUEÑO + DORADO PROTAGONISTA
========================================================= */
.decision-title-g4h {
width: 100%;
max-width: 920px;
margin: 0 auto;
text-align: center;
}
/* Base */
.decision-top-g4h,
.decision-bridge-g4h,
.decision-main-g4h {
display: block;
text-transform: uppercase;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
}
/* Blanco superior: mismo tamaño que "Y EMPEZAR A" */
.decision-top-g4h {
max-width: 760px;
margin: 0 auto 8px auto;
font-size: clamp(21px, 1.7vw, 25px);
line-height: 1.12;
font-weight: 600;
letter-spacing: -.012em;
color: #FFFFFF;
text-shadow:
0 6px 18px rgba(0, 0, 0, .34),
0 0 12px rgba(255, 255, 255, .04);
}
/* Puente pequeño */
.decision-bridge-g4h {
margin-bottom: 12px;
font-size: clamp(18px, 1.8vw, 28px);
line-height: 1;
font-weight: 850;
letter-spacing: -.01em;
color: #FFFFFF;
text-shadow:
0 6px 18px rgba(0, 0, 0, .28),
0 0 12px rgba(255, 255, 255, .03);
}
/* Beneficio final: protagonista */
.decision-main-g4h {
max-width: 900px;
margin: 0 auto;
font-size: clamp(44px, 4.6vw, 60px);
line-height: .94;
font-weight: 950;
letter-spacing: -.045em;
background: linear-gradient(
180deg,
#F7E19A 0%,
#E8C563 44%,
#C99A32 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
color: transparent;
filter:
drop-shadow(0 0 10px rgba(242, 217, 138, .18))
drop-shadow(0 0 26px rgba(225, 154, 11, .12));
}
/* Mobile */
@media (max-width: 767px) {
.decision-title-g4h {
max-width: 94%;
}
.decision-top-g4h {
font-size: clamp(15px, 4.5vw, 20px);
line-height: 1.22;
margin-bottom: 8px;
}
.decision-bridge-g4h {
font-size: clamp(16px, 4.8vw, 22px);
margin-bottom: 8px;
}
.decision-main-g4h {
font-size: clamp(31px, 9vw, 48px);
line-height: .98;
letter-spacing: -.032em;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-692fbe5 *//* =========================================================
HEADING — IDENTIFICADO/A DESTACADO EN DORADO
Clase del widget heading: heading-identificado-g4h
========================================================= */
.heading-identificado-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-weight: 900;
text-transform: uppercase;
font-size: clamp(28px, 3vw, 44px);
line-height: 1.04;
letter-spacing: -.02em;
color: #FFFFFF;
text-align: center;
text-wrap: balance;
text-shadow:
0 8px 24px rgba(0, 0, 0, .38),
0 0 26px rgba(154, 50, 61, .16);
}
/* Parte dorada */
.heading-identificado-g4h .gold-highlight-g4h {
display: inline-block;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 10px rgba(220, 194, 133, .24))
drop-shadow(0 0 24px rgba(225, 154, 11, .16));
animation: gold-highlight-shine-g4h 6.2s ease-in-out infinite;
}
/* Glow / barrido muy sutil */
@keyframes gold-highlight-shine-g4h {
0%, 100% {
background-position: 220% 0;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .18))
drop-shadow(0 0 18px rgba(225, 154, 11, .10));
}
50% {
background-position: 0% 0;
filter:
drop-shadow(0 0 12px rgba(220, 194, 133, .30))
drop-shadow(0 0 28px rgba(225, 154, 11, .18));
}
}
/* Responsive */
@media (max-width: 767px) {
.heading-identificado-g4h .elementor-heading-title {
font-size: clamp(24px, 6.8vw, 34px);
line-height: 1.08;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-identificado-g4h .gold-highlight-g4h {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c7b3e5 *//* =========================================================
CTA DORADO — VERSIÓN ESTABLE SIN PÉRDIDA DE FONDO
Clase del botón Elementor: btn-dorado-g4h
========================================================= */
.btn-dorado-g4h {
position: relative;
display: inline-block;
isolation: isolate;
transform-origin: center;
animation: cta-wrapper-grow-g4h 6.5s ease-in-out infinite;
}
/* Aura exterior */
.btn-dorado-g4h::after {
content: "";
position: absolute;
inset: -8px;
border-radius: 10px;
background: radial-gradient(
closest-side,
rgba(255, 217, 107, .36),
transparent 72%
);
filter: blur(14px);
z-index: -1;
pointer-events: none;
animation:
aura-dorada-g4h 2.8s ease-in-out infinite,
cta-aura-attention-g4h 6.5s ease-in-out infinite;
}
/* Botón real: fondo fijo, sin animación */
.btn-dorado-g4h .elementor-button,
.btn-dorado-g4h a.elementor-button {
display: inline-flex !important;
align-items: center;
justify-content: center;
gap: 12px;
background-color: #E19A0B !important;
background-image: linear-gradient(135deg, #F2D98A 0%, #E19A0B 100%) !important;
color: #050407 !important;
padding: 22px 38px !important;
border-radius: 4px !important;
border: none !important;
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: .12em;
text-transform: uppercase;
position: relative;
overflow: hidden;
cursor: pointer;
box-shadow:
0 0 0 1px rgba(255,217,107,.5) inset,
0 12px 32px rgba(225,154,11,.5),
0 0 60px rgba(225,154,11,.35);
transition:
transform .3s cubic-bezier(.2,.7,.2,1),
box-shadow .3s cubic-bezier(.2,.7,.2,1),
background-image .3s cubic-bezier(.2,.7,.2,1);
animation: none !important;
}
/* Brillo automático: capa independiente */
.btn-dorado-g4h .elementor-button::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
110deg,
transparent 0%,
transparent 32%,
rgba(255, 255, 255, .62) 50%,
transparent 68%,
transparent 100%
);
transform: translateX(-140%);
opacity: 0;
pointer-events: none;
animation: cta-shine-stable-g4h 6.5s ease-in-out infinite;
}
/* Texto siempre por encima */
.btn-dorado-g4h .elementor-button-text {
position: relative;
z-index: 3;
display: inline-flex;
align-items: center;
gap: 12px;
color: #050407 !important;
}
/* Flecha */
.btn-dorado-g4h .elementor-button-text::after {
content: "→";
position: relative;
z-index: 3;
font-size: 18px;
font-weight: 900;
line-height: 1;
transition: transform .3s cubic-bezier(.2,.7,.2,1);
}
/* Hover */
.btn-dorado-g4h:hover {
animation-play-state: paused;
}
.btn-dorado-g4h .elementor-button:hover,
.btn-dorado-g4h a.elementor-button:hover {
transform: translateY(-2px);
background-color: #E19A0B !important;
background-image: linear-gradient(135deg, #F2D98A 0%, #FCBC3B 45%, #E19A0B 100%) !important;
box-shadow:
0 0 0 1px rgba(255,217,107,.7) inset,
0 18px 44px rgba(225,154,11,.6),
0 0 90px rgba(225,154,11,.55);
}
.btn-dorado-g4h .elementor-button:hover::before {
animation-play-state: paused;
opacity: 1;
transform: translateX(100%);
}
.btn-dorado-g4h .elementor-button:hover .elementor-button-text::after {
transform: translateX(4px);
}
/* Estados: nunca transparente */
.btn-dorado-g4h .elementor-button:focus,
.btn-dorado-g4h .elementor-button:active,
.btn-dorado-g4h .elementor-button:visited {
background-color: #E19A0B !important;
background-image: linear-gradient(135deg, #F2D98A 0%, #E19A0B 100%) !important;
color: #050407 !important;
border: none !important;
outline: none !important;
}
/* =========================================================
ANIMACIONES
========================================================= */
/* Grow aplicado al wrapper, no al botón */
@keyframes cta-wrapper-grow-g4h {
0%, 68%, 100% {
transform: translateY(0) scale(1);
}
76% {
transform: translateY(-2px) scale(1.026);
}
84% {
transform: translateY(0) scale(1);
}
90% {
transform: translateY(-1px) scale(1.012);
}
}
/* Brillo automático estable */
@keyframes cta-shine-stable-g4h {
0%, 66%, 100% {
transform: translateX(-140%);
opacity: 0;
}
72% {
opacity: 1;
}
80% {
transform: translateX(140%);
opacity: 1;
}
86% {
opacity: 0;
}
}
/* Aura base */
@keyframes aura-dorada-g4h {
0%, 100% {
opacity: .6;
transform: scale(1);
}
50% {
opacity: 1;
transform: scale(1.06);
}
}
/* Aura de atención */
@keyframes cta-aura-attention-g4h {
0%, 70%, 100% {
opacity: .62;
transform: scale(1);
}
80% {
opacity: 1;
transform: scale(1.16);
}
88% {
opacity: .74;
transform: scale(1.04);
}
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 640px) {
.btn-dorado-g4h {
width: 100%;
}
.btn-dorado-g4h .elementor-button,
.btn-dorado-g4h a.elementor-button {
width: 100%;
padding: 20px !important;
font-size: 13px !important;
letter-spacing: .09em;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.btn-dorado-g4h,
.btn-dorado-g4h::after,
.btn-dorado-g4h .elementor-button::before {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-229fe00 *//* =========================================================
HEADING — IDENTIFICADO/A DESTACADO EN DORADO
Clase del widget heading: heading-identificado-g4h
========================================================= */
.heading-identificado-g4h .elementor-heading-title {
font-family: 'Montserrat', system-ui, -apple-system, sans-serif;
font-weight: 900;
text-transform: uppercase;
font-size: clamp(28px, 3vw, 44px);
line-height: 1.04;
letter-spacing: -.02em;
color: #FFFFFF;
text-align: center;
text-wrap: balance;
text-shadow:
0 8px 24px rgba(0, 0, 0, .38),
0 0 26px rgba(154, 50, 61, .16);
}
/* Parte dorada */
.heading-identificado-g4h .gold-highlight-g4h {
display: inline-block;
background: linear-gradient(
110deg,
#DCC285 0%,
#F2D98A 28%,
#FFE9A8 50%,
#F2D98A 72%,
#DCC285 100%
);
background-size: 220% 100%;
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
filter:
drop-shadow(0 0 10px rgba(220, 194, 133, .24))
drop-shadow(0 0 24px rgba(225, 154, 11, .16));
animation: gold-highlight-shine-g4h 6.2s ease-in-out infinite;
}
/* Glow / barrido muy sutil */
@keyframes gold-highlight-shine-g4h {
0%, 100% {
background-position: 220% 0;
filter:
drop-shadow(0 0 8px rgba(220, 194, 133, .18))
drop-shadow(0 0 18px rgba(225, 154, 11, .10));
}
50% {
background-position: 0% 0;
filter:
drop-shadow(0 0 12px rgba(220, 194, 133, .30))
drop-shadow(0 0 28px rgba(225, 154, 11, .18));
}
}
/* Responsive */
@media (max-width: 767px) {
.heading-identificado-g4h .elementor-heading-title {
font-size: clamp(24px, 6.8vw, 34px);
line-height: 1.08;
}
}
/* Accesibilidad */
@media (prefers-reduced-motion: reduce) {
.heading-identificado-g4h .gold-highlight-g4h {
animation: none !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1b32254 *//* =========================================================
HERO BACKGROUND — NEGRO + ROJO VINO + IMAGEN SUTIL
Clase para el contenedor principal: hero-bg-g4h-intense
========================================================= */
.hero-bg-g4h-intense {
position: relative;
overflow: hidden;
isolation: isolate;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
background-image:
linear-gradient(
180deg,
rgba(5, 4, 7, .88) 0%,
rgba(5, 4, 7, .68) 38%,
rgba(5, 4, 7, .90) 100%
),
radial-gradient(
900px 620px at 78% 18%,
rgba(154, 50, 61, .60) 0%,
rgba(154, 50, 61, .30) 32%,
rgba(154, 50, 61, .10) 58%,
transparent 76%
),
radial-gradient(
780px 620px at 18% 76%,
rgba(120, 28, 38, .54) 0%,
rgba(74, 18, 25, .38) 36%,
rgba(74, 18, 25, .14) 62%,
transparent 78%
),
radial-gradient(
1100px 760px at 52% 45%,
rgba(20, 10, 14, .10) 0%,
rgba(4, 3, 6, .60) 62%,
rgba(4, 3, 6, .96) 100%
),
url("https://accede.gana4horascadadia.com/wp-content/uploads/2026/04/miguelnavarro.jpg"),
linear-gradient(
135deg,
#16070c 0%,
#090609 36%,
#050407 72%,
#12060a 100%
) !important;
background-size:
100% 100%,
120% 120%,
115% 115%,
130% 130%,
cover,
100% 100%;
background-position:
center,
78% 18%,
18% 76%,
52% 45%,
center top,
center;
background-repeat:
no-repeat,
no-repeat,
no-repeat,
no-repeat,
no-repeat,
no-repeat;
background-blend-mode:
normal,
screen,
screen,
normal,
luminosity,
normal;
background-color: #050407 !important;
animation: hero-bg-shift-g4h 20s ease-in-out infinite alternate;
}
/* =========================================================
CAPA PRINCIPAL — MASAS VINO + PROFUNDIDAD
========================================================= */
.hero-bg-g4h-intense::before {
content: "";
position: absolute;
inset: -20%;
z-index: -2;
pointer-events: none;
background:
radial-gradient(
680px 520px at 72% 28%,
rgba(188, 54, 70, .36) 0%,
rgba(154, 50, 61, .22) 32%,
transparent 68%
),
radial-gradient(
780px 540px at 14% 88%,
rgba(154, 50, 61, .38) 0%,
rgba(74, 18, 25, .24) 38%,
transparent 72%
),
radial-gradient(
520px 420px at 48% 52%,
rgba(154, 50, 61, .18) 0%,
rgba(154, 50, 61, .08) 42%,
transparent 76%
),
conic-gradient(
from 215deg at 50% 50%,
transparent 0deg,
rgba(154, 50, 61, .16) 58deg,
rgba(220, 194, 133, .04) 96deg,
transparent 138deg,
transparent 220deg,
rgba(154, 50, 61, .10) 286deg,
transparent 360deg
);
background-size:
120% 120%,
115% 115%,
110% 110%,
100% 100%;
background-position:
72% 28%,
14% 88%,
48% 52%,
center;
filter: blur(42px);
opacity: .95;
transform: rotate(-5deg);
animation:
hero-vino-flow-g4h 14s ease-in-out infinite alternate,
hero-vino-light-shift-g4h 24s ease-in-out infinite;
}
/* =========================================================
CAPA SUPERIOR — VIÑETA + TEXTURA SIN RAYAS
========================================================= */
.hero-bg-g4h-intense::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(
ellipse at center,
transparent 0%,
transparent 46%,
rgba(0, 0, 0, .44) 78%,
rgba(0, 0, 0, .76) 100%
),
linear-gradient(
180deg,
rgba(0, 0, 0, .18) 0%,
transparent 28%,
transparent 62%,
rgba(0, 0, 0, .42) 100%
),
url("data:image/svg+xml;utf8,");
background-size:
100% 100%,
100% 100%,
220px 220px;
background-repeat:
no-repeat,
no-repeat,
repeat;
opacity: .42;
mix-blend-mode: overlay;
animation: hero-grain-drift-g4h 14s linear infinite;
}
/* Contenido siempre por encima del fondo */
.hero-bg-g4h-intense > * {
position: relative;
z-index: 2;
}
/* =========================================================
ANIMACIÓN DEL FONDO PRINCIPAL
========================================================= */
@keyframes hero-bg-shift-g4h {
0% {
background-position:
center,
78% 18%,
18% 76%,
52% 45%,
center top,
center;
background-size:
100% 100%,
120% 120%,
115% 115%,
130% 130%,
cover,
100% 100%;
}
50% {
background-position:
center,
72% 22%,
22% 70%,
48% 50%,
center top,
center;
background-size:
100% 100%,
124% 124%,
118% 118%,
134% 134%,
cover,
100% 100%;
}
100% {
background-position:
center,
82% 14%,
14% 82%,
56% 42%,
center top,
center;
background-size:
100% 100%,
122% 122%,
116% 116%,
132% 132%,
cover,
100% 100%;
}
}
/* Movimiento sutil del glow vino */
@keyframes hero-vino-flow-g4h {
0% {
transform: rotate(-5deg) scale(1);
opacity: .86;
}
100% {
transform: rotate(-2deg) scale(1.06);
opacity: 1;
}
}
/* Movimiento orgánico de luces vino */
@keyframes hero-vino-light-shift-g4h {
0% {
background-position:
72% 28%,
14% 88%,
48% 52%,
center;
}
33% {
background-position:
68% 34%,
18% 80%,
54% 48%,
center;
}
66% {
background-position:
78% 24%,
10% 84%,
46% 54%,
center;
}
100% {
background-position:
72% 28%,
14% 88%,
48% 52%,
center;
}
}
/* Textura con desplazamiento casi imperceptible */
@keyframes hero-grain-drift-g4h {
0% {
background-position:
center,
center,
0 0;
}
100% {
background-position:
center,
center,
220px 220px;
}
}
/* =========================================================
DESTELLOS DORADOS INTENSOS EN EL FONDO
Sin añadir HTML
========================================================= */
.hero-bg-g4h-intense {
--sparkle-gold: rgba(255, 217, 107, .95);
--sparkle-soft: rgba(255, 217, 107, .42);
}
/* Destellos principales */
.hero-bg-g4h-intense > *:first-child::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(circle at 16% 24%, rgba(255, 217, 107, .95) 0 1px, transparent 4px),
radial-gradient(circle at 34% 18%, rgba(255, 217, 107, .75) 0 1px, transparent 5px),
radial-gradient(circle at 72% 26%, rgba(255, 217, 107, .9) 0 1px, transparent 4px),
radial-gradient(circle at 86% 58%, rgba(255, 217, 107, .7) 0 1px, transparent 5px),
radial-gradient(circle at 62% 76%, rgba(255, 217, 107, .8) 0 1px, transparent 4px),
radial-gradient(circle at 22% 84%, rgba(255, 217, 107, .65) 0 1px, transparent 5px);
filter:
drop-shadow(0 0 6px rgba(255, 217, 107, .85))
drop-shadow(0 0 16px rgba(255, 217, 107, .48));
opacity: .15;
animation: hero-sparkles-g4h 5s ease-in-out infinite;
}
/* Destellos secundarios */
.hero-bg-g4h-intense > *:first-child::after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
pointer-events: none;
background:
radial-gradient(circle at 8% 66%, rgba(255, 217, 107, .8) 0 1px, transparent 4px),
radial-gradient(circle at 44% 38%, rgba(255, 217, 107, .75) 0 1px, transparent 5px),
radial-gradient(circle at 58% 14%, rgba(255, 217, 107, .9) 0 1px, transparent 4px),
radial-gradient(circle at 92% 18%, rgba(255, 217, 107, .7) 0 1px, transparent 5px),
radial-gradient(circle at 78% 84%, rgba(255, 217, 107, .85) 0 1px, transparent 4px);
filter:
drop-shadow(0 0 8px rgba(255, 217, 107, .9))
drop-shadow(0 0 22px rgba(255, 217, 107, .42));
opacity: .08;
animation: hero-sparkles-alt-g4h 6.4s ease-in-out infinite;
}
/* Parpadeo elegante de destellos */
@keyframes hero-sparkles-g4h {
0%, 100% {
opacity: .06;
transform: scale(.96);
}
22% {
opacity: .70;
transform: scale(1.02);
}
46% {
opacity: .16;
transform: scale(.98);
}
68% {
opacity: .90;
transform: scale(1.04);
}
84% {
opacity: .20;
transform: scale(1);
}
}
@keyframes hero-sparkles-alt-g4h {
0%, 100% {
opacity: .05;
transform: translateY(0) scale(.96);
}
30% {
opacity: .62;
transform: translateY(-6px) scale(1.03);
}
52% {
opacity: .10;
transform: translateY(-2px) scale(.98);
}
78% {
opacity: .78;
transform: translateY(-8px) scale(1.05);
}
}
/* =========================================================
ELIMINA GLOW/RAYA DETRÁS DEL CTA
El botón mantiene su propio glow, pero no hay capa extra detrás.
========================================================= */
.hero-bg-g4h-intense .elementor-widget-button:first-of-type::before {
content: none !important;
display: none !important;
animation: none !important;
}
/* =========================================================
RENDIMIENTO
========================================================= */
.hero-bg-g4h-intense,
.hero-bg-g4h-intense::before,
.hero-bg-g4h-intense::after,
.hero-bg-g4h-intense > *:first-child::before,
.hero-bg-g4h-intense > *:first-child::after {
will-change: transform, opacity, background-position, background-size;
}
/* =========================================================
RESPONSIVE
========================================================= */
@media (max-width: 767px) {
.hero-bg-g4h-intense {
background-image:
linear-gradient(
180deg,
rgba(5, 4, 7, .88) 0%,
rgba(5, 4, 7, .70) 36%,
rgba(5, 4, 7, .92) 100%
),
radial-gradient(
520px 460px at 78% 8%,
rgba(154, 50, 61, .56) 0%,
rgba(154, 50, 61, .25) 38%,
transparent 76%
),
radial-gradient(
520px 560px at 8% 86%,
rgba(120, 28, 38, .48) 0%,
rgba(74, 18, 25, .30) 42%,
transparent 78%
),
url("https://accede.gana4horascadadia.com/wp-content/uploads/2026/04/miguelnavarro.jpg"),
linear-gradient(
180deg,
#14070c 0%,
#080608 48%,
#050407 100%
) !important;
background-size:
100% 100%,
125% 125%,
120% 120%,
cover,
100% 100%;
background-position:
center,
76% 8%,
4% 88%,
left center,
center;
background-repeat:
no-repeat,
no-repeat,
no-repeat,
no-repeat,
no-repeat;
background-blend-mode:
normal,
screen,
screen,
luminosity,
normal;
/* Clave: quitamos la animación del background principal en mobile */
animation: none !important;
}
.hero-bg-g4h-intense::before {
inset: -30%;
filter: blur(34px);
opacity: .82;
}
.hero-bg-g4h-intense::after {
opacity: .32;
}
}
/* =========================================================
ACCESIBILIDAD
========================================================= */
@media (prefers-reduced-motion: reduce) {
.hero-bg-g4h-intense,
.hero-bg-g4h-intense::before,
.hero-bg-g4h-intense::after,
.hero-bg-g4h-intense > *:first-child::before,
.hero-bg-g4h-intense > *:first-child::after {
animation: none !important;
}
}/* End custom CSS */