.elementor-5568 .elementor-element.elementor-element-1f94434{--display:flex;--min-height:80vh;--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;--justify-content:center;--align-items:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--overlay-opacity:0.5;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:-173px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0;--padding-left:03%;--padding-right:3%;}.elementor-5568 .elementor-element.elementor-element-1f94434:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-1f94434 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5568 .elementor-element.elementor-element-1f94434::before, .elementor-5568 .elementor-element.elementor-element-1f94434 > .elementor-background-video-container::before, .elementor-5568 .elementor-element.elementor-element-1f94434 > .e-con-inner > .elementor-background-video-container::before, .elementor-5568 .elementor-element.elementor-element-1f94434 > .elementor-background-slideshow::before, .elementor-5568 .elementor-element.elementor-element-1f94434 > .e-con-inner > .elementor-background-slideshow::before, .elementor-5568 .elementor-element.elementor-element-1f94434 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-5568 .elementor-element.elementor-element-8bf9242 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5568 .elementor-element.elementor-element-5e3f3f1{--display:flex;}.elementor-5568 .elementor-element.elementor-element-4323181{width:100%;max-width:100%;}.elementor-5568 .elementor-element.elementor-element-4323181 > .elementor-widget-container{background-color:var( --e-global-color-691428f );padding:0px 0px 0px 0px;}.elementor-5568 .elementor-element.elementor-element-6a4db82{--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-5568 .elementor-element.elementor-element-6a4db82:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-6a4db82 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-691428f );}.elementor-5568 .elementor-element.elementor-element-5783497 > .elementor-widget-container{padding:40px 0px 40px 0px;}.elementor-5568 .elementor-element.elementor-element-5783497.elementor-element{--align-self:center;}.elementor-5568 .elementor-element.elementor-element-ec28281{--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;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-ec28281:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-ec28281 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-691428f );}.elementor-5568 .elementor-element.elementor-element-c369df5{--display:flex;}.elementor-5568 .elementor-element.elementor-element-433495b{z-index:8;}.elementor-5568 .elementor-element.elementor-element-c4f5007{--display:flex;}.elementor-5568 .elementor-element.elementor-element-7e90237{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-399e2db{width:auto;max-width:auto;}.elementor-5568 .elementor-element.elementor-element-399e2db > .elementor-widget-container{margin:0px -30px -60px -30px;}.elementor-5568 .elementor-element.elementor-element-5b1ae7f > .elementor-widget-container{margin:-60px 0px -50px 0px;padding:0px 0px 0px 0px;}.elementor-5568 .elementor-element.elementor-element-aa25ac7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-5568 .elementor-element.elementor-element-fdca06a{--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;--justify-content:flex-start;--padding-top:5%;--padding-bottom:1%;--padding-left:3%;--padding-right:3%;}.elementor-5568 .elementor-element.elementor-element-c9da26b{--display:flex;}.elementor-5568 .elementor-element.elementor-element-6dda17c .elementor-counter-number-wrapper{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-4038137 > .elementor-widget-container{margin:-29px -29px -29px -29px;}.elementor-5568 .elementor-element.elementor-element-4038137.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-5568 .elementor-element.elementor-element-4038137{text-align:center;}.elementor-5568 .elementor-element.elementor-element-0f09e04{--display:flex;}.elementor-5568 .elementor-element.elementor-element-f623a4e.elementor-element{--align-self:center;}.elementor-5568 .elementor-element.elementor-element-f623a4e .elementor-icon-wrapper{text-align:center;}.elementor-5568 .elementor-element.elementor-element-f623a4e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-text );}.elementor-5568 .elementor-element.elementor-element-f623a4e.elementor-view-framed .elementor-icon, .elementor-5568 .elementor-element.elementor-element-f623a4e.elementor-view-default .elementor-icon{color:var( --e-global-color-text );border-color:var( --e-global-color-text );}.elementor-5568 .elementor-element.elementor-element-f623a4e.elementor-view-framed .elementor-icon, .elementor-5568 .elementor-element.elementor-element-f623a4e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-text );}.elementor-5568 .elementor-element.elementor-element-f623a4e .elementor-icon{font-size:68px;}.elementor-5568 .elementor-element.elementor-element-f623a4e .elementor-icon svg{height:68px;}.elementor-5568 .elementor-element.elementor-element-d09806d > .elementor-widget-container{margin:-28px -28px -28px -28px;}.elementor-5568 .elementor-element.elementor-element-d09806d.elementor-element{--align-self:center;--order:99999 /* order end hack */;}.elementor-5568 .elementor-element.elementor-element-d09806d{text-align:center;}.elementor-5568 .elementor-element.elementor-element-5bb2785{--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;--justify-content:center;}.elementor-5568 .elementor-element.elementor-element-0db98d5{--display:flex;--border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-0db98d5:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-0db98d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cf6f060 );}.elementor-5568 .elementor-element.elementor-element-a740690 > .elementor-widget-container{padding:19px 0px 0px 0px;}.elementor-5568 .elementor-element.elementor-element-a740690{text-align:left;}.elementor-5568 .elementor-element.elementor-element-a740690 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5rem;font-weight:700;font-style:normal;text-decoration:none;line-height:58px;letter-spacing:-2.6px;color:var( --e-global-color-text );}.elementor-5568 .elementor-element.elementor-element-2b9bccf.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group.recaptcha_v3-bottomleft, .elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group > label, .elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-subgroup label{color:var( --e-global-color-primary );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-type-html{padding-bottom:0px;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group .elementor-field, .elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-subgroup label{font-family:var( --e-global-typography-722e5cc-font-family ), Sans-serif;font-size:var( --e-global-typography-722e5cc-font-size );font-weight:var( --e-global-typography-722e5cc-font-weight );text-transform:var( --e-global-typography-722e5cc-text-transform );font-style:var( --e-global-typography-722e5cc-font-style );text-decoration:var( --e-global-typography-722e5cc-text-decoration );line-height:var( --e-global-typography-722e5cc-line-height );letter-spacing:var( --e-global-typography-722e5cc-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-cf6f060 );border-color:var( --e-global-color-primary );border-width:2px 2px 2px 2px;border-radius:20px 20px 20px 20px;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-cf6f060 );border-color:var( --e-global-color-primary );border-width:2px 2px 2px 2px;border-radius:20px 20px 20px 20px;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group .elementor-select-wrapper::before{color:var( --e-global-color-primary );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-button{font-family:var( --e-global-typography-3c623fa-font-family ), Sans-serif;font-size:var( --e-global-typography-3c623fa-font-size );font-weight:var( --e-global-typography-3c623fa-font-weight );border-style:solid;border-width:2px 2px 2px 2px;border-radius:100px 100px 100px 100px;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-cf6f060 );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-button[type="submit"]{background-color:var( --e-global-color-cf6f060 );color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-button[type="submit"] svg *{fill:var( --e-global-color-accent );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-cf6f060 );border-color:var( --e-global-color-accent );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-accent );color:var( --e-global-color-cf6f060 );border-color:var( --e-global-color-accent );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-cf6f060 );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-message.elementor-message-success{color:var( --e-global-color-accent );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-message.elementor-message-danger{color:var( --e-global-color-accent );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-message.elementor-help-inline{color:var( --e-global-color-accent );}.elementor-5568 .elementor-element.elementor-element-2b9bccf{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-5568 .elementor-element.elementor-element-ab289d3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:31px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-5568 .elementor-element.elementor-element-ab289d3:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-ab289d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FF81004D 0%, #FF81004D 100%);}.elementor-5568 .elementor-element.elementor-element-b463920{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-5568 .elementor-element.elementor-element-b463920.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5568 .elementor-element.elementor-element-650b351 > .elementor-widget-container{padding:0px 0px 16px 0px;}.elementor-5568 .elementor-element.elementor-element-650b351.elementor-element{--align-self:flex-start;}.elementor-5568 .elementor-element.elementor-element-650b351{text-align:center;}.elementor-5568 .elementor-element.elementor-element-650b351 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:2.5rem;font-weight:700;font-style:normal;text-decoration:none;line-height:40px;letter-spacing:-0.7px;color:var( --e-global-color-text );}.elementor-5568 .elementor-element.elementor-element-2b610e8{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-5568 .elementor-element.elementor-element-2b610e8:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-2b610e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cf6f060 ) 0%, #FFFFFF 100%);}.elementor-5568 .elementor-element.elementor-element-ba21fc9{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-ec86813{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-5568 .elementor-element.elementor-element-ec86813:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-ec86813 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cf6f060 ) 0%, #FFFFFF 100%);}.elementor-5568 .elementor-element.elementor-element-03b9e04{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-0adf15b{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-5568 .elementor-element.elementor-element-0adf15b:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-0adf15b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cf6f060 ) 0%, #FFFFFF 100%);}.elementor-5568 .elementor-element.elementor-element-4d453d2{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-528c855{--display:flex;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-528c855:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-528c855 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cf6f060 ) 0%, #FFFFFF 100%);}.elementor-5568 .elementor-element.elementor-element-5c115d7{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-b2f8ea4{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-5568 .elementor-element.elementor-element-b2f8ea4:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-b2f8ea4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cf6f060 ) 0%, #FFFFFF 100%);}.elementor-5568 .elementor-element.elementor-element-da0a754{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-18299da{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-5568 .elementor-element.elementor-element-18299da:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-18299da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cf6f060 ) 0%, #FFFFFF 100%);}.elementor-5568 .elementor-element.elementor-element-8fa24ff{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-4dbe3d0{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-5568 .elementor-element.elementor-element-4dbe3d0:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-4dbe3d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cf6f060 ) 0%, #FFFFFF 100%);}.elementor-5568 .elementor-element.elementor-element-3b16f06{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-11b354e{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-5568 .elementor-element.elementor-element-11b354e:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-11b354e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cf6f060 ) 0%, #FFFFFF 100%);}.elementor-5568 .elementor-element.elementor-element-9deef7a{--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;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5568 .elementor-element.elementor-element-ba54e77{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-5568 .elementor-element.elementor-element-ba54e77:not(.elementor-motion-effects-element-type-background), .elementor-5568 .elementor-element.elementor-element-ba54e77 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-cf6f060 ) 0%, #FFFFFF 100%);}.elementor-5568 .elementor-element.elementor-element-69bc089{--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-5568 .elementor-element.elementor-element-f9302a5 > .elementor-widget-container{margin:11px 0px 0px 0px;}.elementor-5568 .elementor-element.elementor-element-f9302a5{column-gap:0px;}.elementor-5568 .elementor-element.elementor-element-dc7ab56{--n-accordion-title-font-size:21px;width:100%;max-width:100%;--n-accordion-title-justify-content:initial;--n-accordion-title-flex-grow:initial;--n-accordion-item-title-space-between:10px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-border-radius:15px 15px 15px 15px;--n-accordion-title-normal-color:#443742;--n-accordion-icon-size:15px;}.elementor-5568 .elementor-element.elementor-element-dc7ab56 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-691428f ) 0%, var( --e-global-color-691428f ) 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:#CAC8C7;}.elementor-5568 .elementor-element.elementor-element-dc7ab56.elementor-element{--align-self:center;}.elementor-5568 .elementor-element.elementor-element-dc7ab56 {--n-accordion-padding:20px 20px 20px 20px;}:where( .elementor-5568 .elementor-element.elementor-element-dc7ab56 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;}@media(max-width:1024px){.elementor-5568 .elementor-element.elementor-element-1f94434{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:130px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-5568 .elementor-element.elementor-element-fdca06a{--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;--justify-content:space-around;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-5568 .elementor-element.elementor-element-6dda17c .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-a740690{text-align:center;}.elementor-5568 .elementor-element.elementor-element-2b9bccf.elementor-element{--align-self:center;}.elementor-5568 .elementor-element.elementor-element-2b9bccf{z-index:0;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group .elementor-field, .elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-subgroup label{font-size:var( --e-global-typography-722e5cc-font-size );line-height:var( --e-global-typography-722e5cc-line-height );letter-spacing:var( --e-global-typography-722e5cc-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-button{font-size:var( --e-global-typography-3c623fa-font-size );}}@media(max-width:767px){.elementor-5568 .elementor-element.elementor-element-1f94434{--padding-top:70px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-5568 .elementor-element.elementor-element-fdca06a{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-5568 .elementor-element.elementor-element-6dda17c .elementor-counter-number-wrapper{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-a740690 .elementor-heading-title{font-size:3rem;line-height:1em;}.elementor-5568 .elementor-element.elementor-element-2b9bccf{width:var( --container-widget-width, 70.894% );max-width:70.894%;--container-widget-width:70.894%;--container-widget-flex-grow:0;}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group > label{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-type-html{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-group .elementor-field, .elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-field-subgroup label{font-size:var( --e-global-typography-722e5cc-font-size );line-height:var( --e-global-typography-722e5cc-line-height );letter-spacing:var( --e-global-typography-722e5cc-letter-spacing );}.elementor-5568 .elementor-element.elementor-element-2b9bccf .elementor-button{font-size:var( --e-global-typography-3c623fa-font-size );}}@media(min-width:768px){.elementor-5568 .elementor-element.elementor-element-fdca06a{--content-width:1200px;}.elementor-5568 .elementor-element.elementor-element-0db98d5{--content-width:885px;}.elementor-5568 .elementor-element.elementor-element-ab289d3{--content-width:900px;}.elementor-5568 .elementor-element.elementor-element-b463920{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5568 .elementor-element.elementor-element-c9da26b{--width:33%;}.elementor-5568 .elementor-element.elementor-element-0f09e04{--width:33%;}}/* Start custom CSS for container, class: .elementor-element-1f94434 *//* ==============================
   VARIABLES DE COLOR
============================== */
:root{
  --ink: #443642;       /* texto principal */
  --accent: #e70077;    /* rosa Pippi */
  --orange: #ef8315;    /* fondo hero */
  --cream: #fef3e7;     /* glow crema */
}

/* ==============================
   HERO NARANJA
============================== */
.hero-plan {
  background: var(--orange);
  color: var(--ink);
  position: relative;
  overflow: visible;
  padding: clamp(80px, 10vw, 120px) 20px
           clamp(160px, 12vw, 220px);  /* extra abajo para que se solape el vídeo */
}

.hero-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.9fr); /* texto + vídeo */
  gap: 48px;
  align-items: center;
}

/* ==============================
   BLOQUE DE TEXTO
============================== */
.hero-copy-eyebrow {
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent);
  font-size: 13px;
}

.hero-copy-title {
  font-size: clamp(40px, 6vw, 74px);
  line-height: 1.05;
  margin: 8px 0 18px;
}

.hero-copy-sub {
  font-size: clamp(18px, 2.1vw, 23px);
  line-height: 1.6;          /* más aire entre líneas */
  opacity: 0.9;
  max-width: 540px;          /* suficiente para “El Plan de Pippi” */
  margin-bottom: 32px;       /* espacio antes del botón */
}

/* Botón principal */
.hero-btn-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 30px;
  border-radius: 999px;
  background: var(--accent);
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-shadow: 0 16px 40px rgba(0,0,0,.16);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.hero-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 22px 54px rgba(0,0,0,.22);
  background: #d3006b;
}

/* ==============================
   TARJETA DE VÍDEO + GLOW
============================== */
.hero-media {
  position: relative;
  justify-self: flex-end;
  margin-bottom: -130px;   /* hace que el vídeo se solape con la sección de abajo */
  z-index: 2;              /* por encima de la siguiente sección */
}

/* “Móvil” del vídeo */
.hero-video-shell {
  position: relative;
  width: clamp(220px, 26vw, 360px);
  aspect-ratio: 9 / 16;
  border-radius: 28px;
  overflow: hidden;
  transform: rotate(8deg);
  box-shadow: 0 22px 60px rgba(0,0,0,.35);
}

/* Glow crema detrás del vídeo */
.hero-video-shell::before {
  content: "";
  position: absolute;
  inset: -40px;
  background: radial-gradient(
    circle,
    rgba(254,243,231,0.85) 0%,
    rgba(254,243,231,0.4) 35%,
    rgba(254,243,231,0) 80%
  );
  filter: blur(36px);
  z-index: -1;
  pointer-events: none;
}

/* Vídeo en sí */
.hero-video-el {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  background: #000;
}

/* Botón de play naranja centrado */
.hero-video-play-btn {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  border: none;
  background: var(--orange);
  color: #fff;
  font-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  box-shadow: 0 12px 30px rgba(0,0,0,.25);
  transition: transform .2s ease, box-shadow .2s ease;
}

.hero-video-play-btn:hover {
  transform: scale(1.06);
  box-shadow: 0 18px 40px rgba(0,0,0,.32);
}

.hero-video-play-btn.is-hidden {
  display: none;
}

/* ==============================
   RESPONSIVE
============================== */
@media (max-width: 880px) {
  .hero-plan {
    padding-bottom: 160px;
  }

  .hero-inner {
    grid-template-columns: 1fr;
    text-align: left;
    gap: 36px;
  }

  .hero-media {
    justify-self: center;
    margin-bottom: -110px;
  }

  .hero-copy-sub {
    max-width: 100%;
  }
}

/* ==============================
   EJEMPLO DE SIGUIENTE SECCIÓN
   (solo para que veas el solape)
============================== */
.next-section-demo {
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 120px 20px 80px;
}
.next-section-demo-inner{
  max-width:1200px;
  margin:0 auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4323181 */:root {
  --benef-ink: #443642;
  --benef-orange: #ef8315;
}

/* Franja blanca a ancho completo */
.benef-strip {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  background: #ffffff;
  position: relative;
  z-index: 2;
  padding: 48px 0 56px;
}

/* Contenedor centrado */
.benef-inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

/* Fila principal */
.benef-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

/* Tarjeta */
.benef-card {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1 1 0;
  min-width: 0;
}

/* Icono (emoji o imagen) */
.benef-icon {
  font-size: 52px;
  line-height: 1;
  display: inline-flex;
}

/* Textos */
.benef-text .benef-big {
  display: block;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.15;
  color: var(--benef-ink);
}

.benef-text .benef-small {
  display: block;
  font-size: 22px;
  line-height: 1.2;
  margin-top: 4px;
  color: var(--benef-ink);
}

/* Rayas naranjas */
.benef-sep {
  width: 2px;
  height: 60px;
  background: var(--benef-orange);
  align-self: center;
  flex-shrink: 0;
  opacity: 0.9;
}

/* Tablets: 2 columnas, sin rayas */
@media (max-width: 1024px) {
  .benef-row {
    flex-wrap: wrap;
    row-gap: 28px;
    column-gap: 40px;
    justify-content: center;
  }

  .benef-card {
    flex: 0 1 calc(50% - 40px);
  }

  .benef-sep {
    display: none;
  }
}

/* Móviles: 1 columna, todo centrado */
@media (max-width: 768px) {
  .benef-strip {
    padding: 36px 0 44px;
  }

  .benef-inner {
    padding: 0 20px;
  }

  .benef-row {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }

  .benef-card {
    flex: 0 1 auto;
    justify-content: center;
    text-align: center;
    flex-direction: column;
  }

  .benef-sep {
    display: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5783497 *//* Contenedor del bloque */
.elementor-5568 .elementor-element.elementor-element-5783497 .headline-block{
  text-align: center;        /* centra el conjunto */
  max-width: 980px;          /* limita el ancho para que se vea elegante */
  margin: 0 auto;            /* centra el bloque dentro de la página */
}

/* Título principal */
.elementor-5568 .elementor-element.elementor-element-5783497 .headline-block h2{
  font-size: clamp(28px, 4vw, 35px);  /* responsive */
  font-weight: 500;                   /* fuerte, como tu estilo */
  line-height: 1;
  margin: 0;                          /* quita márgenes por defecto */
}

/* Subtítulo */
.elementor-5568 .elementor-element.elementor-element-5783497 .headline-block .submensaje {
  font-size: clamp(16px, 2.2vw, 30px);
  line-height: 1.4;
  margin-top: 8px;
  opacity: .8;
}

/* Solo "Oh dear!" */
.elementor-5568 .elementor-element.elementor-element-5783497 .headline-block .submensaje .accent {
  color: #e70077;
  font-style: italic;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-433495b *//* El contenedor que se queda sticky */
.elementor-5568 .elementor-element.elementor-element-433495b .phone-sticky{
  position: sticky;
  top: 100px;          /* ajusta según tu header */
  z-index: 8;
}

/* Marco del teléfono */
.elementor-5568 .elementor-element.elementor-element-433495b .phone{
  position: relative;
  width: clamp(260px, 24vw, 320px);
  aspect-ratio: 9 / 19.5;      /* proporción de móvil */
  margin-inline: auto;
  border-radius: 32px;
  background: #000;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0,0,0,.25);
}

/* Pantallas dentro del móvil */
.elementor-5568 .elementor-element.elementor-element-433495b .phone img{
  position: absolute;
  inset: 0;               /* top/right/bottom/left = 0 */
  width: 100%;
  height: 100%;
  object-fit: cover;      /* que llene bien */
  display: block;
  transition: opacity .35s ease;
}

/* Notch estilo iPhone */
.elementor-5568 .elementor-element.elementor-element-433495b .phone .notch{
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  width: 40%;
  height: 22px;
  background: #111;
  border-radius: 14px;
  box-shadow: 0 2px 6px rgba(0,0,0,.35) inset;
  z-index: 2;
}

/* transición un poco más larga */
.elementor-5568 .elementor-element.elementor-element-433495b #phoneScreen,
.elementor-5568 .elementor-element.elementor-element-433495b #phoneScreenNext{
  transition: opacity .55s ease, transform .55s ease;
}

.elementor-5568 .elementor-element.elementor-element-433495b #phoneScreen.fade-out{
  opacity: 0;
  transform: translateX(-6px);
}

.elementor-5568 .elementor-element.elementor-element-433495b #phoneScreenNext.fade-in{
  opacity: 1;
  transform: translateX(0);
}

/* TABLET: centrar el móvil y hacerlo más pequeño */
@media (max-width: 1024px) {
  .elementor-5568 .elementor-element.elementor-element-433495b .phone{
    width: 260px;              /* tamaño del móvil en tablet */
    margin: 40px auto 10px;    /* centrado y un poco de aire abajo */
    transform: none;           /* por si tenías algún translate/tilt raro */
  }
}

/* MÓVIL: aún un poco más pequeño si quieres */
@media (max-width: 768px) {
  .elementor-5568 .elementor-element.elementor-element-433495b .phone{
    width: 220px;
    margin: 30px auto 0;
  }
}
/* ============================
   MÓVIL — Marco ultra fino + Notch pequeño
============================ */
.phone{
  position: relative;
  width: clamp(240px, 38vw, 300px);    /* lo ajustas si lo quieres más pequeño o grande */
  margin: 0 auto;
  border-radius: 22px;                 /* esquinas suaves pero no exageradas */
  overflow: hidden;
  background: #000;                    /* solo para el borde fino */
  
  /* FILO ultra fino */
  border: 1px solid rgba(0,0,0,0.35);  /* muchísimo más fino */
  
  /* Sombras muy suaves */
  box-shadow: 0 8px 18px rgba(0,0,0,.12);
}

/* La pantalla */
.phone img{
  width: 115%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Notch más pequeño */
.phone .notch{
  position: absolute;
  top: 8px;                      /* más pegado */
  left: 50%;
  transform: translateX(-50%);
  width: 32%;                    /* antes era 40% */
  height: 14px;                  /* antes 22px → ahora más pequeño */
  
  background: #0a0a0a;           /* un negro suave */
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,.25) inset;
  z-index: 2;
}

/* ============================
   TABLET — ligeramente mayor
============================ */
@media (max-width: 1024px){
  .phone{
    width: 260px;
    border-width: 1px;
  }
}

/* ============================
   MÓVIL — tamaño realista del mockup
============================ */
@media (max-width: 768px){

  .phone {
    width: 170px !important;          /* más pequeño y realista */
    height: 380px !important;         /* proporción tipo iPhone real */
    border-radius: 26px !important;   /* esquinas suavizadas */
    border: 2px solid #000 !important;/* borde negro más fino */
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(0,0,0,.18) !important;
    margin: 20px auto !important;     /* centrado */
  }

  /* Pantalla */
  .phone img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;     /* se comporta como pantalla real */
  }

  /* Notch realista */
  .phone .notch{
    width: 60px !important;
    height: 14px !important;
    top: 8px !important;
    border-radius: 10px !important;
    background: #000 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c4f5007 *//* Área aislada */
.features-area{
  --pill-bg: #fef3e7;
  --pill-size: 56px;
  --col-gap: 18px;
  --row-gap: 52px;
  --title-bottom: 28px;
  max-width: 780px;
}

/* Cada paso (bloque completo que dispara la imagen) */
.features-area .feature-step{
  margin: 0 0 64px 0; /* separa un bloque grande del siguiente */
}

/* Título del bloque */
.features-area .features-title{
  margin: 0 0 var(--title-bottom) 0 !important;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -0.5px;
  border: 0 !important;
  padding: 0 !important;
}

/* Lista de puntos */
.features-area .feature-list{
  display: grid;
  gap: var(--row-gap);
}

/* Cada ítem: emoji a la izq + texto a la dcha */
.features-area .feature-item{
  display: grid !important;
  grid-template-columns: var(--pill-size) 1fr;
  column-gap: var(--col-gap);
  align-items: start;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* Pastilla del emoji */
.features-area .feature-emoji{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--pill-size);
  height: var(--pill-size);
  border-radius: 14px;
  background: var(--pill-bg);
  font-size: 28px;
  line-height: 1;
  box-shadow: 0 1px 0 rgba(0,0,0,.06);
}

/* Textos */
.features-area .feature-copy h3{
  margin: 0 0 6px 0 !important;
  font-size: clamp(18px, 2.2vw, 24px);
  line-height: 1.25;
  font-weight: 700;
  border: 0 !important;
  padding: 0 !important;
}
.features-area .feature-copy p{
  margin: 0 !important;
  font-size: clamp(14px, 1.6vw, 17px);
  line-height: 1.55;
  opacity: .9;
}

/* Responsive */
@media (max-width: 768px){
  .features-area{ --pill-size: 48px; --col-gap: 14px; }
  .features-area .feature-emoji{ font-size: 24px; }
}

/* Espaciado uniforme entre bloques de texto (secciones de scroll) */
.feature-step {
  margin-top: 120px;   /* separa del bloque anterior */
  margin-bottom: 120px; /* separa del siguiente *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ec28281 *//* — Estructura vertical del texto — */
:scope .feature-step{
  display: flex;
  flex-direction: column;   /* título arriba, párrafo debajo */
  align-items: flex-start;  /* alineado a la izquierda */
  gap: 10px;                /* separación entre título y párrafo */
  min-height: 60vh;
  margin: 180px 0;
  border-left: 2px solid transparent;
}

/* resalta el activo */
:scope .feature-step.is-active{
  border-left-color: #ef8315;
}

/* 1er bloque: pegado arriba (sin margen superior y sin altura forzada) */
:scope .feature-step:first-of-type{
  margin-top: 0;
  min-height: auto;         /* para que no “baje” por el 60vh */
}

/* último sin hueco extra */
:scope .feature-step:last-of-type{ margin-bottom: 0; }

/* tipografía limpia dentro */
:scope .feature-step h3{ margin: 0; line-height: 1.15; }
:scope .feature-step p{ margin: 0; opacity: .85; }

/* responsive */
@media (max-width:1024px){
  :scope .feature-step{ min-height: 50vh; margin: 120px 0; }
  :scope .feature-step:first-of-type{ min-height: auto; }
}
@media (max-width:768px){
  :scope .feature-step{ min-height: auto; margin: 60px 0; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-399e2db *//* ===========================
   FIX TABLET PODCAST / DESCARGABLES
   (texto arriba, foto debajo, sin hueco gigante)
   =========================== */
@media (min-width: 768px) and (max-width: 1024px){

  /* La fila se apila en columna en tablet */
  .bubbles-area{
    flex-direction: column !important;
    gap: 32px !important;
    align-items: stretch !important;
  }

  /* Cada burbuja se comporta como una tarjeta normal */
  .bubbles-area .bubble-card{
    min-height: auto !important;            /* fuera la altura mínima gigante */
    display: flex;
    flex-direction: column;
    padding-bottom: 32px !important;        /* poco aire abajo */
  }

  /* Texto arriba, sin “reserva” para la imagen */
  .bubbles-area .bubble-body{
    position: static !important;
    padding: 32px 28px 16px !important;     /* padding compacto */
    margin: 0 !important;
  }

  /* Imagen inmediatamente debajo del texto */
  .bubbles-area .bubble-figure{
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    width: 100% !important;
    max-width: 1000px;                      /* controla ancho de la foto */
    margin: 12px auto 0 !important;         /* un poco de espacio respecto al texto */
    -webkit-mask-image: none !important;    /* sin degradado raro en tablet */
            mask-image: none !important;
  }

  .bubbles-area .bubble-figure img{
    width: 100%;
    height: auto;
    display: block;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-aa25ac7 *//* ============================
   CURSOS — Estilo “cajitas”
   (solo móvil y tablet)
============================ */
@media (max-width: 768px){

  /* Cada curso se convierte en una tarjeta */
  .bubble-cursos .course-box{
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 8px 28px rgba(0,0,0,0.12);
    padding: 14px;
    margin-bottom: 22px;
    overflow: hidden;
  }

  /* Imagen dentro de una caja redondeada */
  .bubble-cursos .course-box img{
    border-radius: 18px;
    width: 100%;
    display: block;
    margin-bottom: 14px;
  }

  /* Título más compacto */
  .bubble-cursos .course-box h4{
    font-size: 18px;
    margin: 0 0 8px;
    line-height: 1.3;
  }

  /* Texto del curso */
  .bubble-cursos .course-box p{
    font-size: 15px;
    line-height: 1.55;
    margin: 0 0 6px;
  }

  /* El grid se vuelve 1 columna */
  .bubble-cursos .courses-grid{
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 22px;
  }
}

/* ============================
   TABLET (más ancho pero mismas cajitas)
============================ */
@media (min-width: 769px) and (max-width: 1024px){

  .bubble-cursos .course-box{
    background: #fff;
    border-radius: 24px;
    box-shadow: 0 10px 32px rgba(0,0,0,0.10);
    padding: 16px;
    overflow: hidden;
  }

  .bubble-cursos .course-box img{
    border-radius: 20px;
    width: 100%;
    margin-bottom: 16px;
  }
}
/* ============================================
   CURSOS — Cajitas en TODAS las resoluciones
============================================ */
.bubble-cursos .course-box{
  background: #ffffff;
  border-radius: 26px;
  box-shadow: 0 14px 38px rgba(0,0,0,0.10);
  overflow: hidden;
  padding: 18px;
  transition: transform .25s ease, box-shadow .25s ease;
}

/* Hover solo en escritorio (tablet/móvil no) */
@media (min-width: 1025px){
  .bubble-cursos .course-box:hover{
    transform: translateY(-6px);
    box-shadow: 0 22px 48px rgba(0,0,0,0.14);
  }
}

/* Imagen con bordes redondeados */
.bubble-cursos .course-box img{
  width: 100%;
  border-radius: 20px;
  margin-bottom: 16px;
  display: block;
}



/* Título */
.bubble-cursos .course-box h4{
  font-size: clamp(20px, 1.6vw, 24px);
  margin: 4px 0 10px;
  line-height: 1.3;
}

/* Descripción */
.bubble-cursos .course-box p{
  font-size: clamp(15px, 1.1vw, 17px);
  line-height: 1.6;
  margin: 0;
}

/* Grid (escritorio) bien espaciado */
.bubble-cursos .courses-grid{
  gap: 32px;
  margin-top: 32px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dd7de84 */<!-- ===== El Plan – Sección precios (HBO-style) ===== -->
<section id="el-plan-pricing">
  <style>
    :root{
      --brand-orange:#ef8315;
      --brand-magenta:#e70077;
      --brand-cream:#fef3e7;
      --ink:#222;
      --ink-soft:#5a5a5a;
      --card:#fff;
      --radius:24px;
      --shadow:0 18px 50px rgba(0,0,0,.10);
    }

    #el-plan-pricing{
      max-width:1200px;
      margin:64px auto 80px;
      padding:0 20px;
      font-family:inherit;
      color:var(--ink);
    }

    /* Encabezado externo */
    #el-plan-pricing .heading{
      text-align:center;
      margin-bottom:22px;
    }
    #el-plan-pricing .heading h2{
      font-size:clamp(28px,3.2vw,40px);
      line-height:1.1;
      margin:0 0 10px;
      font-weight:800;
    }
    #el-plan-pricing .heading p{
      margin:0 auto;
      max-width:780px;
      font-size:clamp(14px,1.6vw,18px);
      color:var(--ink-soft);
    }

    /* Selector Mensual/Anual */
    .period-toggle{
      margin:22px auto 24px;
      width:max-content;
      position:relative;
    }
    .period-toggle input{ display:none; }
    .period-toggle .pill{
      display:flex;
      background:#f3f3f5;
      border-radius:999px;
      padding:6px;
      gap:6px;
      box-shadow:inset 0 1px 0 rgba(0,0,0,.06);
    }
    .period-toggle label{
      position:relative;
      cursor:pointer;
      padding:10px 20px;
      border-radius:999px;
      font-weight:700;
      font-size:15px;
      color:var(--ink);
      user-select:none;
      transition:color .2s ease, transform .2s ease;
      display:flex; align-items:center; gap:8px;
    }
    .period-toggle .badge{
      font-size:12px;
      font-weight:800;
      color:#fff;
      background:var(--brand-magenta);
      padding:4px 8px;
      border-radius:999px;
      position:absolute;
      top:-12px; right:-8px;
      box-shadow:0 6px 14px rgba(231,0,119,.28);
      white-space:nowrap;
    }
    /* Estado seleccionado (con truquito CSS) */
    #toggle-month:checked ~ .pill label[for="toggle-month"],
    #toggle-year:checked  ~ .pill label[for="toggle-year"]{
      background:#fff;
      color:var(--brand-magenta);
      box-shadow:0 6px 18px rgba(0,0,0,.08);
      transform:translateY(-1px);
    }

    /* Burbuja principal (suave, sin marco grueso) */
    .bubble{
      background:
        radial-gradient(1000px 600px at 90% -10%, rgba(231,0,119,.10), transparent 55%),
        radial-gradient(800px 420px at 0% 100%, rgba(255,255,255,.35), transparent 60%),
        linear-gradient(180deg, #f9a84a 0%, var(--brand-orange) 100%);
      border-radius:34px;
      padding:28px;
      box-shadow:var(--shadow);
      position:relative;
      overflow:hidden;
    }
    /* Tarjeta interior clarita */
    .bubble .card{
      background:var(--brand-cream);
      border-radius:22px;
      padding:26px 22px 20px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
    }

    /* Línea de precio (dos estados) */
    .price-line{
      display:flex; align-items:baseline; gap:18px;
      flex-wrap:wrap;
      margin:4px 8px 18px;
    }
    .price{
      display:none;    /* se controla con el toggle */
      align-items:baseline; gap:6px;
    }
    .price .amount{
      font-size:clamp(40px,5.6vw,64px);
      font-weight:900;
      letter-spacing:-.5px;
    }
    .price .currency{
      font-size:clamp(18px,2.2vw,22px);
      font-weight:900;
      margin-left:2px;
    }
    .price .per{
      font-size:clamp(14px,1.6vw,16px);
      color:var(--ink-soft);
      margin-left:2px;
    }

    /* Mostrar precio según la pestaña */
    #toggle-month:checked ~ .bubble .price.is-month{ display:flex; }
    #toggle-year:checked  ~ .bubble .price.is-year { display:flex; }

    /* CTA */
    .cta{
      display:inline-flex; align-items:center; justify-content:center;
      padding:14px 20px;
      border-radius:14px;
      background:var(--brand-magenta);
      color:#fff; text-decoration:none; font-weight:800;
      box-shadow:0 12px 26px rgba(231,0,119,.24);
      transition:transform .12s ease, box-shadow .12s ease, filter .12s ease;
      margin:2px 8px 16px;
    }
    .cta:hover{ transform:translateY(-1px); box-shadow:0 16px 30px rgba(231,0,119,.28); filter:saturate(1.05); }

    .note{
      margin:0 8px 8px;
      font-size:13px; color:var(--ink-soft);
    }

    /* Lista de beneficios */
    .features{
      margin:10px 8px 6px; padding:0; list-style:none;
      display:grid; gap:10px;
    }
    .features li{
      background:#fff;
      border-radius:14px;
      padding:12px 14px;
      font-size:clamp(14px,1.6vw,16px);
      display:flex; align-items:center; gap:10px;
      box-shadow:0 6px 16px rgba(0,0,0,.06);
    }
    .features li::before{
      content:"";
      width:22px; height:22px; border-radius:6px;
      background:linear-gradient(135deg, #25d366, #1ab34f);
      box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
      mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12"><path fill="white" d="M6.1 11.4 0 5.3l2-2 4.1 4.1L14 0l2 2L6.1 11.4z"/></svg>') center/12px 12px no-repeat;
      -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 12"><path fill="white" d="M6.1 11.4 0 5.3l2-2 4.1 4.1L14 0l2 2L6.1 11.4z"/></svg>') center/12px 12px no-repeat;
    }

    /* Responsive */
    @media (max-width:820px){
      .bubble{ padding:18px; border-radius:28px; }
      .bubble .card{ padding:20px 16px; }
      .period-toggle .badge{ top:-10px; right:-6px; }
    }
  </style>

  <!-- Título + subtítulo -->
  <div class="heading">
    <h2>¡Únete a El Plan!</h2>
    <p>Acceso completo: curso de Gramática Esencial, Dosis de Inglés diarias, espacios (Fluidez, Gramática Extra, Listening Lab y Reading), podcast, material descargable y comunidad.</p>
  </div>

  <!-- Toggle Mensual / Anual -->
  <div class="period-toggle" role="tablist" aria-label="Periodo">
    <input id="toggle-month" type="radio" name="periodo" checked>
    <input id="toggle-year"  type="radio" name="periodo">
    <div class="pill" role="tablist">
      <label for="toggle-month" role="tab" aria-selected="true">Mensual</label>
      <label for="toggle-year"  role="tab" aria-selected="false">Anual
        <span class="badge">2 meses gratis</span>
      </label>
    </div>
  </div>

  <!-- Burbuja + tarjeta de precio -->
  <div class="bubble">
    <div class="card">
      <div class="price-line">
        <!-- Precio mensual -->
        <div class="price is-month" aria-live="polite">
          <span class="amount">15,99</span><span class="currency">€</span><span class="per">/mes</span>
        </div>
        <!-- Precio anual -->
        <div class="price is-year" aria-live="polite">
          <span class="amount">159</span><span class="currency">€</span><span class="per">/año</span>
        </div>
      </div>

      <a class="cta" href="#checkout">Empezar ahora</a>
      <p class="note">Sin permanencia. Cancela cuando quieras.</p>

      <ul class="features">
        <li><strong>Curso:</strong> Toda la Gramática Esencial del Inglés</li>
        <li><strong>Dosis de Inglés Diarias</strong></li>
        <li><strong>Espacios:</strong> Fluidez, Gramática Extra, Listening Lab y Reading</li>
        <li><strong>Podcast</strong></li>
        <li><strong>Material Descargable</strong></li>
        <li><strong>Acompañamiento y comunidad</strong></li>
      </ul>
    </div>
  </div>
</section>/* End custom CSS */