.elementor-224 .elementor-element.elementor-element-b2ada79{--display:flex;}.elementor-224 .elementor-element.elementor-element-f4b9c9b{--display:flex;--min-height:80px;--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;}.elementor-224 .elementor-element.elementor-element-f4b9c9b:not(.elementor-motion-effects-element-type-background), .elementor-224 .elementor-element.elementor-element-f4b9c9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#02010100;}.elementor-widget-theme-site-logo .widget-image-caption{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-224 .elementor-element.elementor-element-5841a0c{text-align:start;}.elementor-224 .elementor-element.elementor-element-5841a0c img{width:50%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-224 .elementor-element.elementor-element-17f4597 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;fill:#DCDEE2;color:#DCDEE2;padding:5px 0px 5px 0px;}.elementor-224 .elementor-element.elementor-element-2f49245 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;fill:#DCDEE2;color:#DCDEE2;padding:5px 0px 5px 0px;}.elementor-224 .elementor-element.elementor-element-48ae1ef .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;fill:#DCDEE2;color:#DCDEE2;padding:5px 0px 5px 0px;}.elementor-224 .elementor-element.elementor-element-d080865 .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;fill:#DCDEE2;color:#DCDEE2;padding:5px 0px 5px 0px;}.elementor-224 .elementor-element.elementor-element-4249a6a .elementor-button{background-color:#61CE7000;font-family:"Inter", Sans-serif;font-size:16px;font-weight:600;letter-spacing:1px;fill:#DCDEE2;color:#DCDEE2;padding:5px 0px 5px 0px;}.elementor-224 .elementor-element.elementor-element-2908114 .elementor-button{background-color:#84C4B4;font-family:"Inter", Sans-serif;font-size:14px;font-weight:600;letter-spacing:1px;fill:#050B14;color:#050B14;border-style:solid;border-width:1px 1px 1px 1px;border-color:#84C4B4;border-radius:6px 6px 6px 6px;padding:20px 10px 20px 10px;}.elementor-224 .elementor-element.elementor-element-2908114 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-224 .elementor-element.elementor-element-2908114 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-224 .elementor-element.elementor-element-7afa19b{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-224 .elementor-element.elementor-element-35aaa2b .elementor-icon-box-wrapper{gap:15px;}.elementor-224 .elementor-element.elementor-element-35aaa2b.elementor-view-stacked .elementor-icon{background-color:#84C4B4;}.elementor-224 .elementor-element.elementor-element-35aaa2b.elementor-view-framed .elementor-icon, .elementor-224 .elementor-element.elementor-element-35aaa2b.elementor-view-default .elementor-icon{fill:#84C4B4;color:#84C4B4;border-color:#84C4B4;}.elementor-224 .elementor-element.elementor-element-35aaa2b .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-35aaa2b .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-35aaa2b .elementor-icon-box-title{color:#F4F7FA99;}.elementor-224 .elementor-element.elementor-element-35aaa2b:has(:hover) .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-35aaa2b:has(:focus) .elementor-icon-box-title{color:#F4F7FA66;}.elementor-224 .elementor-element.elementor-element-4f6dc70 .elementor-icon-box-wrapper{gap:15px;}.elementor-224 .elementor-element.elementor-element-4f6dc70.elementor-view-stacked .elementor-icon{background-color:#84C4B4;}.elementor-224 .elementor-element.elementor-element-4f6dc70.elementor-view-framed .elementor-icon, .elementor-224 .elementor-element.elementor-element-4f6dc70.elementor-view-default .elementor-icon{fill:#84C4B4;color:#84C4B4;border-color:#84C4B4;}.elementor-224 .elementor-element.elementor-element-4f6dc70 .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-4f6dc70 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-4f6dc70 .elementor-icon-box-title{color:#F4F7FA99;}.elementor-224 .elementor-element.elementor-element-4f6dc70:has(:hover) .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-4f6dc70:has(:focus) .elementor-icon-box-title{color:#F4F7FA66;}.elementor-224 .elementor-element.elementor-element-72049aa{--display:flex;}.elementor-224 .elementor-element.elementor-element-74f6fa9 .elementor-icon-box-wrapper{gap:15px;}.elementor-224 .elementor-element.elementor-element-74f6fa9.elementor-view-stacked .elementor-icon{background-color:#84C4B4;}.elementor-224 .elementor-element.elementor-element-74f6fa9.elementor-view-framed .elementor-icon, .elementor-224 .elementor-element.elementor-element-74f6fa9.elementor-view-default .elementor-icon{fill:#84C4B4;color:#84C4B4;border-color:#84C4B4;}.elementor-224 .elementor-element.elementor-element-74f6fa9 .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-74f6fa9 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-224 .elementor-element.elementor-element-74f6fa9 .elementor-icon-box-title{color:#F4F7FA99;}.elementor-224 .elementor-element.elementor-element-74f6fa9:has(:hover) .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-74f6fa9:has(:focus) .elementor-icon-box-title{color:#F4F7FA66;}#elementor-popup-modal-224{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-224 .dialog-message{width:640px;height:100vh;align-items:flex-start;}#elementor-popup-modal-224 .dialog-close-button{display:flex;}#elementor-popup-modal-224 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-224 .dialog-close-button i{color:#FFFFFF;}#elementor-popup-modal-224 .dialog-close-button svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-224 .elementor-element.elementor-element-17f4597 .elementor-button{font-size:14px;}.elementor-224 .elementor-element.elementor-element-2f49245 .elementor-button{font-size:14px;}.elementor-224 .elementor-element.elementor-element-48ae1ef .elementor-button{font-size:14px;}.elementor-224 .elementor-element.elementor-element-d080865 .elementor-button{font-size:14px;}.elementor-224 .elementor-element.elementor-element-4249a6a .elementor-button{font-size:14px;}}@media(max-width:767px){.elementor-224 .elementor-element.elementor-element-b2ada79{--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-224 .elementor-element.elementor-element-f4b9c9b{--min-height:4px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-224 .elementor-element.elementor-element-5841a0c{width:var( --container-widget-width, 45% );max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;}.elementor-224 .elementor-element.elementor-element-5841a0c img{width:79%;}.elementor-224 .elementor-element.elementor-element-17f4597{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-224 .elementor-element.elementor-element-17f4597 .elementor-button{font-size:20px;}.elementor-224 .elementor-element.elementor-element-2f49245{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-224 .elementor-element.elementor-element-2f49245 .elementor-button{font-size:20px;}.elementor-224 .elementor-element.elementor-element-48ae1ef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-224 .elementor-element.elementor-element-48ae1ef .elementor-button{font-size:20px;}.elementor-224 .elementor-element.elementor-element-d080865{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-224 .elementor-element.elementor-element-d080865 .elementor-button{font-size:20px;}.elementor-224 .elementor-element.elementor-element-4249a6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-224 .elementor-element.elementor-element-4249a6a .elementor-button{font-size:20px;}.elementor-224 .elementor-element.elementor-element-7afa19b{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-224 .elementor-element.elementor-element-35aaa2b .elementor-icon-box-wrapper{align-items:center;}.elementor-224 .elementor-element.elementor-element-35aaa2b .elementor-icon-box-title{margin-block-end:0px;}.elementor-224 .elementor-element.elementor-element-35aaa2b .elementor-icon{font-size:18px;}.elementor-224 .elementor-element.elementor-element-35aaa2b .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-35aaa2b .elementor-icon-box-title a{font-size:10px;}.elementor-224 .elementor-element.elementor-element-4f6dc70 .elementor-icon-box-wrapper{align-items:center;}.elementor-224 .elementor-element.elementor-element-4f6dc70 .elementor-icon-box-title{margin-block-end:0px;}.elementor-224 .elementor-element.elementor-element-4f6dc70 .elementor-icon{font-size:18px;}.elementor-224 .elementor-element.elementor-element-4f6dc70 .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-4f6dc70 .elementor-icon-box-title a{font-size:10px;}.elementor-224 .elementor-element.elementor-element-72049aa{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-around;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-224 .elementor-element.elementor-element-74f6fa9 .elementor-icon-box-wrapper{align-items:center;}.elementor-224 .elementor-element.elementor-element-74f6fa9 .elementor-icon-box-title{margin-block-end:0px;}.elementor-224 .elementor-element.elementor-element-74f6fa9 .elementor-icon{font-size:18px;}.elementor-224 .elementor-element.elementor-element-74f6fa9 .elementor-icon-box-title, .elementor-224 .elementor-element.elementor-element-74f6fa9 .elementor-icon-box-title a{font-size:10px;}#elementor-popup-modal-224 .dialog-message{width:100vw;}#elementor-popup-modal-224{justify-content:center;align-items:center;}}/* Start custom CSS for container, class: .elementor-element-f4b9c9b *//* Solo aplica en pantallas móviles (tablets y desktop lo ignoran) */ @media (max-width: 767px) { /* ========================================== 1. CÁPSULA MÓVIL FLOTANTE (LOGO + IMAGEN/POPUP) ========================================== */ .elementor-224 .elementor-element.elementor-element-f4b9c9b { width: 100% !important; max-width: 480px !important; margin: 12px auto !important; padding: 8px 16px !important; border-radius: 50px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; box-sizing: border-box !important; /* Glassmorphism base */ background-color: rgba(29, 42, 111, 0.25) !important; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(220, 222, 226, 0.2) !important; box-shadow: 0 8px 24px 0 rgba(5, 11, 20, 0.6), 0 0 25px -5px rgba(34, 157, 162, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2); transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1); z-index: 999 !important; } /* Estado Sticky Móvil (Al hacer Scroll) */ .elementor-224 .elementor-element.elementor-element-f4b9c9b.elementor-sticky--effects { background-color: rgba(11, 21, 40, 0.75) !important; backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-color: rgba(132, 196, 180, 0.35) !important; box-shadow: 0 12px 32px 0 rgba(5, 11, 20, 0.8), 0 0 35px 0 rgba(34, 157, 162, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.3); } /* ========================================== 2. AJUSTE DEL LOGO EN LA CÁPSULA ========================================== */ .elementor-224 .elementor-element.elementor-element-f4b9c9b .elementor-widget-theme-site-logo img, .elementor-224 .elementor-element.elementor-element-f4b9c9b .elementor-widget-image:first-child img { max-height: 38px !important; width: auto !important; display: block !important; } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-2908114 *//* Estado Base */ .elementor-224 .elementor-element.elementor-element-2908114 .elementor-button { background-color: #84C4B4 !important; color: #050B14 !important; fill: #050B14 !important; border-radius: 12px; border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); font-weight: 600; letter-spacing: 0.5px; transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: 0 0 0 1px rgba(132, 196, 180, 0.2), 0 8px 24px -6px rgba(132, 196, 180, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.45); } /* Transición suave para el icono */ .elementor-224 .elementor-element.elementor-element-2908114 .elementor-button .elementor-button-icon { transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); } /* Estado Hover */ .elementor-224 .elementor-element.elementor-element-2908114 .elementor-button:hover { background-color: #9ee1d1 !important; color: #050B14 !important; fill: #050B14 !important; border-color: rgba(255, 255, 255, 0.5); transform: translateY(-2px); box-shadow: 0 0 0 1px rgba(132, 196, 180, 0.4), 0 14px 22px -4px rgba(132, 196, 180, 0.65), 0 0 20px 2px rgba(132, 196, 180, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.7); } /* Animación del icono en Hover */ .elementor-224 .elementor-element.elementor-element-2908114 .elementor-button:hover .elementor-button-icon { transform: translateX(4px); } /* Estado Active (Clic) */ .elementor-224 .elementor-element.elementor-element-2908114 .elementor-button:active { transform: translateY(0); box-shadow: 0 4px 12px -2px rgba(132, 196, 180, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2); }/* End custom CSS */ /* Start custom CSS *//* ======================================================= ESTILOS Y MICRO-INTERACCIONES: POPUP MOBILE GRUPO CIRTEC ======================================================= */ /* 1. FONDO GENERAL DEL POPUP (Aplica al contenedor principal) */ .cirtec-mobile-drawer { background-color: #050B14 !important; background-image: radial-gradient(circle at 50% 15%, rgba(132, 196, 180, 0.08) 0%, transparent 60%), radial-gradient(circle at 85% 85%, rgba(34, 157, 162, 0.06) 0%, transparent 50%) !important; backdrop-filter: blur(28px) !important; -webkit-backdrop-filter: blur(28px) !important; } /* 2. BOTÓN DE CIERRE (Icono "X") */ .drawer-close-btn, .drawer-close-btn a { display: flex !important; align-items: center !important; justify-content: center !important; width: 38px !important; height: 38px !important; border-radius: 50% !important; background-color: rgba(34, 157, 162, 0.12) !important; border: 1px solid rgba(132, 196, 180, 0.25) !important; color: #84C4B4 !important; fill: #84C4B4 !important; font-size: 18px !important; line-height: 1 !important; text-decoration: none !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* 3. ENLACES DEL MENÚ (Aplica al widget de Menú o Lista de Enlaces) */ .drawer-nav .elementor-item, .drawer-nav a { position: relative !important; font-size: 24px !important; font-weight: 600 !important; color: rgba(220, 222, 226, 0.85) !important; text-decoration: none !important; padding: 10px 0 !important; display: inline-flex !important; align-items: center !important; transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important; } /* Hover / Touch en los enlaces */ .drawer-nav .elementor-item:hover, .drawer-nav .elementor-item:active, .drawer-nav a:hover, .drawer-nav a:active { color: #84C4B4 !important; text-shadow: 0 0 16px rgba(132, 196, 180, 0.5) !important; transform: translateX(8px); } /* Enlace de la página actual */ .drawer-nav .elementor-item.elementor-item-active, .drawer-nav .elementor-item[aria-current="page"] { color: #FFFFFF !important; } .drawer-nav .elementor-item.elementor-item-active::before, .drawer-nav .elementor-item[aria-current="page"]::before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background-color: #84C4B4; margin-right: 12px; box-shadow: 0 0 8px #84C4B4; } /* Micro-Badge "PARTNER" al lado de DigiFortress */ .drawer-badge { font-size: 10px !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #84C4B4 !important; background-color: rgba(34, 157, 162, 0.18) !important; border: 1px solid rgba(132, 196, 180, 0.35) !important; border-radius: 20px !important; padding: 3px 8px !important; margin-left: 10px !important; } /* 4. BOTÓN CTA PRINCIPAL ("Solicitar Diagnóstico →") */ .drawer-cta-btn .elementor-button, .drawer-cta-btn a { width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; background-color: #84C4B4 !important; color: #050B14 !important; font-weight: 700 !important; font-size: 15px !important; letter-spacing: 0.03em !important; padding: 14px 20px !important; border-radius: 50px !important; border: none !important; box-shadow: 0 8px 24px rgba(132, 196, 180, 0.25) !important; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important; } .drawer-cta-btn .elementor-button:hover, .drawer-cta-btn .elementor-button:active, .drawer-cta-btn a:hover, .drawer-cta-btn a:active { background-color: #9DE0D1 !important; box-shadow: 0 10px 28px rgba(132, 196, 180, 0.4) !important; transform: translateY(-2px); } /* 5. MICRO-DATOS DE CONTACTO (Footer del Popup) */ .drawer-footer-meta a { color: #94A3B8 !important; font-size: 13px !important; text-decoration: none !important; transition: color 0.2s ease !important; } .drawer-footer-meta a:hover, .drawer-footer-meta a:active { color: #84C4B4 !important; } /* FORZAR LA X NATIVA POR ENCIMA DE CUALQUIER CONTENEDOR O PÍLDORA */ .dialog-close-button, a.dialog-close-button.dialog-lightbox-close-button { position: absolute !important; top: 18px !important; right: 18px !important; width: 38px !important; height: 38px !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background-color: rgba(34, 157, 162, 0.15) !important; border: 1px solid rgba(132, 196, 180, 0.35) !important; cursor: pointer !important; pointer-events: auto !important; z-index: 2147483647 !important; /* Supera los 999 de la píldora interna */ touch-action: manipulation !important; -webkit-tap-highlight-color: transparent !important; } .dialog-close-button svg, .dialog-close-button use { font-size: 16px !important; width: 16px !important; height: 16px !important; fill: #84C4B4 !important; color: #84C4B4 !important; pointer-events: none !important; /* Obliga al clic a ir al y no al SVG */ }/* End custom CSS */