.elementor-221 .elementor-element.elementor-element-2c8bb75{--display:flex;--min-height:73vh;--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:40px 40px;--row-gap:40px;--column-gap:40px;--overflow:hidden;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#D9B36E59;--border-color:#D9B36E59;--border-radius:20px 20px 20px 20px;--padding-top:60px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;--z-index:99;}.elementor-221 .elementor-element.elementor-element-2c8bb75:not(.elementor-motion-effects-element-type-background), .elementor-221 .elementor-element.elementor-element-2c8bb75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0000006B;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-221 .elementor-element.elementor-element-e0728ff{text-align:center;}.elementor-221 .elementor-element.elementor-element-e0728ff .elementor-heading-title{font-family:"El Messiri", Sans-serif;font-size:54px;font-weight:600;line-height:1.1em;color:var( --e-global-color-primary );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );}.elementor-221 .elementor-element.elementor-element-4df52b4.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-221 .elementor-element.elementor-element-4df52b4 .elementor-nav-menu .elementor-item{font-family:"El Messiri", Sans-serif;font-size:20px;font-weight:400;line-height:1.6em;}.elementor-221 .elementor-element.elementor-element-4df52b4 .elementor-nav-menu--main .elementor-item{color:#F5F5F7;fill:#F5F5F7;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-221 .elementor-element.elementor-element-4df52b4 .elementor-nav-menu--main .elementor-item:hover, .elementor-221 .elementor-element.elementor-element-4df52b4 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-221 .elementor-element.elementor-element-4df52b4 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-221 .elementor-element.elementor-element-4df52b4 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-1d9348a );fill:var( --e-global-color-1d9348a );}.elementor-221 .elementor-element.elementor-element-4df52b4{--e-nav-menu-horizontal-menu-item-margin:calc( 22px / 2 );}.elementor-221 .elementor-element.elementor-element-4df52b4 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:22px;}.elementor-221 .elementor-element.elementor-element-1770328{--grid-template-columns:repeat(0, auto);text-align:center;--icon-size:20px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-221 .elementor-element.elementor-element-1770328.elementor-element{--align-self:flex-end;}.elementor-221 .elementor-element.elementor-element-1770328 .elementor-social-icon{background-color:var( --e-global-color-0506bdf );}.elementor-221 .elementor-element.elementor-element-1770328 .elementor-social-icon i{color:var( --e-global-color-text );}.elementor-221 .elementor-element.elementor-element-1770328 .elementor-social-icon svg{fill:var( --e-global-color-text );}.elementor-221 .elementor-element.elementor-element-1770328 .elementor-icon{border-radius:20px 20px 20px 20px;}.elementor-221 .elementor-element.elementor-element-1770328 .elementor-social-icon:hover{background-color:var( --e-global-color-7a9f614 );}.elementor-221 .elementor-element.elementor-element-1770328 .elementor-social-icon:hover i{color:var( --e-global-color-text );}.elementor-221 .elementor-element.elementor-element-1770328 .elementor-social-icon:hover svg{fill:var( --e-global-color-text );}#elementor-popup-modal-221 .dialog-widget-content{animation-duration:1.2s;border-radius:20px 20px 20px 20px;}#elementor-popup-modal-221 .dialog-message{width:680px;height:auto;}#elementor-popup-modal-221{justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-221 .dialog-close-button{display:flex;top:20px;font-size:20px;}body:not(.rtl) #elementor-popup-modal-221 .dialog-close-button{right:20px;}body.rtl #elementor-popup-modal-221 .dialog-close-button{left:20px;}#elementor-popup-modal-221 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-221 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-221 .elementor-element.elementor-element-4df52b4{--e-nav-menu-horizontal-menu-item-margin:calc( 16px / 2 );}.elementor-221 .elementor-element.elementor-element-4df52b4 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:16px;}#elementor-popup-modal-221 .dialog-message{width:560px;padding:20px 20px 20px 20px;}}@media(max-width:767px){.elementor-221 .elementor-element.elementor-element-2c8bb75{--width:100%;--min-height:75vh;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-221 .elementor-element.elementor-element-e0728ff{padding:30px 0px 0px 0px;}.elementor-221 .elementor-element.elementor-element-e0728ff .elementor-heading-title{font-size:25px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );}.elementor-221 .elementor-element.elementor-element-4df52b4{--e-nav-menu-horizontal-menu-item-margin:calc( 10px / 2 );}.elementor-221 .elementor-element.elementor-element-4df52b4 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:10px;}#elementor-popup-modal-221 .dialog-message{width:92vw;}}/* Start custom CSS for container, class: .elementor-element-2c8bb75 *//* ========= POPUP (Elementor) – Overlay con blur ========= */ /* Overlay del modal: aplicamos el blur AQUÍ para ver la página difuminada */ .elementor-popup-modal .dialog-widget-overlay, .elementor-templates-modal .dialog-widget-overlay{ background: rgba(0,0,0,.20) !important; /* oscurece muy suave */ backdrop-filter: blur(26px); -webkit-backdrop-filter: blur(6px); } /* El wrapper de contenido del popup a veces corta las sombras → lo abrimos */ .elementor-popup-modal .dialog-widget-content{ overflow: visible !important; background: transparent !important; /* que no pinte nada por encima de tu panel */ box-shadow: none !important; } /* ========= Panel del popup (tu contenedor con clase menu-popup) ========= */ .menu-popup{ position: relative; border-radius: 20px; background: rgba(0,0,0,.42); /* piel del panel */ border: 1px solid rgba(217,179,110,.35); box-shadow: 0 20px 40px rgba(0,0,0,.45); /* sombra suave */ backdrop-filter: none; /* el blur ya está en el overlay */ -webkit-backdrop-filter: none; } /* Halo dorado sutil por fuera (necesita overflow visible en el modal) */ .menu-popup::after{ content:""; position:absolute; inset:-2px; border-radius: 22px; pointer-events:none; box-shadow: 0 0 22px 10px rgba(217,179,110,.28); } /* Tipografías coherentes */ .menu-popup h2{ color:#FAFAFA; } .menu-popup a{ color:#F5F5F7; position:relative; text-decoration:none; transition: color .25s ease; } .menu-popup a::after{ content:""; position:absolute; left:50; bottom:-2px; width:50%; height:2px; background: linear-gradient(90deg, rgba(217,179,110,.0), rgba(217,179,110,.7), rgba(217,179,110,.0)); transform: scaleX(0); transform-origin:center; transition: transform .28s ease; } .menu-popup a:hover, .menu-popup a:focus{ color:#EFD397; text-shadow:0 0 8px rgba(217,179,110,.45); } .menu-popup a:hover::after, .menu-popup a:focus::after{ transform: scaleX(1); } .menu-popup a:focus-visible{ outline:2px solid rgba(239,211,151,.85); outline-offset:2px; border-radius:6px; } /* Botón de cierre */ .elementor-popup-modal .dialog-close-button{ background: rgba(0,0,0,.35); border-radius: 999px; padding:8px; box-shadow: 0 2px 10px rgba(0,0,0,.35); } .elementor-popup-modal .dialog-close-button i, .elementor-popup-modal .dialog-close-button svg{ color:#EFD397; fill:#EFD397; } .elementor-popup-modal .dialog-close-button:hover{ background: rgba(217,179,110,.18); } /* Responsive */ @media (max-width: 767px){ .menu-popup{ border-radius:16px; padding:16px; } .menu-popup::after{ border-radius:18px; } } /* Reduce motion */ @media (prefers-reduced-motion: reduce){ .menu-popup *, .menu-popup *::after{ transition:none !important; animation:none !important; } }/* End custom CSS */ /* Start custom CSS *//* === Overlay: menos blur (estaba muy borroso) === */ #elementor-popup-modal-221{ background: rgba(0,0,0,.25) /*0,55*/ !important; -webkit-backdrop-filter: blur(5px) !important; /* antes 8px */ backdrop-filter: blur(5px) !important; } /* === Panel del popup: contenedor y capas === */ #elementor-popup-modal-221 .menu-popup{ position: relative; max-width: 720px; margin: 0 auto; padding: 28px 24px; border-radius: 20px; border: 1px solid rgba(217,179,110,.55); /* filo dorado estable */ background: transparent; /* el fondo va en ::before */ overflow: visible; /* que no recorte el halo */ z-index: 1; /* por delante del halo */ } /* Capa cristal (interior): oscuro+blur SIN amarillear */ #elementor-popup-modal-221 .menu-popup::before{ content: ""; position: absolute; inset: 0; border-radius: inherit; background: rgba(0,0,0,.45); /* mismo “glass” que tenías */ -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); z-index: -1; } /* Halo exterior respirando: fuera del panel */ #elementor-popup-modal-221 .menu-popup::after{ content: ""; position: absolute; inset: -1px; /*era -8*/ /* sale hacia fuera */ border-radius: calc(20px + 8px); background: transparent; /* NO pinta dentro */ box-shadow: 0 0 26px 10px rgba(217,179,110,.35); animation: rraPopupHalo 5.2s cubic-bezier(.35,0,.2,1) infinite; z-index: -2; } /* Evitar recortes en la jerarquía del modal */ #elementor-popup-modal-221, #elementor-popup-modal-221 .dialog-widget-content, #elementor-popup-modal-221 .dialog-message{ overflow: visible !important; } /* Pulso del halo (visible pero fino) */ @keyframes rraPopupHalo{ 0%,100%{ box-shadow: 0 0 22px 8px rgba(217,179,110,.28), 0 0 44px 18px rgba(217,179,110,.14); } 50%{ box-shadow: 0 0 40px 16px rgba(217,179,110,.70), 0 0 90px 38px rgba(217,179,110,.38); } } /* Respeto a reduce motion */ @media (prefers-reduced-motion: reduce){ #elementor-popup-modal-221 .menu-popup::after{ animation: none !important; } }/* End custom CSS */