.elementor-1763 .elementor-element.elementor-element-53f778e5{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-1763 .elementor-element.elementor-element-53f778e5:not(.elementor-motion-effects-element-type-background), .elementor-1763 .elementor-element.elementor-element-53f778e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-1763 .elementor-element.elementor-element-3677a757{--display:flex;}.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-1763 .elementor-element.elementor-element-74811349{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;padding:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-secondary );font-family:"Parkinsans", Sans-serif;font-size:35px;font-weight:100;color:var( --e-global-color-secondary );}.elementor-1763 .elementor-element.elementor-element-28673866{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1763 .elementor-element.elementor-element-7a9441b3{--display:flex;}.elementor-1763 .elementor-element.elementor-element-19e9f45f{padding:0px 0px 0px 0px;border-style:none;font-family:"Parkinsans", Sans-serif;font-size:20px;font-weight:100;color:var( --e-global-color-secondary );}.elementor-1763 .elementor-element.elementor-element-701ccdc7{--display:flex;--min-height:266px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1763 .elementor-element.elementor-element-3690f682{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1763 .elementor-element.elementor-element-4c5bd63c{--display:flex;--min-height:600px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1763 .elementor-element.elementor-element-4c5bd63c:not(.elementor-motion-effects-element-type-background), .elementor-1763 .elementor-element.elementor-element-4c5bd63c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.umaraliving.com/wp-content/uploads/2025/11/Final-1.png");background-position:center center;background-size:cover;}.elementor-1763 .elementor-element.elementor-element-ee4cd1c{padding:0px 0px 0px 0px;font-family:"Parkinsans", Sans-serif;font-size:35px;font-weight:100;color:var( --e-global-color-secondary );}.elementor-1763 .elementor-element.elementor-element-68d3f855{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:25px;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-25px;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-labels-inline .elementor-field-group > label{padding-left:7px;}body:not(.rtl) .elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-labels-inline .elementor-field-group > label{padding-right:7px;}body .elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-labels-above .elementor-field-group > label{padding-bottom:7px;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-group > label{font-family:"Parkinsans", Sans-serif;font-size:14px;font-weight:100;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-type-html{padding-bottom:0px;font-family:"Harriet text", Sans-serif;font-size:1px;font-weight:400;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-group .elementor-field{color:var( --e-global-color-secondary );}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-group .elementor-field, .elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-subgroup label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:var( --e-global-color-79ed7fa );border-width:0px 0px 0px 0px;border-radius:21px 21px 21px 21px;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-field-group .elementor-select-wrapper select{background-color:var( --e-global-color-79ed7fa );border-width:0px 0px 0px 0px;border-radius:21px 21px 21px 21px;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-button{font-family:"Parkinsans", Sans-serif;font-weight:100;text-transform:uppercase;border-style:solid;border-width:1px 1px 1px 1px;border-radius:30px 30px 30px 30px;padding:5px 100px 5px 100px;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-secondary );}.elementor-1763 .elementor-element.elementor-element-5da575c9 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1763 .elementor-element.elementor-element-5da575c9 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1763 .elementor-element.elementor-element-5da575c9{--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;}body.elementor-page-1763:not(.elementor-motion-effects-element-type-background), body.elementor-page-1763 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}@media(max-width:1024px){.elementor-1763 .elementor-element.elementor-element-53f778e5{--padding-top:50px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-1763 .elementor-element.elementor-element-74811349{text-align:center;}.elementor-1763 .elementor-element.elementor-element-19e9f45f{text-align:center;}.elementor-1763 .elementor-element.elementor-element-701ccdc7{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1763 .elementor-element.elementor-element-3690f682{--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-1763 .elementor-element.elementor-element-4c5bd63c:not(.elementor-motion-effects-element-type-background), .elementor-1763 .elementor-element.elementor-element-4c5bd63c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:cover;}.elementor-1763 .elementor-element.elementor-element-ee4cd1c{text-align:center;}}@media(max-width:767px){.elementor-1763 .elementor-element.elementor-element-53f778e5{--padding-top:30px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1763 .elementor-element.elementor-element-74811349{font-size:26px;}.elementor-1763 .elementor-element.elementor-element-19e9f45f{font-size:16px;}.elementor-1763 .elementor-element.elementor-element-701ccdc7{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1763 .elementor-element.elementor-element-4c5bd63c{--min-height:330px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1763 .elementor-element.elementor-element-4c5bd63c:not(.elementor-motion-effects-element-type-background), .elementor-1763 .elementor-element.elementor-element-4c5bd63c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:cover;}.elementor-1763 .elementor-element.elementor-element-ee4cd1c{font-size:23px;}.elementor-1763 .elementor-element.elementor-element-68d3f855{--padding-top:50px;--padding-bottom:50px;--padding-left:020px;--padding-right:20px;}}@media(min-width:768px){.elementor-1763 .elementor-element.elementor-element-53f778e5{--content-width:1250px;}.elementor-1763 .elementor-element.elementor-element-7a9441b3{--width:50%;}.elementor-1763 .elementor-element.elementor-element-4c5bd63c{--width:50%;}.elementor-1763 .elementor-element.elementor-element-68d3f855{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1763 .elementor-element.elementor-element-7a9441b3{--width:100%;}.elementor-1763 .elementor-element.elementor-element-4c5bd63c{--width:100%;}.elementor-1763 .elementor-element.elementor-element-68d3f855{--width:100%;}}/* Start custom CSS for form, class: .elementor-element-5da575c9 */.elementor-field-label {
    text-align: center !important;
    width: 100%;
    display: block;
}/* End custom CSS */
/* Start custom CSS */<style>
/* ESTILOS CSS */

/* Contenedor relativo para que las imágenes se apilen */
.columna-imagenes {
    position: relative;
    min-height: 400px; /* Ajusta esto a la altura de tus imágenes */
}

/* Estilo base para todas las imágenes: Absolutas y transparentes */
.imagen-cambiante {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.4s ease-in-out; /* Transición suave */
    z-index: 1;
}

/* La imagen activa será visible */
.imagen-cambiante.activa {
    opacity: 1;
    z-index: 2;
}

/* (Opcional) Estilo para el botón activo */
.boton-trigger.activo .elementor-button {
    background-color: #000; /* Cambia esto al color que quieras */
    color: #fff;
}
</style>

<script>
jQuery(document).ready(function($) {
    
    // 1. Configuración Inicial
    // Mostramos la primera imagen al cargar la página
    $('.img-1').addClass('activa');
    $('.btn-1').addClass('activo');

    // 2. La función de Hover
    $('.boton-trigger').hover(function() {
        
        // A. Identificar qué número de botón es (1, 2 o 3)
        // Buscamos la clase que empieza por 'btn-'
        var clases = $(this).attr('class').split(' ');
        var targetClass = '';
        
        $.each(clases, function(index, item) {
            if (item.match(/^btn-d+$/)) { // Busca btn-1, btn-2, etc.
                targetClass = item.replace('btn-', 'img-');
            }
        });

        // B. Si encontramos la pareja...
        if (targetClass) {
            // Quitamos la clase activa de todas las imágenes y botones
            $('.imagen-cambiante').removeClass('activa');
            $('.boton-trigger').removeClass('activo');
            
            // Añadimos la clase activa a la imagen correspondiente y al botón actual
            $('.' + targetClass).addClass('activa');
            $(this).addClass('activo');
        }
    });
});
</script>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Parkinsans';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/Parkinsans-VariableFont_wght-2.ttf') format('truetype');
}
@font-face {
	font-family: 'Parkinsans';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/Parkinsans-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Harriet text';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/HARRIETTEXTLIGHT.woff2') format('woff2');
}
@font-face {
	font-family: 'Harriet text';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/HARRIETTEXTREGULAR.woff2') format('woff2');
}
@font-face {
	font-family: 'Harriet text';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/HARRIETTEXTMEDIUM.woff2') format('woff2');
}
@font-face {
	font-family: 'Harriet text';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/HARRIETTEXTBOLD.woff2') format('woff2');
}
@font-face {
	font-family: 'Harriet text';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/HARRIETTEXTLIGHTITALIC.woff2') format('woff2');
}
@font-face {
	font-family: 'Harriet text';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/HARRIETTEXTITALIC.woff2') format('woff2');
}
@font-face {
	font-family: 'Harriet text';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/HARRIETTEXTMEDIUMITALIC.woff2') format('woff2');
}
@font-face {
	font-family: 'Harriet text';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://www.umaraliving.com/wp-content/uploads/2025/11/HARRIETTEXTBOLDITALIC.woff2') format('woff2');
}
/* End Custom Fonts CSS */