.elementor-11 .elementor-element.elementor-element-9f0d730{--display:flex;--min-height:100px;--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-11 .elementor-element.elementor-element-9f0d730:not(.elementor-motion-effects-element-type-background), .elementor-11 .elementor-element.elementor-element-9f0d730 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F7F2;}.elementor-11 .elementor-element.elementor-element-3ec5b73{--display:flex;}.elementor-11 .elementor-element.elementor-element-3ec5b73.e-con{--flex-grow:0;--flex-shrink:0;}.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-11 .elementor-element.elementor-element-d283476{text-align:start;}.elementor-11 .elementor-element.elementor-element-d283476 img{width:100%;}.elementor-11 .elementor-element.elementor-element-acb4448{--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;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.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-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-6bc7484{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-11 .elementor-element.elementor-element-6bc7484.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:uppercase;letter-spacing:2px;}.elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-nav-menu--main .elementor-item{color:#1B2D3D;fill:#1B2D3D;}.elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-nav-menu--main .elementor-item:hover, .elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-nav-menu--main .elementor-item:focus{color:#1B2D3D;fill:#1B2D3D;}.elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#C49438;}.elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.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-11 .elementor-element.elementor-element-c70f42f .elementor-button{background-color:#C49438;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:800;text-transform:uppercase;fill:#1B2D3D;color:#1B2D3D;border-style:solid;border-width:2px 2px 2px 2px;border-color:#1B2D3D;border-radius:16px 16px 16px 16px;padding:20px 20px 20px 20px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-9f0d730{--content-width:1240px;}.elementor-11 .elementor-element.elementor-element-3ec5b73{--width:20%;}.elementor-11 .elementor-element.elementor-element-acb4448{--width:80%;}}/* Start custom CSS for nav-menu, class: .elementor-element-6bc7484 *//* ======================================================= EFECTO NAVEGACIÓN PREMIUM UX 2026 (VERSIÓN SELECTOR) Línea fina dorada con físicas de resorte para Elementor ======================================================= */ /* 1. ENLACES BASE DEL MENÚ */ .elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-item { position: relative !important; color: #1B2D3D !important; /* Azul Marino Base */ font-family: 'Montserrat', sans-serif !important; text-transform: uppercase !important; padding-bottom: 6px !important; /* Distancia elegante entre el texto y la línea */ /* Transición suave para el color del texto */ transition: color 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* 2. CREACIÓN DE LA MICRO-LÍNEA INVISIBLE */ .elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-item::after { content: '' !important; position: absolute !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 1.5px !important; /* Grosor ultra-fino y elegante */ background-color: #C49438 !important; /* Dorado Premium */ /* Punto de anclaje a la izquierda para el barrido */ transform-origin: bottom left !important; transform: scaleX(0) !important; /* Oculta al inicio */ /* Animación orgánica basada en físicas de resorte */ transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1) !important; } /* 3. COMPORTAMIENTO EN HOVER (Al pasar el cursor) */ .elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-item:hover { color: #C49438 !important; /* El texto cambia a dorado */ } /* Despliegue de la línea de izquierda a derecha */ .elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-item:hover::after { transform: scaleX(1) !important; /* Se expande al 100% de su ancho */ } /* 4. ESTADO ACTIVO (PÁGINA ACTUAL) */ /* Forzamos a que el texto activo de Elementor sea dorado, eliminando el verde */ .elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-item.elementor-item-active { color: #C49438 !important; } /* La línea dorada se queda fija debajo de la página activa */ .elementor-11 .elementor-element.elementor-element-6bc7484 .elementor-item.elementor-item-active::after { transform: scaleX(1) !important; background-color: #C49438 !important; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-c70f42f *//* ========================================== BOTÓN CTA PREMIUM - OTORRINOLARINGOLOGÍA Tendencias UX/UI: Profundidad, Destello y Físicas ========================================== */ /* 1. ESTADO BASE DEL BOTÓN */ .premium-ent-cta .elementor-button { /* Variables de Color del Sistema */ --gold-premium: #C49438; --navy-trust: #1B2D3D; --warm-bg: #F9F7F2; /* Reset y Asignación de Paleta */ background-color: var(--gold-premium) !important; color: var(--navy-trust) !important; border: 2px solid var(--navy-trust) !important; /* Tipografía y Espaciado (Reforzado) */ font-family: inherit; font-weight: 600 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; border-radius: 50px !important; /* Estilo píldora orgánica, tendencia ergonómica */ padding: 14px 28px !important; /* Sombreado Multicapa de Profundidad (Efecto No Plano) */ box-shadow: 0 4px 10px -2px rgba(27, 45, 61, 0.08), 0 12px 24px -4px rgba(27, 45, 61, 0.12), inset 0 1px 1px rgba(255, 255, 255, 0.35) !important; /* Transición con Físicas de Resorte (Cubic-Bezier) */ transition: background-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), color 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s cubic-bezier(0.25, 1, 0.5, 1), transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), /* Efecto elástico sutil */ box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1) !important; position: relative !important; overflow: hidden !important; /* Necesario para contener el micro-destello */ z-index: 1; } /* 2. MICRO-ANIMACIÓN DE DESTELLO PREMIUM (SHIMMER) */ .premium-ent-cta .elementor-button::before { content: ''; position: absolute; top: 0; left: -150%; width: 60%; height: 100%; background: linear-gradient( 90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100% ); transform: skewX(-25deg); transition: none; z-index: -1; } /* 3. ESTADO HOVER (Al pasar el cursor) */ .premium-ent-cta .elementor-button:hover { /* Elevación orgánica */ transform: translateY(-3px) scale(1.02) !important; /* Inversión cromática sofisticada (Fondo Azul Marino, Texto Oro) */ background-color: var(--navy-trust) !important; color: var(--gold-premium) !important; border-color: var(--gold-premium) !important; /* Incremento de la sombra de apoyo (Efecto de elevación física) */ box-shadow: 0 8px 16px -3px rgba(27, 45, 61, 0.12), 0 24px 40px -8px rgba(27, 45, 61, 0.2), inset 0 1px 0px rgba(255, 255, 255, 0.1) !important; } /* Disparador del destello de luz en Hover */ .premium-ent-cta .elementor-button:hover::before { left: 180%; transition: all 2.1s cubic-bezier(0.25, 1, 0.5, 1); } /* 4. ESTADO ACTIVO (Al hacer clic - Feedback háptico) */ .premium-ent-cta .elementor-button:active { /* Se comprime sutilmente emulando un botón físico */ transform: translateY(-1px) scale(0.98) !important; /* La sombra disminuye al estar más cerca del plano base */ box-shadow: 0 2px 4px -1px rgba(27, 45, 61, 0.1), 0 6px 12px -2px rgba(27, 45, 61, 0.15), inset 0 2px 4px rgba(0, 0, 0, 0.1) !important; } /* 5. ACCESIBILIDAD (Para personas con sensibilidad al movimiento) */ @media (prefers-reduced-motion: reduce) { .premium-ent-cta .elementor-button { transition: none !important; transform: none !important; } .premium-ent-cta .elementor-button::before { display: none !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-9f0d730 */@media (min-width: 1025px) { .elementor-11 .elementor-element.elementor-element-9f0d730.elementor-sticky--effects-active { background-color: rgba(249, 247, 242, 0.75) !important; backdrop-filter: blur(12px) !important; -webkit-backdrop-filter: blur(12px) !important; box-shadow: 0 4px 20px rgba(27, 45, 61, 0.05) !important; } }/* End custom CSS */