.elementor-26144 .elementor-element.elementor-element-09a8415{--display:flex;--min-height:65vh;--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:flex-start;--overlay-opacity:0.65;--padding-top:140px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-26144 .elementor-element.elementor-element-09a8415:not(.elementor-motion-effects-element-type-background), .elementor-26144 .elementor-element.elementor-element-09a8415 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://refinanciardeuda.com/wp-content/uploads/2026/05/b2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26144 .elementor-element.elementor-element-09a8415::before, .elementor-26144 .elementor-element.elementor-element-09a8415 > .elementor-background-video-container::before, .elementor-26144 .elementor-element.elementor-element-09a8415 > .e-con-inner > .elementor-background-video-container::before, .elementor-26144 .elementor-element.elementor-element-09a8415 > .elementor-background-slideshow::before, .elementor-26144 .elementor-element.elementor-element-09a8415 > .e-con-inner > .elementor-background-slideshow::before, .elementor-26144 .elementor-element.elementor-element-09a8415 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, var( --e-global-color-astglobalcolor2 ) 0%, var( --e-global-color-astglobalcolor2 ) 100%);}.elementor-26144 .elementor-element.elementor-element-7892f7d .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-26144 .elementor-element.elementor-element-2904946 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 40% 0% 0%;}.elementor-26144 .elementor-element.elementor-element-2904946{color:var( --e-global-color-astglobalcolor5 );}.elementor-26144 .elementor-element.elementor-element-fb61968{--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;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-26144 .elementor-element.elementor-element-793269b{--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;--gap:0px 44px;--row-gap:0px;--column-gap:44px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26144 .elementor-element.elementor-element-c25fdeb{--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:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26144 .elementor-element.elementor-element-54d1065{--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-26144 .elementor-element.elementor-element-ac43a94{--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:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:120px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-26144 .elementor-element.elementor-element-ac43a94:not(.elementor-motion-effects-element-type-background), .elementor-26144 .elementor-element.elementor-element-ac43a94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C3EEDE;}.elementor-26144 .elementor-element.elementor-element-8a4fcee > .elementor-widget-container{margin:0px 0px 6px 0px;}.elementor-26144 .elementor-element.elementor-element-8a4fcee{text-align:center;}.elementor-26144 .elementor-element.elementor-element-75e391a > .elementor-widget-container{padding:0% 20% 0% 20%;}.elementor-26144 .elementor-element.elementor-element-75e391a{text-align:center;}.elementor-26144 .elementor-element.elementor-element-83b530e{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:5px 5px;--row-gap:5px;--column-gap:5px;--grid-auto-flow:row;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26144 .elementor-element.elementor-element-819b0f4 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 30px 30px 30px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.08);}.elementor-26144 .elementor-element.elementor-element-819b0f4:hover .elementor-widget-container{border-style:solid;border-width:5px 0px 0px 0px;border-color:var( --e-global-color-astglobalcolor1 );}.elementor-26144 .elementor-element.elementor-element-819b0f4 .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-26144 .elementor-element.elementor-element-819b0f4 .elementor-icon-box-title{margin-block-end:12px;}.elementor-26144 .elementor-element.elementor-element-819b0f4.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-819b0f4.elementor-view-framed .elementor-icon, .elementor-26144 .elementor-element.elementor-element-819b0f4.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-819b0f4 .elementor-icon{font-size:38px;}.elementor-26144 .elementor-element.elementor-element-819b0f4 .elementor-icon-box-title, .elementor-26144 .elementor-element.elementor-element-819b0f4 .elementor-icon-box-title a{font-size:22px;}.elementor-26144 .elementor-element.elementor-element-819b0f4 .elementor-icon-box-description{font-size:16px;line-height:1.3em;}.elementor-26144 .elementor-element.elementor-element-f4c4379 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 30px 30px 30px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.08);}.elementor-26144 .elementor-element.elementor-element-f4c4379:hover .elementor-widget-container{border-style:solid;border-width:5px 0px 0px 0px;border-color:var( --e-global-color-astglobalcolor1 );}.elementor-26144 .elementor-element.elementor-element-f4c4379 .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-26144 .elementor-element.elementor-element-f4c4379 .elementor-icon-box-title{margin-block-end:12px;}.elementor-26144 .elementor-element.elementor-element-f4c4379.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-f4c4379.elementor-view-framed .elementor-icon, .elementor-26144 .elementor-element.elementor-element-f4c4379.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-f4c4379 .elementor-icon{font-size:38px;}.elementor-26144 .elementor-element.elementor-element-f4c4379 .elementor-icon-box-title, .elementor-26144 .elementor-element.elementor-element-f4c4379 .elementor-icon-box-title a{font-size:22px;}.elementor-26144 .elementor-element.elementor-element-f4c4379 .elementor-icon-box-description{font-size:16px;line-height:1.3em;}.elementor-26144 .elementor-element.elementor-element-9864822 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 30px 30px 30px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.08);}.elementor-26144 .elementor-element.elementor-element-9864822:hover .elementor-widget-container{border-style:solid;border-width:5px 0px 0px 0px;border-color:var( --e-global-color-astglobalcolor1 );}.elementor-26144 .elementor-element.elementor-element-9864822 .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-26144 .elementor-element.elementor-element-9864822 .elementor-icon-box-title{margin-block-end:12px;}.elementor-26144 .elementor-element.elementor-element-9864822.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-9864822.elementor-view-framed .elementor-icon, .elementor-26144 .elementor-element.elementor-element-9864822.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-9864822 .elementor-icon{font-size:38px;}.elementor-26144 .elementor-element.elementor-element-9864822 .elementor-icon-box-title, .elementor-26144 .elementor-element.elementor-element-9864822 .elementor-icon-box-title a{font-size:22px;}.elementor-26144 .elementor-element.elementor-element-9864822 .elementor-icon-box-description{font-size:16px;line-height:1.3em;}.elementor-26144 .elementor-element.elementor-element-f5499b3 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 30px 30px 30px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.08);}.elementor-26144 .elementor-element.elementor-element-f5499b3:hover .elementor-widget-container{border-style:solid;border-width:5px 0px 0px 0px;border-color:var( --e-global-color-astglobalcolor1 );}.elementor-26144 .elementor-element.elementor-element-f5499b3 .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-26144 .elementor-element.elementor-element-f5499b3 .elementor-icon-box-title{margin-block-end:12px;}.elementor-26144 .elementor-element.elementor-element-f5499b3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-f5499b3.elementor-view-framed .elementor-icon, .elementor-26144 .elementor-element.elementor-element-f5499b3.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-f5499b3 .elementor-icon{font-size:38px;}.elementor-26144 .elementor-element.elementor-element-f5499b3 .elementor-icon-box-title, .elementor-26144 .elementor-element.elementor-element-f5499b3 .elementor-icon-box-title a{font-size:22px;}.elementor-26144 .elementor-element.elementor-element-f5499b3 .elementor-icon-box-description{font-size:16px;line-height:1.3em;}.elementor-26144 .elementor-element.elementor-element-70f7276 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 30px 30px 30px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.08);}.elementor-26144 .elementor-element.elementor-element-70f7276:hover .elementor-widget-container{border-style:solid;border-width:5px 0px 0px 0px;border-color:var( --e-global-color-astglobalcolor1 );}.elementor-26144 .elementor-element.elementor-element-70f7276 .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-26144 .elementor-element.elementor-element-70f7276 .elementor-icon-box-title{margin-block-end:12px;}.elementor-26144 .elementor-element.elementor-element-70f7276.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-70f7276.elementor-view-framed .elementor-icon, .elementor-26144 .elementor-element.elementor-element-70f7276.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-70f7276 .elementor-icon{font-size:38px;}.elementor-26144 .elementor-element.elementor-element-70f7276 .elementor-icon-box-title, .elementor-26144 .elementor-element.elementor-element-70f7276 .elementor-icon-box-title a{font-size:22px;}.elementor-26144 .elementor-element.elementor-element-70f7276 .elementor-icon-box-description{font-size:16px;line-height:1.3em;}.elementor-26144 .elementor-element.elementor-element-7daafb6 > .elementor-widget-container{background-color:#FFFFFF;padding:30px 30px 30px 30px;border-style:solid;border-width:0px 0px 0px 0px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 23px 0px rgba(0, 0, 0, 0.08);}.elementor-26144 .elementor-element.elementor-element-7daafb6:hover .elementor-widget-container{border-style:solid;border-width:5px 0px 0px 0px;border-color:var( --e-global-color-astglobalcolor1 );}.elementor-26144 .elementor-element.elementor-element-7daafb6 .elementor-icon-box-wrapper{text-align:start;gap:8px;}.elementor-26144 .elementor-element.elementor-element-7daafb6 .elementor-icon-box-title{margin-block-end:12px;}.elementor-26144 .elementor-element.elementor-element-7daafb6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-7daafb6.elementor-view-framed .elementor-icon, .elementor-26144 .elementor-element.elementor-element-7daafb6.elementor-view-default .elementor-icon{fill:var( --e-global-color-astglobalcolor2 );color:var( --e-global-color-astglobalcolor2 );border-color:var( --e-global-color-astglobalcolor2 );}.elementor-26144 .elementor-element.elementor-element-7daafb6 .elementor-icon{font-size:38px;}.elementor-26144 .elementor-element.elementor-element-7daafb6 .elementor-icon-box-title, .elementor-26144 .elementor-element.elementor-element-7daafb6 .elementor-icon-box-title a{font-size:22px;}.elementor-26144 .elementor-element.elementor-element-7daafb6 .elementor-icon-box-description{font-size:16px;line-height:1.3em;}.elementor-26144 .elementor-element.elementor-element-d987e10{--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:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:40px;--padding-right:40px;}.elementor-26144 .elementor-element.elementor-element-d987e10:not(.elementor-motion-effects-element-type-background), .elementor-26144 .elementor-element.elementor-element-d987e10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor7 );}.elementor-26144 .elementor-element.elementor-element-37d15fd > .elementor-widget-container{padding:0% 45% 0% 0%;}.elementor-26144 .elementor-element.elementor-element-37d15fd .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-26144 .elementor-element.elementor-element-8728516 .elementor-icon-box-wrapper{text-align:start;}.elementor-26144 .elementor-element.elementor-element-8728516 .elementor-icon-box-title{margin-block-end:0px;color:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-8728516 .elementor-icon-box-title, .elementor-26144 .elementor-element.elementor-element-8728516 .elementor-icon-box-title a{font-weight:500;text-transform:uppercase;letter-spacing:1px;}.elementor-26144 .elementor-element.elementor-element-a01e488{color:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-a01e488 a{color:#E9DBDB;}.elementor-26144 .elementor-element.elementor-element-65f43ff{--display:flex;}.elementor-26144 .elementor-element.elementor-element-aa984c6{width:auto;max-width:auto;}.elementor-26144 .elementor-element.elementor-element-aa984c6 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-26144 .elementor-element.elementor-element-aa984c6 .elementor-button:hover, .elementor-26144 .elementor-element.elementor-element-aa984c6 .elementor-button:focus{color:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-aa984c6 .elementor-button:hover svg, .elementor-26144 .elementor-element.elementor-element-aa984c6 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-83f0bf3{--display:flex;}.elementor-26144 .elementor-element.elementor-element-cd7627e{width:auto;max-width:auto;}.elementor-26144 .elementor-element.elementor-element-cd7627e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-26144 .elementor-element.elementor-element-cd7627e .elementor-button:hover, .elementor-26144 .elementor-element.elementor-element-cd7627e .elementor-button:focus{color:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-cd7627e .elementor-button:hover svg, .elementor-26144 .elementor-element.elementor-element-cd7627e .elementor-button:focus svg{fill:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-997d74a{--display:flex;}.elementor-26144 .elementor-element.elementor-element-e151336{width:auto;max-width:auto;}.elementor-26144 .elementor-element.elementor-element-e151336 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-26144 .elementor-element.elementor-element-e151336 .elementor-button:hover, .elementor-26144 .elementor-element.elementor-element-e151336 .elementor-button:focus{color:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-e151336 .elementor-button:hover svg, .elementor-26144 .elementor-element.elementor-element-e151336 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-8c4802d{--display:flex;}.elementor-26144 .elementor-element.elementor-element-9dc1c9b{width:auto;max-width:auto;}.elementor-26144 .elementor-element.elementor-element-9dc1c9b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-26144 .elementor-element.elementor-element-9dc1c9b .elementor-button:hover, .elementor-26144 .elementor-element.elementor-element-9dc1c9b .elementor-button:focus{color:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-9dc1c9b .elementor-button:hover svg, .elementor-26144 .elementor-element.elementor-element-9dc1c9b .elementor-button:focus svg{fill:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-8493334{--display:flex;}.elementor-26144 .elementor-element.elementor-element-745459c{width:auto;max-width:auto;}.elementor-26144 .elementor-element.elementor-element-745459c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-26144 .elementor-element.elementor-element-745459c .elementor-button:hover, .elementor-26144 .elementor-element.elementor-element-745459c .elementor-button:focus{color:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-745459c .elementor-button:hover svg, .elementor-26144 .elementor-element.elementor-element-745459c .elementor-button:focus svg{fill:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-8826f4d{--display:flex;}.elementor-26144 .elementor-element.elementor-element-26d20fc{width:auto;max-width:auto;}.elementor-26144 .elementor-element.elementor-element-26d20fc .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-26144 .elementor-element.elementor-element-26d20fc .elementor-button:hover, .elementor-26144 .elementor-element.elementor-element-26d20fc .elementor-button:focus{color:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-26d20fc .elementor-button:hover svg, .elementor-26144 .elementor-element.elementor-element-26d20fc .elementor-button:focus svg{fill:#FFFFFF;}.elementor-26144 .elementor-element.elementor-element-120a804{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:4px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-26144 .elementor-element.elementor-element-120a804 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-26144 .elementor-element.elementor-element-120a804 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{border-style:none;}:where( .elementor-26144 .elementor-element.elementor-element-120a804 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item ) > .e-con{border-style:none;}.elementor-26144 .elementor-element.elementor-element-c35b80a{--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;--align-items:flex-end;--overlay-opacity:0.63;--padding-top:120px;--padding-bottom:120px;--padding-left:40px;--padding-right:40px;}.elementor-26144 .elementor-element.elementor-element-c35b80a:not(.elementor-motion-effects-element-type-background), .elementor-26144 .elementor-element.elementor-element-c35b80a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://refinanciardeuda.com/wp-content/uploads/2026/05/b1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-26144 .elementor-element.elementor-element-c35b80a::before, .elementor-26144 .elementor-element.elementor-element-c35b80a > .elementor-background-video-container::before, .elementor-26144 .elementor-element.elementor-element-c35b80a > .e-con-inner > .elementor-background-video-container::before, .elementor-26144 .elementor-element.elementor-element-c35b80a > .elementor-background-slideshow::before, .elementor-26144 .elementor-element.elementor-element-c35b80a > .e-con-inner > .elementor-background-slideshow::before, .elementor-26144 .elementor-element.elementor-element-c35b80a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(251deg, var( --e-global-color-astglobalcolor2 ) 47%, #1830303B 62%);}.elementor-26144 .elementor-element.elementor-element-55fdfbc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-26144 .elementor-element.elementor-element-6bf49eb .elementor-heading-title{color:var( --e-global-color-astglobalcolor5 );}.elementor-26144 .elementor-element.elementor-element-0990df0{color:var( --e-global-color-astglobalcolor5 );}.elementor-26144 .elementor-element.elementor-element-bb49e17 > .elementor-widget-container{background-color:#FFFFFFC7;margin:0px 0px 0px 0px;padding:15px 10px 0px 10px;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 51px 0px rgba(0, 0, 0, 0.26);}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form label{color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form label span{color:#777777;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form select{width:100%;height:50px;color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form textarea{width:100%;height:176px;margin-bottom:20px;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form .ekit-form-input, .elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form select, .elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form input{margin-bottom:20px;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .wpcf7-form textarea{color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-wid-con .ekit-form form textarea{color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::-moz-placeholder{font-size:14px;color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):-moz-placeholder{font-size:14px;color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form textarea::-webkit-input-placeholder{font-size:14px;color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form textarea::-moz-placeholder{font-size:14px;color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form textarea:-ms-input-placeholder{font-size:14px;color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form textarea:-moz-placeholder{font-size:14px;color:#000000;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form > p{text-align:left;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form input[type="submit"]{color:#ffffff;}.elementor-26144 .elementor-element.elementor-element-bb49e17 .ekit-form form input[type="submit"]:hover{color:#ffffff;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-26144 .elementor-element.elementor-element-83b530e{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-26144 .elementor-element.elementor-element-09a8415{--content-width:1200px;}.elementor-26144 .elementor-element.elementor-element-fb61968{--content-width:1200px;}.elementor-26144 .elementor-element.elementor-element-c25fdeb{--width:50%;}.elementor-26144 .elementor-element.elementor-element-54d1065{--width:50%;}.elementor-26144 .elementor-element.elementor-element-ac43a94{--content-width:1200px;}.elementor-26144 .elementor-element.elementor-element-d987e10{--content-width:1200px;}.elementor-26144 .elementor-element.elementor-element-c35b80a{--content-width:1200px;}.elementor-26144 .elementor-element.elementor-element-55fdfbc{--width:50%;}}@media(max-width:1024px){.elementor-26144 .elementor-element.elementor-element-09a8415{--padding-top:100px;--padding-bottom:100px;--padding-left:32px;--padding-right:32px;}.elementor-26144 .elementor-element.elementor-element-2904946 > .elementor-widget-container{padding:0% 20% 0% 0%;}.elementor-26144 .elementor-element.elementor-element-fb61968{--gap:60px 0px;--row-gap:60px;--column-gap:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:32px;--padding-right:32px;}.elementor-26144 .elementor-element.elementor-element-793269b{--gap:0px 32px;--row-gap:0px;--column-gap:32px;}.elementor-26144 .elementor-element.elementor-element-ac43a94{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-26144 .elementor-element.elementor-element-75e391a > .elementor-widget-container{padding:0% 10% 0% 10%;}.elementor-26144 .elementor-element.elementor-element-83b530e{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-26144 .elementor-element.elementor-element-d987e10{--padding-top:50px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}.elementor-26144 .elementor-element.elementor-element-37d15fd > .elementor-widget-container{padding:0% 30% 0% 0%;}.elementor-26144 .elementor-element.elementor-element-c35b80a{--padding-top:80px;--padding-bottom:80px;--padding-left:32px;--padding-right:32px;}}@media(max-width:767px){.elementor-26144 .elementor-element.elementor-element-09a8415{--min-height:0vh;--gap:12px 0px;--row-gap:12px;--column-gap:0px;--padding-top:120px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-26144 .elementor-element.elementor-element-2904946 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-26144 .elementor-element.elementor-element-fb61968{--gap:45px 0px;--row-gap:45px;--column-gap:0px;--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-26144 .elementor-element.elementor-element-793269b{--gap:15px 0px;--row-gap:15px;--column-gap:0px;}.elementor-26144 .elementor-element.elementor-element-ac43a94{--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-26144 .elementor-element.elementor-element-75e391a > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-26144 .elementor-element.elementor-element-83b530e{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-26144 .elementor-element.elementor-element-d987e10{--padding-top:50px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-26144 .elementor-element.elementor-element-37d15fd > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-26144 .elementor-element.elementor-element-c35b80a{--padding-top:64px;--padding-bottom:64px;--padding-left:24px;--padding-right:24px;}.elementor-26144 .elementor-element.elementor-element-55fdfbc{--gap:15px 0px;--row-gap:15px;--column-gap:0px;}}/* Start custom CSS for container, class: .elementor-element-54d1065 *//* ==================================================================== SIMULADOR DE REFINANCIACIÓN - VERSIÓN VISUAL PREMIUM (1 COLUMNA) ==================================================================== */ /* 1. CONTENEDOR MAESTRO: Efecto Tarjeta Flotante */ .cw-simulador-premium.e-con { display: flex !important; flex-direction: column !important; margin: 0 auto !important; box-shadow: 0 20px 50px -10px rgba(0, 86, 204, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.03) !important; /* Doble sombra para mayor profundidad */ gap: 35px !important; position: relative; overflow: hidden; } /* Franja decorativa superior (Opcional, le da un toque muy corporativo) */ .cw-simulador-premium.e-con::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%); } /* 2. ENCABEZADO: Icono enmarcado y Textos */ .cw-simulador-premium .elementor-widget-icon-box { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #f1f5f9; } /* Círculo moderno para el icono */ .cw-simulador-premium .elementor-icon-box-icon { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: linear-gradient(135deg, #f0f7ff 0%, #e0efff 100%); border-radius: 50%; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0, 86, 204, 0.1); } .cw-simulador-premium .elementor-icon-box-icon i { color: #0056cc !important; font-size: 38px !important; } .cw-simulador-premium .elementor-icon-box-description { font-size: 16px; color: #64748b; line-height: 1.6; margin-top: 12px; } /* 3. FORMULARIO: Ajustes Generales */ .cw-simulador-premium .fluentform_wrapper_3 { width: 100%; } /* Barra de Progreso Vibrante */ .cw-simulador-premium .ff-el-progress { height: 10px !important; background-color: #f1f5f9 !important; border-radius: 20px !important; margin-bottom: 30px !important; } .cw-simulador-premium .ff-el-progress-bar { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; height: 100% !important; border-radius: 20px !important; position: relative; } /* Brillo en la barra de progreso */ .cw-simulador-premium .ff-el-progress-bar::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: loadingGlow 2s infinite; } @keyframes loadingGlow { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .cw-simulador-premium .ff-el-progress-status { font-weight: 700; color: #0056cc; font-size: 14px; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } /* Inputs con efecto flotante */ .cw-simulador-premium .ff-el-form-control { border: 2px solid #e2e8f0 !important; border-radius: 12px !important; padding: 14px 18px !important; font-size: 16px !important; font-weight: 500 !important; color: #1e293b !important; background-color: #f8fafc !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .cw-simulador-premium .ff-el-form-control:focus { border-color: #0056cc !important; background-color: #ffffff !important; box-shadow: 0 10px 20px -5px rgba(0, 86, 204, 0.15) !important; transform: translateY(-2px); outline: none !important; } .cw-simulador-premium .ff-el-input--label label { font-weight: 700 !important; color: #0f172a !important; margin-bottom: 10px !important; font-size: 15px !important; } /* Slider UI muy visual */ .cw-simulador-premium .rangeslider--horizontal { height: 10px !important; background: #e2e8f0 !important; border-radius: 10px !important; margin-top: 20px; } .cw-simulador-premium .rangeslider__fill { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; } .cw-simulador-premium .rangeslider__handle { width: 32px !important; height: 32px !important; border: 4px solid #ffffff !important; background: #0056cc !important; box-shadow: 0 4px 12px rgba(0, 86, 204, 0.4) !important; top: -11px !important; transition: transform 0.1s ease; } .cw-simulador-premium .rangeslider__handle:active { transform: scale(1.1); } .cw-simulador-premium .ff_range_value { font-size: 32px !important; font-weight: 900 !important; color: #0056cc !important; text-align: center; margin-top: 20px; letter-spacing: -1px; } /* Botones con Gradientes y Sombras */ .cw-simulador-premium .step-nav { display: flex; justify-content: space-between; margin-top: 40px !important; gap: 15px; } .cw-simulador-premium .step-nav button { height: 50px !important; padding: 0 28px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 12px !important; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; } .cw-simulador-premium .ff-btn-next, .cw-simulador-premium .ff-btn-submit { background: linear-gradient(135deg, #0056cc 0%, #0043a3 100%) !important; color: #ffffff !important; border: none !important; flex-grow: 1; max-width: 220px; margin-left: auto; box-shadow: 0 8px 20px rgba(0, 86, 204, 0.25) !important; } .cw-simulador-premium .ff-btn-next:hover, .cw-simulador-premium .ff-btn-submit:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 86, 204, 0.35) !important; } .cw-simulador-premium .ff-btn-prev { background-color: #ffffff !important; color: #64748b !important; border: 2px solid #e2e8f0 !important; flex-grow: 1; max-width: 150px; } .cw-simulador-premium .ff-btn-prev:hover { background-color: #f8fafc !important; border-color: #cbd5e1 !important; color: #0f172a !important; } /* RESPONSIVE MÓVIL */ @media (max-width: 768px) { .cw-simulador-premium.e-con { padding: 30px 20px !important; border-radius: 16px !important; } .cw-simulador-premium .step-nav button { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-819b0f4 *//* 1. CONTENEDOR MAESTRO: Efecto Tarjeta Flotante */ .cw-simulador-premium.e-con { display: flex !important; flex-direction: column !important; margin: 0 auto !important; background: #ffffff !important; border-radius: 24px !important; box-shadow: 0 20px 50px -10px rgba(0, 86, 204, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.03) !important; /* Doble sombra para mayor profundidad */ gap: 35px !important; position: relative; overflow: hidden; } /* Franja decorativa superior (Opcional, le da un toque muy corporativo) */ .cw-simulador-premium.e-con::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%); } /* 2. ENCABEZADO: Icono enmarcado y Textos */ .cw-simulador-premium .elementor-widget-icon-box { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #f1f5f9; } /* Círculo moderno para el icono */ .cw-simulador-premium .elementor-icon-box-icon { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: linear-gradient(135deg, #f0f7ff 0%, #e0efff 100%); border-radius: 50%; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0, 86, 204, 0.1); } .cw-simulador-premium .elementor-icon-box-icon i { color: #0056cc !important; font-size: 38px !important; } .cw-simulador-premium .elementor-icon-box-description { font-size: 16px; color: #64748b; line-height: 1.6; margin-top: 12px; } /* 3. FORMULARIO: Ajustes Generales */ .cw-simulador-premium .fluentform_wrapper_3 { width: 100%; } /* Barra de Progreso Vibrante */ .cw-simulador-premium .ff-el-progress { height: 10px !important; background-color: #f1f5f9 !important; border-radius: 20px !important; margin-bottom: 30px !important; } .cw-simulador-premium .ff-el-progress-bar { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; height: 100% !important; border-radius: 20px !important; position: relative; } /* Brillo en la barra de progreso */ .cw-simulador-premium .ff-el-progress-bar::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: loadingGlow 2s infinite; } @keyframes loadingGlow { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .cw-simulador-premium .ff-el-progress-status { font-weight: 700; color: #0056cc; font-size: 14px; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } /* Inputs con efecto flotante */ .cw-simulador-premium .ff-el-form-control { border: 2px solid #e2e8f0 !important; border-radius: 12px !important; padding: 14px 18px !important; font-size: 16px !important; font-weight: 500 !important; color: #1e293b !important; background-color: #f8fafc !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .cw-simulador-premium .ff-el-form-control:focus { border-color: #0056cc !important; background-color: #ffffff !important; box-shadow: 0 10px 20px -5px rgba(0, 86, 204, 0.15) !important; transform: translateY(-2px); outline: none !important; } .cw-simulador-premium .ff-el-input--label label { font-weight: 700 !important; color: #0f172a !important; margin-bottom: 10px !important; font-size: 15px !important; } /* Slider UI muy visual */ .cw-simulador-premium .rangeslider--horizontal { height: 10px !important; background: #e2e8f0 !important; border-radius: 10px !important; margin-top: 20px; } .cw-simulador-premium .rangeslider__fill { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; } .cw-simulador-premium .rangeslider__handle { width: 32px !important; height: 32px !important; border: 4px solid #ffffff !important; background: #0056cc !important; box-shadow: 0 4px 12px rgba(0, 86, 204, 0.4) !important; top: -11px !important; transition: transform 0.1s ease; } .cw-simulador-premium .rangeslider__handle:active { transform: scale(1.1); } .cw-simulador-premium .ff_range_value { font-size: 32px !important; font-weight: 900 !important; color: #0056cc !important; text-align: center; margin-top: 20px; letter-spacing: -1px; } /* Botones con Gradientes y Sombras */ .cw-simulador-premium .step-nav { display: flex; justify-content: space-between; margin-top: 40px !important; gap: 15px; } .cw-simulador-premium .step-nav button { height: 50px !important; padding: 0 28px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 12px !important; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; } .cw-simulador-premium .ff-btn-next, .cw-simulador-premium .ff-btn-submit { background: linear-gradient(135deg, #0056cc 0%, #0043a3 100%) !important; color: #ffffff !important; border: none !important; flex-grow: 1; max-width: 220px; margin-left: auto; box-shadow: 0 8px 20px rgba(0, 86, 204, 0.25) !important; } .cw-simulador-premium .ff-btn-next:hover, .cw-simulador-premium .ff-btn-submit:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 86, 204, 0.35) !important; } .cw-simulador-premium .ff-btn-prev { background-color: #ffffff !important; color: #64748b !important; border: 2px solid #e2e8f0 !important; flex-grow: 1; max-width: 150px; } .cw-simulador-premium .ff-btn-prev:hover { background-color: #f8fafc !important; border-color: #cbd5e1 !important; color: #0f172a !important; } /* RESPONSIVE MÓVIL */ @media (max-width: 768px) { .cw-simulador-premium.e-con { padding: 30px 20px !important; border-radius: 16px !important; } .cw-simulador-premium .step-nav button { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f4c4379 *//* 1. CONTENEDOR MAESTRO: Efecto Tarjeta Flotante */ .cw-simulador-premium.e-con { display: flex !important; flex-direction: column !important; margin: 0 auto !important; background: #ffffff !important; border-radius: 24px !important; box-shadow: 0 20px 50px -10px rgba(0, 86, 204, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.03) !important; /* Doble sombra para mayor profundidad */ gap: 35px !important; position: relative; overflow: hidden; } /* Franja decorativa superior (Opcional, le da un toque muy corporativo) */ .cw-simulador-premium.e-con::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%); } /* 2. ENCABEZADO: Icono enmarcado y Textos */ .cw-simulador-premium .elementor-widget-icon-box { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #f1f5f9; } /* Círculo moderno para el icono */ .cw-simulador-premium .elementor-icon-box-icon { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: linear-gradient(135deg, #f0f7ff 0%, #e0efff 100%); border-radius: 50%; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0, 86, 204, 0.1); } .cw-simulador-premium .elementor-icon-box-icon i { color: #0056cc !important; font-size: 38px !important; } .cw-simulador-premium .elementor-icon-box-description { font-size: 16px; color: #64748b; line-height: 1.6; margin-top: 12px; } /* 3. FORMULARIO: Ajustes Generales */ .cw-simulador-premium .fluentform_wrapper_3 { width: 100%; } /* Barra de Progreso Vibrante */ .cw-simulador-premium .ff-el-progress { height: 10px !important; background-color: #f1f5f9 !important; border-radius: 20px !important; margin-bottom: 30px !important; } .cw-simulador-premium .ff-el-progress-bar { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; height: 100% !important; border-radius: 20px !important; position: relative; } /* Brillo en la barra de progreso */ .cw-simulador-premium .ff-el-progress-bar::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: loadingGlow 2s infinite; } @keyframes loadingGlow { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .cw-simulador-premium .ff-el-progress-status { font-weight: 700; color: #0056cc; font-size: 14px; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } /* Inputs con efecto flotante */ .cw-simulador-premium .ff-el-form-control { border: 2px solid #e2e8f0 !important; border-radius: 12px !important; padding: 14px 18px !important; font-size: 16px !important; font-weight: 500 !important; color: #1e293b !important; background-color: #f8fafc !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .cw-simulador-premium .ff-el-form-control:focus { border-color: #0056cc !important; background-color: #ffffff !important; box-shadow: 0 10px 20px -5px rgba(0, 86, 204, 0.15) !important; transform: translateY(-2px); outline: none !important; } .cw-simulador-premium .ff-el-input--label label { font-weight: 700 !important; color: #0f172a !important; margin-bottom: 10px !important; font-size: 15px !important; } /* Slider UI muy visual */ .cw-simulador-premium .rangeslider--horizontal { height: 10px !important; background: #e2e8f0 !important; border-radius: 10px !important; margin-top: 20px; } .cw-simulador-premium .rangeslider__fill { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; } .cw-simulador-premium .rangeslider__handle { width: 32px !important; height: 32px !important; border: 4px solid #ffffff !important; background: #0056cc !important; box-shadow: 0 4px 12px rgba(0, 86, 204, 0.4) !important; top: -11px !important; transition: transform 0.1s ease; } .cw-simulador-premium .rangeslider__handle:active { transform: scale(1.1); } .cw-simulador-premium .ff_range_value { font-size: 32px !important; font-weight: 900 !important; color: #0056cc !important; text-align: center; margin-top: 20px; letter-spacing: -1px; } /* Botones con Gradientes y Sombras */ .cw-simulador-premium .step-nav { display: flex; justify-content: space-between; margin-top: 40px !important; gap: 15px; } .cw-simulador-premium .step-nav button { height: 50px !important; padding: 0 28px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 12px !important; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; } .cw-simulador-premium .ff-btn-next, .cw-simulador-premium .ff-btn-submit { background: linear-gradient(135deg, #0056cc 0%, #0043a3 100%) !important; color: #ffffff !important; border: none !important; flex-grow: 1; max-width: 220px; margin-left: auto; box-shadow: 0 8px 20px rgba(0, 86, 204, 0.25) !important; } .cw-simulador-premium .ff-btn-next:hover, .cw-simulador-premium .ff-btn-submit:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 86, 204, 0.35) !important; } .cw-simulador-premium .ff-btn-prev { background-color: #ffffff !important; color: #64748b !important; border: 2px solid #e2e8f0 !important; flex-grow: 1; max-width: 150px; } .cw-simulador-premium .ff-btn-prev:hover { background-color: #f8fafc !important; border-color: #cbd5e1 !important; color: #0f172a !important; } /* RESPONSIVE MÓVIL */ @media (max-width: 768px) { .cw-simulador-premium.e-con { padding: 30px 20px !important; border-radius: 16px !important; } .cw-simulador-premium .step-nav button { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-9864822 *//* 1. CONTENEDOR MAESTRO: Efecto Tarjeta Flotante */ .cw-simulador-premium.e-con { display: flex !important; flex-direction: column !important; margin: 0 auto !important; background: #ffffff !important; border-radius: 24px !important; box-shadow: 0 20px 50px -10px rgba(0, 86, 204, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.03) !important; /* Doble sombra para mayor profundidad */ gap: 35px !important; position: relative; overflow: hidden; } /* Franja decorativa superior (Opcional, le da un toque muy corporativo) */ .cw-simulador-premium.e-con::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%); } /* 2. ENCABEZADO: Icono enmarcado y Textos */ .cw-simulador-premium .elementor-widget-icon-box { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #f1f5f9; } /* Círculo moderno para el icono */ .cw-simulador-premium .elementor-icon-box-icon { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: linear-gradient(135deg, #f0f7ff 0%, #e0efff 100%); border-radius: 50%; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0, 86, 204, 0.1); } .cw-simulador-premium .elementor-icon-box-icon i { color: #0056cc !important; font-size: 38px !important; } .cw-simulador-premium .elementor-icon-box-description { font-size: 16px; color: #64748b; line-height: 1.6; margin-top: 12px; } /* 3. FORMULARIO: Ajustes Generales */ .cw-simulador-premium .fluentform_wrapper_3 { width: 100%; } /* Barra de Progreso Vibrante */ .cw-simulador-premium .ff-el-progress { height: 10px !important; background-color: #f1f5f9 !important; border-radius: 20px !important; margin-bottom: 30px !important; } .cw-simulador-premium .ff-el-progress-bar { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; height: 100% !important; border-radius: 20px !important; position: relative; } /* Brillo en la barra de progreso */ .cw-simulador-premium .ff-el-progress-bar::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: loadingGlow 2s infinite; } @keyframes loadingGlow { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .cw-simulador-premium .ff-el-progress-status { font-weight: 700; color: #0056cc; font-size: 14px; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } /* Inputs con efecto flotante */ .cw-simulador-premium .ff-el-form-control { border: 2px solid #e2e8f0 !important; border-radius: 12px !important; padding: 14px 18px !important; font-size: 16px !important; font-weight: 500 !important; color: #1e293b !important; background-color: #f8fafc !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .cw-simulador-premium .ff-el-form-control:focus { border-color: #0056cc !important; background-color: #ffffff !important; box-shadow: 0 10px 20px -5px rgba(0, 86, 204, 0.15) !important; transform: translateY(-2px); outline: none !important; } .cw-simulador-premium .ff-el-input--label label { font-weight: 700 !important; color: #0f172a !important; margin-bottom: 10px !important; font-size: 15px !important; } /* Slider UI muy visual */ .cw-simulador-premium .rangeslider--horizontal { height: 10px !important; background: #e2e8f0 !important; border-radius: 10px !important; margin-top: 20px; } .cw-simulador-premium .rangeslider__fill { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; } .cw-simulador-premium .rangeslider__handle { width: 32px !important; height: 32px !important; border: 4px solid #ffffff !important; background: #0056cc !important; box-shadow: 0 4px 12px rgba(0, 86, 204, 0.4) !important; top: -11px !important; transition: transform 0.1s ease; } .cw-simulador-premium .rangeslider__handle:active { transform: scale(1.1); } .cw-simulador-premium .ff_range_value { font-size: 32px !important; font-weight: 900 !important; color: #0056cc !important; text-align: center; margin-top: 20px; letter-spacing: -1px; } /* Botones con Gradientes y Sombras */ .cw-simulador-premium .step-nav { display: flex; justify-content: space-between; margin-top: 40px !important; gap: 15px; } .cw-simulador-premium .step-nav button { height: 50px !important; padding: 0 28px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 12px !important; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; } .cw-simulador-premium .ff-btn-next, .cw-simulador-premium .ff-btn-submit { background: linear-gradient(135deg, #0056cc 0%, #0043a3 100%) !important; color: #ffffff !important; border: none !important; flex-grow: 1; max-width: 220px; margin-left: auto; box-shadow: 0 8px 20px rgba(0, 86, 204, 0.25) !important; } .cw-simulador-premium .ff-btn-next:hover, .cw-simulador-premium .ff-btn-submit:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 86, 204, 0.35) !important; } .cw-simulador-premium .ff-btn-prev { background-color: #ffffff !important; color: #64748b !important; border: 2px solid #e2e8f0 !important; flex-grow: 1; max-width: 150px; } .cw-simulador-premium .ff-btn-prev:hover { background-color: #f8fafc !important; border-color: #cbd5e1 !important; color: #0f172a !important; } /* RESPONSIVE MÓVIL */ @media (max-width: 768px) { .cw-simulador-premium.e-con { padding: 30px 20px !important; border-radius: 16px !important; } .cw-simulador-premium .step-nav button { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-f5499b3 *//* 1. CONTENEDOR MAESTRO: Efecto Tarjeta Flotante */ .cw-simulador-premium.e-con { display: flex !important; flex-direction: column !important; margin: 0 auto !important; background: #ffffff !important; border-radius: 24px !important; box-shadow: 0 20px 50px -10px rgba(0, 86, 204, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.03) !important; /* Doble sombra para mayor profundidad */ gap: 35px !important; position: relative; overflow: hidden; } /* Franja decorativa superior (Opcional, le da un toque muy corporativo) */ .cw-simulador-premium.e-con::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%); } /* 2. ENCABEZADO: Icono enmarcado y Textos */ .cw-simulador-premium .elementor-widget-icon-box { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #f1f5f9; } /* Círculo moderno para el icono */ .cw-simulador-premium .elementor-icon-box-icon { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: linear-gradient(135deg, #f0f7ff 0%, #e0efff 100%); border-radius: 50%; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0, 86, 204, 0.1); } .cw-simulador-premium .elementor-icon-box-icon i { color: #0056cc !important; font-size: 38px !important; } .cw-simulador-premium .elementor-icon-box-description { font-size: 16px; color: #64748b; line-height: 1.6; margin-top: 12px; } /* 3. FORMULARIO: Ajustes Generales */ .cw-simulador-premium .fluentform_wrapper_3 { width: 100%; } /* Barra de Progreso Vibrante */ .cw-simulador-premium .ff-el-progress { height: 10px !important; background-color: #f1f5f9 !important; border-radius: 20px !important; margin-bottom: 30px !important; } .cw-simulador-premium .ff-el-progress-bar { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; height: 100% !important; border-radius: 20px !important; position: relative; } /* Brillo en la barra de progreso */ .cw-simulador-premium .ff-el-progress-bar::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: loadingGlow 2s infinite; } @keyframes loadingGlow { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .cw-simulador-premium .ff-el-progress-status { font-weight: 700; color: #0056cc; font-size: 14px; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } /* Inputs con efecto flotante */ .cw-simulador-premium .ff-el-form-control { border: 2px solid #e2e8f0 !important; border-radius: 12px !important; padding: 14px 18px !important; font-size: 16px !important; font-weight: 500 !important; color: #1e293b !important; background-color: #f8fafc !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .cw-simulador-premium .ff-el-form-control:focus { border-color: #0056cc !important; background-color: #ffffff !important; box-shadow: 0 10px 20px -5px rgba(0, 86, 204, 0.15) !important; transform: translateY(-2px); outline: none !important; } .cw-simulador-premium .ff-el-input--label label { font-weight: 700 !important; color: #0f172a !important; margin-bottom: 10px !important; font-size: 15px !important; } /* Slider UI muy visual */ .cw-simulador-premium .rangeslider--horizontal { height: 10px !important; background: #e2e8f0 !important; border-radius: 10px !important; margin-top: 20px; } .cw-simulador-premium .rangeslider__fill { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; } .cw-simulador-premium .rangeslider__handle { width: 32px !important; height: 32px !important; border: 4px solid #ffffff !important; background: #0056cc !important; box-shadow: 0 4px 12px rgba(0, 86, 204, 0.4) !important; top: -11px !important; transition: transform 0.1s ease; } .cw-simulador-premium .rangeslider__handle:active { transform: scale(1.1); } .cw-simulador-premium .ff_range_value { font-size: 32px !important; font-weight: 900 !important; color: #0056cc !important; text-align: center; margin-top: 20px; letter-spacing: -1px; } /* Botones con Gradientes y Sombras */ .cw-simulador-premium .step-nav { display: flex; justify-content: space-between; margin-top: 40px !important; gap: 15px; } .cw-simulador-premium .step-nav button { height: 50px !important; padding: 0 28px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 12px !important; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; } .cw-simulador-premium .ff-btn-next, .cw-simulador-premium .ff-btn-submit { background: linear-gradient(135deg, #0056cc 0%, #0043a3 100%) !important; color: #ffffff !important; border: none !important; flex-grow: 1; max-width: 220px; margin-left: auto; box-shadow: 0 8px 20px rgba(0, 86, 204, 0.25) !important; } .cw-simulador-premium .ff-btn-next:hover, .cw-simulador-premium .ff-btn-submit:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 86, 204, 0.35) !important; } .cw-simulador-premium .ff-btn-prev { background-color: #ffffff !important; color: #64748b !important; border: 2px solid #e2e8f0 !important; flex-grow: 1; max-width: 150px; } .cw-simulador-premium .ff-btn-prev:hover { background-color: #f8fafc !important; border-color: #cbd5e1 !important; color: #0f172a !important; } /* RESPONSIVE MÓVIL */ @media (max-width: 768px) { .cw-simulador-premium.e-con { padding: 30px 20px !important; border-radius: 16px !important; } .cw-simulador-premium .step-nav button { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-70f7276 *//* 1. CONTENEDOR MAESTRO: Efecto Tarjeta Flotante */ .cw-simulador-premium.e-con { display: flex !important; flex-direction: column !important; margin: 0 auto !important; background: #ffffff !important; border-radius: 24px !important; box-shadow: 0 20px 50px -10px rgba(0, 86, 204, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.03) !important; /* Doble sombra para mayor profundidad */ gap: 35px !important; position: relative; overflow: hidden; } /* Franja decorativa superior (Opcional, le da un toque muy corporativo) */ .cw-simulador-premium.e-con::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%); } /* 2. ENCABEZADO: Icono enmarcado y Textos */ .cw-simulador-premium .elementor-widget-icon-box { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #f1f5f9; } /* Círculo moderno para el icono */ .cw-simulador-premium .elementor-icon-box-icon { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: linear-gradient(135deg, #f0f7ff 0%, #e0efff 100%); border-radius: 50%; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0, 86, 204, 0.1); } .cw-simulador-premium .elementor-icon-box-icon i { color: #0056cc !important; font-size: 38px !important; } .cw-simulador-premium .elementor-icon-box-description { font-size: 16px; color: #64748b; line-height: 1.6; margin-top: 12px; } /* 3. FORMULARIO: Ajustes Generales */ .cw-simulador-premium .fluentform_wrapper_3 { width: 100%; } /* Barra de Progreso Vibrante */ .cw-simulador-premium .ff-el-progress { height: 10px !important; background-color: #f1f5f9 !important; border-radius: 20px !important; margin-bottom: 30px !important; } .cw-simulador-premium .ff-el-progress-bar { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; height: 100% !important; border-radius: 20px !important; position: relative; } /* Brillo en la barra de progreso */ .cw-simulador-premium .ff-el-progress-bar::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: loadingGlow 2s infinite; } @keyframes loadingGlow { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .cw-simulador-premium .ff-el-progress-status { font-weight: 700; color: #0056cc; font-size: 14px; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } /* Inputs con efecto flotante */ .cw-simulador-premium .ff-el-form-control { border: 2px solid #e2e8f0 !important; border-radius: 12px !important; padding: 14px 18px !important; font-size: 16px !important; font-weight: 500 !important; color: #1e293b !important; background-color: #f8fafc !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .cw-simulador-premium .ff-el-form-control:focus { border-color: #0056cc !important; background-color: #ffffff !important; box-shadow: 0 10px 20px -5px rgba(0, 86, 204, 0.15) !important; transform: translateY(-2px); outline: none !important; } .cw-simulador-premium .ff-el-input--label label { font-weight: 700 !important; color: #0f172a !important; margin-bottom: 10px !important; font-size: 15px !important; } /* Slider UI muy visual */ .cw-simulador-premium .rangeslider--horizontal { height: 10px !important; background: #e2e8f0 !important; border-radius: 10px !important; margin-top: 20px; } .cw-simulador-premium .rangeslider__fill { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; } .cw-simulador-premium .rangeslider__handle { width: 32px !important; height: 32px !important; border: 4px solid #ffffff !important; background: #0056cc !important; box-shadow: 0 4px 12px rgba(0, 86, 204, 0.4) !important; top: -11px !important; transition: transform 0.1s ease; } .cw-simulador-premium .rangeslider__handle:active { transform: scale(1.1); } .cw-simulador-premium .ff_range_value { font-size: 32px !important; font-weight: 900 !important; color: #0056cc !important; text-align: center; margin-top: 20px; letter-spacing: -1px; } /* Botones con Gradientes y Sombras */ .cw-simulador-premium .step-nav { display: flex; justify-content: space-between; margin-top: 40px !important; gap: 15px; } .cw-simulador-premium .step-nav button { height: 50px !important; padding: 0 28px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 12px !important; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; } .cw-simulador-premium .ff-btn-next, .cw-simulador-premium .ff-btn-submit { background: linear-gradient(135deg, #0056cc 0%, #0043a3 100%) !important; color: #ffffff !important; border: none !important; flex-grow: 1; max-width: 220px; margin-left: auto; box-shadow: 0 8px 20px rgba(0, 86, 204, 0.25) !important; } .cw-simulador-premium .ff-btn-next:hover, .cw-simulador-premium .ff-btn-submit:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 86, 204, 0.35) !important; } .cw-simulador-premium .ff-btn-prev { background-color: #ffffff !important; color: #64748b !important; border: 2px solid #e2e8f0 !important; flex-grow: 1; max-width: 150px; } .cw-simulador-premium .ff-btn-prev:hover { background-color: #f8fafc !important; border-color: #cbd5e1 !important; color: #0f172a !important; } /* RESPONSIVE MÓVIL */ @media (max-width: 768px) { .cw-simulador-premium.e-con { padding: 30px 20px !important; border-radius: 16px !important; } .cw-simulador-premium .step-nav button { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for icon-box, class: .elementor-element-7daafb6 *//* 1. CONTENEDOR MAESTRO: Efecto Tarjeta Flotante */ .cw-simulador-premium.e-con { display: flex !important; flex-direction: column !important; margin: 0 auto !important; background: #ffffff !important; border-radius: 24px !important; box-shadow: 0 20px 50px -10px rgba(0, 86, 204, 0.08), 0 0 0 1px rgba(0, 0, 0, 0.03) !important; /* Doble sombra para mayor profundidad */ gap: 35px !important; position: relative; overflow: hidden; } /* Franja decorativa superior (Opcional, le da un toque muy corporativo) */ .cw-simulador-premium.e-con::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%); } /* 2. ENCABEZADO: Icono enmarcado y Textos */ .cw-simulador-premium .elementor-widget-icon-box { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #f1f5f9; } /* Círculo moderno para el icono */ .cw-simulador-premium .elementor-icon-box-icon { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: linear-gradient(135deg, #f0f7ff 0%, #e0efff 100%); border-radius: 50%; margin-bottom: 20px; box-shadow: 0 10px 20px rgba(0, 86, 204, 0.1); } .cw-simulador-premium .elementor-icon-box-icon i { color: #0056cc !important; font-size: 38px !important; } .cw-simulador-premium .elementor-icon-box-description { font-size: 16px; color: #64748b; line-height: 1.6; margin-top: 12px; } /* 3. FORMULARIO: Ajustes Generales */ .cw-simulador-premium .fluentform_wrapper_3 { width: 100%; } /* Barra de Progreso Vibrante */ .cw-simulador-premium .ff-el-progress { height: 10px !important; background-color: #f1f5f9 !important; border-radius: 20px !important; margin-bottom: 30px !important; } .cw-simulador-premium .ff-el-progress-bar { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; height: 100% !important; border-radius: 20px !important; position: relative; } /* Brillo en la barra de progreso */ .cw-simulador-premium .ff-el-progress-bar::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent); animation: loadingGlow 2s infinite; } @keyframes loadingGlow { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } .cw-simulador-premium .ff-el-progress-status { font-weight: 700; color: #0056cc; font-size: 14px; margin-bottom: 10px; text-align: center; text-transform: uppercase; letter-spacing: 1px; } /* Inputs con efecto flotante */ .cw-simulador-premium .ff-el-form-control { border: 2px solid #e2e8f0 !important; border-radius: 12px !important; padding: 14px 18px !important; font-size: 16px !important; font-weight: 500 !important; color: #1e293b !important; background-color: #f8fafc !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); } .cw-simulador-premium .ff-el-form-control:focus { border-color: #0056cc !important; background-color: #ffffff !important; box-shadow: 0 10px 20px -5px rgba(0, 86, 204, 0.15) !important; transform: translateY(-2px); outline: none !important; } .cw-simulador-premium .ff-el-input--label label { font-weight: 700 !important; color: #0f172a !important; margin-bottom: 10px !important; font-size: 15px !important; } /* Slider UI muy visual */ .cw-simulador-premium .rangeslider--horizontal { height: 10px !important; background: #e2e8f0 !important; border-radius: 10px !important; margin-top: 20px; } .cw-simulador-premium .rangeslider__fill { background: linear-gradient(90deg, #0056cc 0%, #00d2ff 100%) !important; } .cw-simulador-premium .rangeslider__handle { width: 32px !important; height: 32px !important; border: 4px solid #ffffff !important; background: #0056cc !important; box-shadow: 0 4px 12px rgba(0, 86, 204, 0.4) !important; top: -11px !important; transition: transform 0.1s ease; } .cw-simulador-premium .rangeslider__handle:active { transform: scale(1.1); } .cw-simulador-premium .ff_range_value { font-size: 32px !important; font-weight: 900 !important; color: #0056cc !important; text-align: center; margin-top: 20px; letter-spacing: -1px; } /* Botones con Gradientes y Sombras */ .cw-simulador-premium .step-nav { display: flex; justify-content: space-between; margin-top: 40px !important; gap: 15px; } .cw-simulador-premium .step-nav button { height: 50px !important; padding: 0 28px !important; font-size: 16px !important; font-weight: 700 !important; border-radius: 12px !important; transition: all 0.3s ease; cursor: pointer; display: flex; align-items: center; justify-content: center; } .cw-simulador-premium .ff-btn-next, .cw-simulador-premium .ff-btn-submit { background: linear-gradient(135deg, #0056cc 0%, #0043a3 100%) !important; color: #ffffff !important; border: none !important; flex-grow: 1; max-width: 220px; margin-left: auto; box-shadow: 0 8px 20px rgba(0, 86, 204, 0.25) !important; } .cw-simulador-premium .ff-btn-next:hover, .cw-simulador-premium .ff-btn-submit:hover { transform: translateY(-3px); box-shadow: 0 12px 25px rgba(0, 86, 204, 0.35) !important; } .cw-simulador-premium .ff-btn-prev { background-color: #ffffff !important; color: #64748b !important; border: 2px solid #e2e8f0 !important; flex-grow: 1; max-width: 150px; } .cw-simulador-premium .ff-btn-prev:hover { background-color: #f8fafc !important; border-color: #cbd5e1 !important; color: #0f172a !important; } /* RESPONSIVE MÓVIL */ @media (max-width: 768px) { .cw-simulador-premium.e-con { padding: 30px 20px !important; border-radius: 16px !important; } .cw-simulador-premium .step-nav button { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for elementskit-contact-form7, class: .elementor-element-bb49e17 *//* Reset de margen del formulario nativo de WordPress */ .cw-contacto-mini form { margin-bottom: 0 !important; } /* 2. ESTRUCTURA EN COLUMNAS (GRID) */ .cw-contacto-mini .cw-grid-campos { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 5px; } /* Reset de márgenes en los contenedores de CF7 */ .cw-contacto-mini p { margin: 0 !important; } /* 3. CAMPOS DE ENTRADA (INPUTS) */ .cw-contacto-mini input[type="text"], .cw-contacto-mini input[type="email"] { width: 100%; border: 2px solid #e2e8f0; border-radius: 10px !important; padding: 10px 16px; font-size: 15px; color: #1e293b; background-color: #f8fafc; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); margin: 0; } .cw-contacto-mini input[type="text"]:focus, .cw-contacto-mini input[type="email"]:focus { border-color: #0056cc; background-color: #ffffff; box-shadow: 0 10px 20px -5px rgba(0, 86, 204, 0.15); outline: none; transform: translateY(-2px); } /* 4. RGPD BÁSICA Y COMPACTA (ALINEACIÓN PERFECTA) */ .cw-contacto-mini .cw-rgpd-basico { font-size: 12px; color: #64748b; margin-bottom: 15px; margin-top: 5px; } .cw-contacto-mini .cw-rgpd-basico a { color: #0056cc; text-decoration: underline; text-underline-offset: 2px; } .cw-contacto-mini .cw-rgpd-basico label { display: flex !important; align-items: center !important; gap: 8px; margin: 0 !important; cursor: pointer; } .cw-contacto-mini .cw-rgpd-basico .wpcf7-list-item { margin: 0; display: block; } .cw-contacto-mini input[type="checkbox"] { width: 14px; height: 14px; margin: 0 !important; flex-shrink: 0; cursor: pointer; accent-color: #0056cc; } /* 5. BOTÓN DE ENVÍO PREMIUM */ .cw-contacto-mini .cw-btn-submit { width: 100%; background: linear-gradient(135deg, #0056cc 0%, #0043a3 100%); color: #ffffff; border: none; height: 48px; border-radius: 10px !important; font-size: 16px; font-weight: 700; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 8px 20px rgba(0, 86, 204, 0.25); } .cw-contacto-mini .cw-btn-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 25px rgba(0, 86, 204, 0.35); } /* ==================================================================== 6. ALERTAS Y MENSAJES CF7 (DISEÑO VISUAL ANIMADO) ==================================================================== */ /* Ocultar el spinner de carga por defecto */ .cw-contacto-mini .wpcf7-spinner { display: none !important; } /* Tooltips de error debajo de cada campo (Validación individual) */ .cw-contacto-mini .wpcf7-not-valid-tip { font-size: 13px; color: #e11d48; margin-top: 6px; font-weight: 600; display: flex; align-items: center; gap: 5px; animation: fadeInDown 0.3s ease-out; } .cw-contacto-mini .wpcf7-not-valid-tip::before { content: "•"; font-size: 18px; line-height: 1; } /* Estado Base de la Caja de Mensaje Final (Totalmente Oculta) */ .cw-contacto-mini div.wpcf7-response-output { border-radius: 12px; font-size: 14.5px; font-weight: 500; line-height: 1.5; margin: 0 !important; padding: 0 !important; border: none !important; display: flex; align-items: center; opacity: 0; max-height: 0; overflow: hidden; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); } /* Despliegue de la caja de mensaje final */ .cw-contacto-mini form.sent div.wpcf7-response-output, .cw-contacto-mini form.invalid div.wpcf7-response-output, .cw-contacto-mini form.failed div.wpcf7-response-output, .cw-contacto-mini form.unaccepted div.wpcf7-response-output { margin-top: 20px !important; padding: 18px 24px !important; opacity: 1; max-height: 200px; box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.06); animation: slideUpFade 0.5s ease forwards; } /* --- MENSAJE DE ÉXITO (Diseño Verde Corporativo) --- */ .cw-contacto-mini div.wpcf7-mail-sent-ok { background: linear-gradient(to right, #f0fdf4, #ffffff) !important; color: #065f46 !important; border: 1px solid #bbf7d0 !important; border-left: 6px solid #10b981 !important; } /* Icono "Check" circular CSS */ .cw-contacto-mini div.wpcf7-mail-sent-ok::before { content: "✓"; display: flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; background-color: #10b981; color: #ffffff; border-radius: 50%; font-size: 18px; font-weight: 900; margin-right: 15px; box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3); } /* --- MENSAJE DE ERROR (Diseño Alerta Roja) --- */ .cw-contacto-mini div.wpcf7-validation-errors, .cw-contacto-mini div.wpcf7-acceptance-missing, .cw-contacto-mini div.wpcf7-mail-sent-ng { background: linear-gradient(to right, #fef2f2, #ffffff) !important; color: #991b1b !important; border: 1px solid #fecaca !important; border-left: 6px solid #ef4444 !important; } /* Icono "Exclamación" circular CSS */ .cw-contacto-mini div.wpcf7-validation-errors::before, .cw-contacto-mini div.wpcf7-acceptance-missing::before, .cw-contacto-mini div.wpcf7-mail-sent-ng::before { content: "!"; display: flex; align-items: center; justify-content: center; min-width: 32px; height: 32px; background-color: #ef4444; color: #ffffff; border-radius: 50%; font-size: 20px; font-weight: 900; margin-right: 15px; box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3); } /* 7. ANIMACIONES KEYFRAMES */ @keyframes fadeInDown { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideUpFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } /* 8. RESPONSIVE (MÓVILES) */ @media (max-width: 500px) { .cw-contacto-mini .cw-grid-campos { grid-template-columns: 1fr; /* Pasa a 1 columna */ gap: 12px; } .cw-contacto-mini div.wpcf7-response-output { font-size: 13.5px; padding: 15px !important; } .cw-contacto-mini div.wpcf7-mail-sent-ok::before, .cw-contacto-mini div.wpcf7-validation-errors::before, .cw-contacto-mini div.wpcf7-acceptance-missing::before, .cw-contacto-mini div.wpcf7-mail-sent-ng::before { min-width: 28px; height: 28px; font-size: 16px; margin-right: 12px; } }/* End custom CSS */