.elementor-58 .elementor-element.elementor-element-kora-header{--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:space-between;--align-items:center;--padding-top:20px;--padding-bottom:20px;--padding-left:44px;--padding-right:44px;--z-index:100;}.elementor-58 .elementor-element.elementor-element-kora-marca{--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;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-58 .elementor-element.elementor-element-kora-logo-neg img{width:168px;}.elementor-58 .elementor-element.elementor-element-kora-logo-pos img{width:168px;}.elementor-58 .elementor-element.elementor-element-kora-nav{--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:center;--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 );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 );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-58 .elementor-element.elementor-element-kora-menu .elementor-menu-toggle{margin:0 auto;}.elementor-58 .elementor-element.elementor-element-kora-acciones{--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-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-58 .elementor-element.elementor-element-kora-carrito{--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-58 .elementor-element.elementor-element-kora-carrito .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );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 );text-transform:var( --e-global-typography-accent-text-transform );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.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-58 .elementor-element.elementor-element-kora-marca{--width:24%;}.elementor-58 .elementor-element.elementor-element-kora-nav{--width:50%;}.elementor-58 .elementor-element.elementor-element-kora-acciones{--width:26%;}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{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 );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{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 );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__toggle .elementor-button{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-name a{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__product-price{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons .elementor-button{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-woocommerce-menu-cart .woocommerce-mini-cart__empty-message{line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}/* Start custom CSS *//* ---- Cabecera KöraVital ---- */ #kora-header{position:relative;z-index:100;width:100%;background:transparent;border-bottom:1px solid transparent;transition:background .5s ease,backdrop-filter .5s ease,padding .4s ease,border-color .5s ease} #kora-header.elementor-sticky--effects{background:rgba(255,254,248,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:#E9E4D9;padding-top:12px;padding-bottom:12px} /* La cabecera es fija: las interiores necesitan hueco */ /* Fuera de la portada no hay hero a sangre: nace sólida */ body:not(.home) #kora-header{background:rgba(255,254,248,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:#E9E4D9} body:not(.home) #kora-header .kora-logo--neg{display:none} body:not(.home) #kora-header .kora-logo--pos{display:block} body:not(.home) #kora-header .kora-menu .elementor-item{color:#33302B} body:not(.home) #kora-header .kora-menu .elementor-menu-toggle{color:#33302B} /* Logotipo */ #kora-header .kora-logo--pos{display:none} #kora-header.elementor-sticky--effects .kora-logo--neg{display:none} #kora-header.elementor-sticky--effects .kora-logo--pos{display:block} #kora-header .kora-logo img{display:block} /* Menú: el aire entre entradas lo da el gap, no el padding */ #kora-header .elementor-nav-menu--main > .elementor-nav-menu{gap:clamp(16px,2.2vw,34px)} #kora-header .kora-menu .elementor-item{font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#FFFEF8;padding:8px 0;transition:color .4s ease} #kora-header .kora-menu .elementor-item:hover,#kora-header .kora-menu .elementor-item.elementor-item-active{color:#271C87} #kora-header.elementor-sticky--effects .kora-menu .elementor-item{color:#33302B} #kora-header.elementor-sticky--effects .kora-menu .elementor-item:hover{color:#271C87} /* Submenú */ #kora-header .kora-menu .elementor-nav-menu--dropdown{background:#FFFEF8;border:1px solid #E9E4D9;box-shadow:0 18px 44px rgba(51,48,43,.10)} #kora-header .kora-menu .elementor-nav-menu--dropdown a{font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#33302B;padding:13px 22px} #kora-header .kora-menu .elementor-nav-menu--dropdown a:hover{color:#271C87;background:#F7F4EC} /* Orden de las acciones */ #kora-header .kora-idioma{order:1} #kora-header .kora-carrito{order:2} #kora-header .kora-cta{order:3} #kora-header .elementor-element.kora-idioma,#kora-header .elementor-element.kora-carrito{width:auto} /* Llamada a la acción */ #kora-header .kora-cta .elementor-button{background:#33302B;color:#FFFEF8;border-radius:100px;font-family:'Jost',system-ui,sans-serif;font-weight:400;font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:13px 28px;border:0;transition:background .4s ease} #kora-header .kora-cta .elementor-button:hover{background:#9B7EBE;color:#FFFEF8} /* Idioma: sin caja ni borde propios */ #kora-header .kora-idioma .trp-shortcode-switcher__wrapper{--bg:transparent;--bg-hover:transparent;--text:#FFFEF8;--text-hover:#271C87;--border:0;--border-width:0;--border-color:transparent;--border-radius:0;--font-size:12px} #kora-header .kora-idioma .trp-shortcode-anchor,#kora-header .kora-idioma .trp-shortcode-overlay,#kora-header .kora-idioma .trp-language-switcher{background:transparent !important;border:0 !important;box-shadow:none !important} #kora-header .kora-idioma .trp-language-item{background:transparent !important;padding-left:0;padding-right:4px} #kora-header .kora-idioma .trp-language-item-name{font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--text)} #kora-header .kora-idioma .trp-shortcode-arrow{width:14px;height:14px} #kora-header.elementor-sticky--effects .kora-idioma .trp-shortcode-switcher__wrapper,body:not(.home) #kora-header .kora-idioma .trp-shortcode-switcher__wrapper{--text:#33302B} #kora-header .kora-idioma .trp-switcher-dropdown-list{background:#FFFEF8 !important;border:1px solid #E9E4D9 !important;box-shadow:0 18px 44px rgba(51,48,43,.10) !important;border-radius:0} #kora-header .kora-idioma .trp-switcher-dropdown-list .trp-language-item-name{color:#33302B} /* Carrito: solo el icono, sin rojo de alerta */ #kora-header .kora-carrito .elementor-menu-cart__toggle .elementor-button{background:transparent;border:0;padding:0 4px;color:#FFFEF8} #kora-header.elementor-sticky--effects .kora-carrito .elementor-menu-cart__toggle .elementor-button,body:not(.home) #kora-header .kora-carrito .elementor-menu-cart__toggle .elementor-button{color:#33302B} #kora-header .kora-carrito .elementor-button-icon{font-size:19px} #kora-header .kora-carrito .elementor-button-icon-qty{background:#9B7EBE;color:#FFFEF8;font-family:'Jost',system-ui,sans-serif;font-size:9px;font-weight:400} #kora-header .kora-carrito .elementor-menu-cart__toggle_wrapper{display:flex;align-items:center} /* Hamburguesa */ #kora-header .kora-menu .elementor-menu-toggle{color:#FFFEF8;background:transparent} @media (max-width:1024px){ #kora-header{padding-left:20px;padding-right:20px} #kora-header .kora-cta .elementor-button{padding:11px 20px;letter-spacing:.14em} } @media (prefers-reduced-motion:reduce){ #kora-header,#kora-header *{transition:none !important} } /* El botón del carrito es un icono: fuera la etiqueta de texto */ #kora-header .kora-carrito .elementor-menu-cart__toggle .elementor-button-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} #kora-header .kora-carrito .elementor-menu-cart__toggle .elementor-button-icon-qty[data-counter="0"]{display:none} /* El conmutador arrastraba un filete propio bajo el nombre del idioma */ #kora-header .kora-idioma .trp-current-language-item__wrapper, #kora-header .kora-idioma .trp-language-item, #kora-header .kora-idioma .trp-language-item__current{border:0 !important;box-shadow:none !important;text-decoration:none !important} #kora-header .kora-idioma a,#kora-header .kora-idioma a:hover{text-decoration:none !important;border-bottom:0 !important} /* Sobre foto a sangre el activo en lavanda pierde contraste: se queda en crema */ body.home #kora-header:not(.elementor-sticky--effects) .kora-menu .elementor-item.elementor-item-active{color:#FFFEF8;opacity:.72} body.home #kora-header:not(.elementor-sticky--effects) .kora-menu .elementor-item.elementor-item-active:hover{opacity:1;color:#FFFEF8} /* Estado fijado por el sticky de Elementor */ #kora-header.elementor-sticky--active{width:100% !important;left:0 !important;right:0 !important} /* ============ Correcciones de color en la cabecera ============ */ /* CARRITO: el icono llevaba el gris azulado por defecto de Elementor (#69727D), fuera de paleta. Mi regla anterior pintaba el botón, no el icono. */ #kora-header .kora-carrito .elementor-button-icon, #kora-header .kora-carrito .elementor-button-icon i, #kora-header .kora-carrito .elementor-button-icon svg, #kora-header .kora-carrito .elementor-menu-cart__toggle_button{color:#FFFEF8 !important;fill:currentColor !important} #kora-header.elementor-sticky--effects .kora-carrito .elementor-button-icon, #kora-header.elementor-sticky--effects .kora-carrito .elementor-button-icon i, #kora-header.elementor-sticky--effects .kora-carrito .elementor-button-icon svg, #kora-header.elementor-sticky--effects .kora-carrito .elementor-menu-cart__toggle_button, body:not(.home) #kora-header .kora-carrito .elementor-button-icon, body:not(.home) #kora-header .kora-carrito .elementor-button-icon i, body:not(.home) #kora-header .kora-carrito .elementor-button-icon svg, body:not(.home) #kora-header .kora-carrito .elementor-menu-cart__toggle_button{color:#33302B !important} #kora-header .kora-carrito .elementor-button-icon-qty{background:#9B7EBE !important;color:#FFFEF8 !important;fill:#FFFEF8 !important} /* FLECHA DEL SUBMENÚ: el color seguía al estado pero el fill del SVG estaba fijo en tinta, así que sobre el hero se veía oscura sobre oscuro. */ #kora-header .kora-menu .sub-arrow, #kora-header .kora-menu .sub-arrow svg, #kora-header .kora-menu .sub-arrow i, #kora-header .kora-menu .sub-arrow svg *{fill:currentColor !important;color:inherit} #kora-header .kora-menu .elementor-nav-menu--dropdown .sub-arrow, #kora-header .kora-menu .elementor-nav-menu--dropdown .sub-arrow svg *{fill:#33302B !important} /* IDIOMA: TranslatePress escribe --text en el atributo style del envoltorio, que gana a una hoja de estilos. Hay que forzar las variables. */ #kora-header .kora-idioma .trp-shortcode-switcher__wrapper{--bg:transparent !important;--bg-hover:transparent !important;--text:#FFFEF8 !important;--text-hover:#271C87 !important;--border:0 !important;--border-width:0 !important;--border-color:transparent !important;--font-size:12px !important} #kora-header.elementor-sticky--effects .kora-idioma .trp-shortcode-switcher__wrapper, body:not(.home) #kora-header .kora-idioma .trp-shortcode-switcher__wrapper{--text:#33302B !important;--text-hover:#271C87 !important} #kora-header .kora-idioma .trp-language-item-name{color:var(--text) !important} #kora-header .kora-idioma .trp-shortcode-arrow path{stroke:var(--text) !important} /* El desplegable vive sobre crema: ahí el texto es siempre tinta */ #kora-header .kora-idioma .trp-switcher-dropdown-list .trp-language-item-name{color:#33302B !important} #kora-header .kora-idioma .trp-switcher-dropdown-list .trp-language-item:hover .trp-language-item-name{color:#271C87 !important} /* El panel cerrado del idioma seguía ocupando 2px, y mis reglas se los pintaban como una raya crema bajo «ES». Se respeta el atributo hidden. */ #kora-header .kora-idioma .trp-switcher-dropdown-list[hidden]{display:none !important} #kora-header .kora-idioma .trp-switcher-dropdown-list:not([hidden]){background:#FFFEF8 !important;border:1px solid #E9E4D9 !important;box-shadow:0 18px 44px rgba(51,48,43,.10) !important;border-radius:0} /* ===== Hover sobre fotografía: salto de luminosidad, no de tono ===== Medido sobre el hero con el velo puesto (fondo rgb(87,77,76)): lavanda #9B7EBE da 2.38:1 y crema #FFFEF8 da 8.08:1. El mínimo WCAG para texto pequeño es 4.5:1, así que el lavanda no es viable aquí. */ body.home #kora-header:not(.elementor-sticky--effects) .kora-menu .elementor-item{color:#FFFEF8;opacity:.82;transition:opacity .35s ease,color .35s ease} body.home #kora-header:not(.elementor-sticky--effects) .kora-menu .elementor-item:hover, body.home #kora-header:not(.elementor-sticky--effects) .kora-menu .elementor-item:focus-visible{color:#FFFEF8;opacity:1} body.home #kora-header:not(.elementor-sticky--effects) .kora-menu .elementor-item.elementor-item-active{color:#FFFEF8;opacity:.62} body.home #kora-header:not(.elementor-sticky--effects) .kora-menu .elementor-item.elementor-item-active:hover{opacity:1} /* El idioma y el carrito siguen el mismo criterio mientras la cabecera es transparente */ body.home #kora-header:not(.elementor-sticky--effects) .kora-idioma .trp-shortcode-switcher__wrapper{--text-hover:#FFFEF8 !important} body.home #kora-header:not(.elementor-sticky--effects) .kora-idioma .trp-language-item{opacity:.82;transition:opacity .35s ease} body.home #kora-header:not(.elementor-sticky--effects) .kora-idioma .trp-language-item:hover{opacity:1} body.home #kora-header:not(.elementor-sticky--effects) .kora-carrito .elementor-menu-cart__toggle_button{opacity:.82;transition:opacity .35s ease} body.home #kora-header:not(.elementor-sticky--effects) .kora-carrito .elementor-menu-cart__toggle_button:hover{opacity:1} /* ===== Relleno del desplegable de idioma ===== La regla que pegaba «ES» al borde se estaba aplicando también dentro del panel, dejando «EN» sin margen izquierdo. Ahora solo afecta al disparador. */ #kora-header .kora-idioma .trp-current-language-item__wrapper > .trp-language-item{padding:7px 4px 7px 0 !important} #kora-header .kora-idioma .trp-switcher-dropdown-list .trp-language-item{padding:11px 22px !important;display:flex;align-items:center} #kora-header .kora-idioma .trp-switcher-dropdown-list{padding:4px 0 !important;min-width:0;width:max-content} /* El panel del idioma se centra bajo «ES» en vez de alinearse a su izquierda */ #kora-header .kora-idioma .trp-shortcode-overlay{position:relative} /* El panel se anclaba al conjunto «ES + flecha», no al texto. El desplazamiento de 10px es media anchura de la etiqueta de dos letras (ES / EN), que es la única forma posible aquí. */ #kora-header .kora-idioma .trp-switcher-dropdown-list{position:absolute !important;top:calc(100% + 10px) !important;left:0 !important;right:auto !important;bottom:auto !important;transform:translateX(calc(-50% + 10px)) !important;z-index:120} /* El panel del idioma flotaba en el flujo (position:static) y estiraba la cabecera de 100px a 151px al abrirlo. Ahora es absoluto y no mueve nada. Lleva borde crema para recortar contra la fotografía del hero. */ #kora-header .kora-idioma .trp-shortcode-overlay{position:relative !important} #kora-header .kora-idioma .trp-switcher-dropdown-list:not([hidden]){background:#FFFEF8 !important;border:1px solid rgba(255,254,248,.85) !important;box-shadow:0 18px 44px rgba(51,48,43,.28) !important} #kora-header .kora-idioma .trp-switcher-dropdown-list .trp-language-item{padding:12px 26px !important;justify-content:center} #kora-header .kora-idioma .trp-switcher-dropdown-list .trp-language-item:hover{background:#F7F4EC !important} /* El contenedor de TranslatePress trae overflow:hidden y recortaba el panel absoluto */ #kora-header .kora-idioma .trp-shortcode-overlay, #kora-header .kora-idioma .trp-language-switcher, #kora-header .kora-idioma .trp-shortcode-switcher__wrapper{overflow:visible !important} /* El letter-spacing añade hueco tras la última letra, así que el centrado matemático deja el texto ópticamente a la izquierda. Se descuenta ese sobrante. */ #kora-header .kora-idioma .trp-switcher-dropdown-list .trp-language-item-name{margin-right:-.16em} /* Ajuste óptico: el texto sube 1px dentro de la píldora, sin tocar su altura */ #kora-header .kora-cta .elementor-button .elementor-button-text{display:inline-block;transform:translateY(-1px)} /* --- Estado actual dentro del desplegable --- Elementor pinta el item que corresponde a la pagina actual como un bloque oscuro y deja el texto en tinta encima: se queda ilegible. No viene de este archivo, sino del CSS del propio widget de menu, asi que hay que ganarle. En este sistema el estado actual y el hover se marcan con el indigo del logotipo sobre la superficie crema, nunca con un bloque de color: el indigo mide 12.97:1 sobre crema, el lavanda solo 3.4:1 y no pasa AA. */ #kora-header .kora-menu .elementor-nav-menu--dropdown a.elementor-item-active, #kora-header .kora-menu .elementor-nav-menu--dropdown a.elementor-item-active:hover, #kora-header .kora-menu .elementor-nav-menu--dropdown a.highlighted, #kora-header .kora-menu .elementor-nav-menu--dropdown a:hover, #kora-header .kora-menu .elementor-nav-menu--dropdown a:focus, #kora-header .kora-menu .elementor-nav-menu--dropdown a:focus-visible{background-color:#F7F4EC !important;color:#271C87 !important} #kora-header .kora-menu .elementor-nav-menu--dropdown a:not(:hover):not(:focus):not(.elementor-item-active){background-color:transparent !important;color:#33302B !important} /* ===== Móvil: una sola fila ===== Por debajo de 768px Elementor pasa marca, menú y acciones a --width:100% con --flex-wrap-mobile:wrap, y la cabecera se apilaba en tres filas (~200px). El hero solo se mete 88px por debajo, así que el logo blanco quedaba sobre el crema del body. Orden en móvil: logo · idioma · carrito · Reservar · hamburguesa. Tableta y escritorio no cambian. Los .elementor-58es llevan el id para ganar a los de Elementor (0,3,0). */ @media (max-width:767px){ #kora-header.e-con{--flex-wrap:nowrap;flex-wrap:nowrap;padding:14px 16px} #kora-header .elementor-element.elementor-element-kora-marca{--width:auto;width:auto;flex:0 0 auto;order:1} #kora-header .elementor-element.elementor-element-kora-acciones{--width:auto;width:auto;flex:1 1 auto;min-width:0;order:2;--flex-wrap:nowrap;flex-wrap:nowrap;--column-gap:12px;--gap:0 12px;column-gap:12px} #kora-header .elementor-element.elementor-element-kora-nav{--width:auto;width:auto;flex:0 0 auto;order:3;margin-left:10px} #kora-header .kora-logo img{width:108px;height:auto} #kora-header .kora-cta .elementor-button{padding:10px 15px;font-size:11px;letter-spacing:.12em;white-space:nowrap} #kora-header .kora-menu .elementor-menu-toggle{padding:4px;margin-right:-4px} } /* En los móviles más estrechos no caben las cinco piezas: el carrito se oculta mientras está vacío (con artículos vuelve a aparecer). */ @media (max-width:389px){ #kora-header .kora-carrito:has(.elementor-button-icon-qty[data-counter="0"]){display:none} #kora-header .elementor-element.elementor-element-kora-acciones{--column-gap:10px;--gap:0 10px;column-gap:10px} } /* Móvil: TranslatePress pinta una copia invisible de medida (.trp-shortcode-anchor) y la real encima (.trp-shortcode-overlay). Con el overlay en relative, en un contenedor estrecho se apilaban y el widget medía 106px de alto. Aquí el overlay vuelve a superponerse a la copia; sigue siendo bloque contenedor del panel desplegable. */ @media (max-width:767px){ #kora-header .kora-idioma .trp-shortcode-switcher__wrapper{position:relative !important;white-space:nowrap} #kora-header .kora-idioma .trp-shortcode-overlay{position:absolute !important;top:0 !important;left:0 !important} }/* End custom CSS */