.elementor-kit-8{--e-global-color-primary:#53B9A4;--e-global-color-secondary:#0878A7;--e-global-color-text:#7A7A7A;--e-global-color-accent:#52B581;--e-global-color-landing-accent:#2D6B3F;--e-global-color-landing-text-primary:#1E3322;--e-global-color-landing-text-secondary:#6B7B6B;--e-global-color-landing-text-muted:#808A80;--e-global-color-landing-surface-primary:#FFFFFF;--e-global-color-landing-surface-secondary:#F4F5F5;--e-global-color-azul-marino:#19223d;--e-global-color-azul-claro:#0878a7;--e-global-color-verde-agua:#53b9a4;--e-global-color-verde:#52b581;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;}.elementor-kit-8 e-page-transition{background-color:#FFBC7D;}.elementor-kit-8 a{font-family:"Roboto", Sans-serif;}.elementor-kit-8 h1{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:700;line-height:1.1em;}.elementor-kit-8 h2{font-family:"Roboto", Sans-serif;font-size:36px;font-weight:700;line-height:1.15em;}.elementor-kit-8 h3{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:700;line-height:1.2em;}.elementor-kit-8 h4{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;line-height:1.3em;}.elementor-kit-8 h5{font-family:"Roboto", Sans-serif;font-size:17px;font-weight:600;line-height:1.3em;}.elementor-kit-8 h6{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;line-height:1.35em;}.elementor-kit-8 button,.elementor-kit-8 input[type="button"],.elementor-kit-8 input[type="submit"],.elementor-kit-8 .elementor-button{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-8 h1{font-size:38px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-8 h1{font-size:30px;}.elementor-kit-8 h2{font-size:26px;}.elementor-kit-8 h3{font-size:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Landing-Primary:#2D6B3F; --Landing-Secondary:#0D8A8A; --Landing-Background:#FFFFFF; --Landing-Surface:#F4F5F5; --Landing-Text:#1E3322; --Landing-TextSoft:#6B7B6B; --Landing-Muted:#808A80; --Landing-Border:#D4D8D4; --Landing-Accent:#22C55E; --Landing-Font-Heading:Funnel Sans; --Landing-Font-Body:Geist; --Landing-Font-Caption:Geist Mono; --Landing-Font-Data:IBM Plex Mono; --Rojo:#DC2626; --azul_lista:#0284C7; --morado_lista:#7C3AED; --naranja_lista:#D97706; } /* Start custom CSS *//* ========================================================================== Sidebar "Nuestras especialidades" - componente global Right Sidebar (1026) Cada fila es un a su pagina (destino guardado como ID de post, que Elementor resuelve con get_permalink) y se resalta sola en su pagina. Filas: 1 Psicologia Clinica (1031) | 2 Tratamiento ansiedad (1040) | 3 Clinica del sueno (987) | 4 Insomnio (1067) | 5 Dolor Cronico (1079) | 6 NESA (2307) Para una pagina nueva: duplica una fila en el componente 1026, apuntala a la pagina y anade su page-id a los tres bloques "Activo" de abajo. La fila 6 (NESA) se anadio suelta, no clonando el patron srv-N, asi que sus clases son el hash aleatorio que le asigno emcp en vez de un nombre semantico: fila e-b25094b-9712588, etiqueta e-cd6e6c3-27baeb8, chevron e-5bb7b93-bd3a74a. ========================================================================== */ :root{ --cml-srv-bg: rgba(26,94,99,.06); --cml-srv-fg: #14343B; --cml-srv-chev: #1a5e63; } .e-sueno-sb-serv > .e-con:not(.e-sueno-sb-serv-hd){ text-decoration: none; cursor: pointer; } .e-sueno-sb-serv > .e-con:not(.e-sueno-sb-serv-hd), .e-sueno-sb-serv > .e-con:not(.e-sueno-sb-serv-hd) > span{ transition: background-color .18s ease, color .18s ease; } /* ---- Hover / foco de teclado ---- */ .e-sueno-sb-serv > .e-con:not(.e-sueno-sb-serv-hd):hover, .e-sueno-sb-serv > .e-con:not(.e-sueno-sb-serv-hd):focus-visible{ background-color: var(--cml-srv-bg); } .e-sueno-sb-serv > .e-con:not(.e-sueno-sb-serv-hd):hover > span:first-child, .e-sueno-sb-serv > .e-con:not(.e-sueno-sb-serv-hd):focus-visible > span:first-child{ color: var(--cml-srv-fg); } .e-sueno-sb-serv > .e-con:not(.e-sueno-sb-serv-hd):hover > span:last-child, .e-sueno-sb-serv > .e-con:not(.e-sueno-sb-serv-hd):focus-visible > span:last-child{ color: var(--cml-srv-chev); } /* ---- Activo: fondo de la fila ---- */ body.page-id-1031 .e-sueno-sb-serv > .e-sueno-sb-srv-1, body.page-id-1040 .e-sueno-sb-serv > .e-sueno-sb-srv-2, body.page-id-987 .e-sueno-sb-serv > .e-sueno-sb-srv-3, body.page-id-1067 .e-sueno-sb-serv > .e-sueno-sb-srv-4, body.page-id-1079 .e-sueno-sb-serv > .e-sueno-sb-srv-5, body.page-id-2307 .e-sueno-sb-serv > .e-b25094b-9712588{ background-color: var(--cml-srv-bg); } /* ---- Activo: etiqueta ---- */ body.page-id-1031 .e-sueno-sb-serv > .e-sueno-sb-srv-1 > span:first-child, body.page-id-1040 .e-sueno-sb-serv > .e-sueno-sb-srv-2 > span:first-child, body.page-id-987 .e-sueno-sb-serv > .e-sueno-sb-srv-3 > span:first-child, body.page-id-1067 .e-sueno-sb-serv > .e-sueno-sb-srv-4 > span:first-child, body.page-id-1079 .e-sueno-sb-serv > .e-sueno-sb-srv-5 > span:first-child, body.page-id-2307 .e-sueno-sb-serv > .e-b25094b-9712588 > .e-cd6e6c3-27baeb8{ color: var(--cml-srv-fg); font-weight: 600; } /* ---- Activo: chevron ---- */ body.page-id-1031 .e-sueno-sb-serv > .e-sueno-sb-srv-1 > span:last-child, body.page-id-1040 .e-sueno-sb-serv > .e-sueno-sb-srv-2 > span:last-child, body.page-id-987 .e-sueno-sb-serv > .e-sueno-sb-srv-3 > span:last-child, body.page-id-1067 .e-sueno-sb-serv > .e-sueno-sb-srv-4 > span:last-child, body.page-id-1079 .e-sueno-sb-serv > .e-sueno-sb-srv-5 > span:last-child, body.page-id-2307 .e-sueno-sb-serv > .e-b25094b-9712588 > .e-5bb7b93-bd3a74a{ color: var(--cml-srv-chev); } /* ========================================================================== Fix: el widget e-component (Elementor 4.2, Components atomicas) anade, tras el contenido de CADA instancia, un contenedor legacy vacio (".e-flex.e-con-boxed.e-con.e-parent", id aleatorio, sin datos propios en _elementor_data). Al ser un 3er hijo dentro de una fila flex de 2 columnas (contenido + sidebar), su ancho intrinseco aplasta la columna de contenido a unos pocos px. Se retira del flujo con display:none allí donde aparece: siempre como hermano inmediato de .e-sueno-aside. ========================================================================== */ .e-sueno-aside + .e-con.e-parent{ display: none !important; } /* ========================================================================== Fix: el widget HTML clasico (video de YouTube embebido) que vive dentro de sueno-sb-video-thumb no recibe ancho: su wrapper .elementor-widget-html es un flex item sin flex-basis definida, y un hijo con width:100% dentro de un padre de ancho automatico colapsa a 0. Se le fuerza a ocupar todo el ancho de la tarjeta. ========================================================================== */ .e-sueno-sb-video-thumb{ width: 100%; } .e-sueno-sb-video-thumb > .elementor-widget-html{ flex: 1 1 auto; width: 100%; }/* End custom CSS */