.elementor-1703 .elementor-element.elementor-element-b9218c0{--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;--border-radius:20px 20px 20px 20px;}.elementor-1703 .elementor-element.elementor-element-68ee1a9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.06;}.elementor-1703 .elementor-element.elementor-element-68ee1a9::before, .elementor-1703 .elementor-element.elementor-element-68ee1a9 > .elementor-background-video-container::before, .elementor-1703 .elementor-element.elementor-element-68ee1a9 > .e-con-inner > .elementor-background-video-container::before, .elementor-1703 .elementor-element.elementor-element-68ee1a9 > .elementor-background-slideshow::before, .elementor-1703 .elementor-element.elementor-element-68ee1a9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1703 .elementor-element.elementor-element-68ee1a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://modara.com.co/wp-content/uploads/2026/08/email-modara-img2.jpg");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:65% auto;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1703 .elementor-element.elementor-element-b1659a9{text-align:center;}.elementor-1703 .elementor-element.elementor-element-b1659a9 .elementor-heading-title{color:var( --e-global-color-7297da8 );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1703 .elementor-element.elementor-element-986b586{text-align:center;color:var( --e-global-color-7297da8 );}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-row{column-gap:5px;--esf-gap:5px;row-gap:3px;}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-label{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-d2a77c8 );margin-bottom:1px;}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-req{color:#FF0000;}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-input{color:var( --e-global-color-d2a77c8 );background-color:#FFFFFF47;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d68a203 );border-radius:15px 15px 15px 15px;}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-input::placeholder{color:var( --e-global-color-d2a77c8 );}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-phone-number::placeholder{color:var( --e-global-color-d2a77c8 );}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-flag-code{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-7297da8 );}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-flag-current img{width:15px;}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-flag-options button{color:var( --e-global-color-d2a77c8 );}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-submit{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-d68a203 );background-color:var( --e-global-color-d2a77c8 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-d68a203 );border-radius:25px 25px 25px 25px;padding:5px 15px 5px 15px;}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-submit:hover{color:var( --e-global-color-d2a77c8 );background-color:var( --e-global-color-d68a203 );}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-success-msg{background-color:var( --e-global-color-d2a77c8 );color:var( --e-global-color-a8347dd );}.elementor-1703 .elementor-element.elementor-element-2d294e4 .esf-form .esf-error-msg{color:#FF0000;}#elementor-popup-modal-1703 .dialog-widget-content{background-color:#FFFFFF00;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-1703{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-1703 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-1703 .dialog-close-button{display:flex;}@media(min-width:768px){.elementor-1703 .elementor-element.elementor-element-b9218c0{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-b9218c0 *//* Aplicamos tu fondo premium con gradientes radiales */
.elementor-1703 .elementor-element.elementor-element-b9218c0 {
    background-color: oklch(0.14 0.06 275);
    background-image: 
        radial-gradient(ellipse 60% 40% at 20% 10%, oklch(0.42 0.22 268 / 0.35), transparent 60%),
        radial-gradient(ellipse 50% 40% at 90% 30%, oklch(0.48 0.22 305 / 0.28), transparent 60%),
        radial-gradient(ellipse 60% 40% at 50% 100%, oklch(0.78 0.14 195 / 0.18), transparent 60%);
    background-attachment: scroll; /* Cambiado a scroll para que el gradiente se quede fijo dentro de la tarjeta y no en toda la pantalla */
}

/* Estado inicial oculto de las credenciales */
.elementor-1703 .elementor-element.elementor-element-b9218c0 .area-desplegable-credenciales {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1), opacity 0.4s ease;
    margin-top: 0;
}

/* Estado abierto */
.elementor-1703 .elementor-element.elementor-element-b9218c0.is-open .area-desplegable-credenciales {
    max-height: 2000px; /* Ajusta si el contenido interior es muy largo */
    opacity: 1;
    margin-top: 30px;
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    transition: max-height 0.8s cubic-bezier(0.9, 0, 0.1, 1), opacity 0.6s ease;
}

/* Estilo del botón desplegable */
.elementor-1703 .elementor-element.elementor-element-b9218c0 .boton-toggle-credenciales a {
    background-color: transparent !important;
    border: 1px solid #00C4CC !important;
    border-radius: 30px !important;
    color: #00C4CC !important;
    transition: all 0.3s ease;
}

.elementor-1703 .elementor-element.elementor-element-b9218c0 .boton-toggle-credenciales a:hover {
    background-color: rgba(0, 196, 204, 0.1) !important;
}

/* Rotación del icono al abrir */
.elementor-1703 .elementor-element.elementor-element-b9218c0.is-open .boton-toggle-credenciales .elementor-button-icon {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.elementor-1703 .elementor-element.elementor-element-b9218c0 .boton-toggle-credenciales .elementor-button-icon {
    transition: transform 0.3s ease;
}/* End custom CSS */