.elementor-740 .elementor-element.elementor-element-2603bbf:not(.elementor-motion-effects-element-type-background), .elementor-740 .elementor-element.elementor-element-2603bbf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-740 .elementor-element.elementor-element-2603bbf{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-740 .elementor-element.elementor-element-2603bbf > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-740 .elementor-element.elementor-element-efe8cc2 .elementor-menu-toggle{margin-right:auto;background-color:rgba(0,0,0,0);}.elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-nav-menu--dropdown a, .elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-menu-toggle{color:#ffffff;fill:#ffffff;}.elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-nav-menu--dropdown{background-color:rgba(0,0,0,0.84);}.elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-nav-menu--dropdown .elementor-item, .elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"TeX Gyre Adventor Bold", Sans-serif;font-weight:500;}.elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-nav-menu--dropdown a{padding-top:32px;padding-bottom:32px;}.elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:36px !important;}.elementor-740 .elementor-element.elementor-element-efe8cc2 div.elementor-menu-toggle{color:#000000;}.elementor-740 .elementor-element.elementor-element-efe8cc2 div.elementor-menu-toggle svg{fill:#000000;}.elementor-740 .elementor-element.elementor-element-bd829de{padding:0% 5% 0% 5%;}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-menu-toggle{margin-right:auto;background-color:rgba(0,0,0,0);}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu .elementor-item{font-family:"TeX Gyre Adventor", Sans-serif;font-size:18px;font-weight:100;}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main .elementor-item:hover, .elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main .elementor-item.highlighted, .elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main .elementor-item:focus{color:#F0E9E0;fill:#F0E9E0;}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#F0E9E0;}.elementor-740 .elementor-element.elementor-element-bd829de .e--pointer-framed .elementor-item:before, .elementor-740 .elementor-element.elementor-element-bd829de .e--pointer-framed .elementor-item:after{border-color:#F0E9E0;}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#C58530;}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#C58530;}.elementor-740 .elementor-element.elementor-element-bd829de .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-740 .elementor-element.elementor-element-bd829de .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#C58530;}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--dropdown a, .elementor-740 .elementor-element.elementor-element-bd829de .elementor-menu-toggle{color:#ffffff;fill:#ffffff;}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--dropdown{background-color:rgba(0,0,0,0.84);}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--dropdown a{padding-top:32px;padding-bottom:32px;}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:36px !important;}.elementor-740 .elementor-element.elementor-element-bd829de div.elementor-menu-toggle{color:#000000;}.elementor-740 .elementor-element.elementor-element-bd829de div.elementor-menu-toggle svg{fill:#000000;}.elementor-740 .elementor-element.elementor-element-15c267d > .elementor-element-populated{margin:0px 20px 0px 0px;--e-column-margin-right:20px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.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-740 .elementor-element.elementor-element-6e6326a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-740 .elementor-element.elementor-element-6e6326a.elementor-element{--align-self:flex-end;}.elementor-740 .elementor-element.elementor-element-6e6326a img{width:120px;height:0px;}.elementor-740 .elementor-element.elementor-element-2fb20f7 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-740 .elementor-element.elementor-element-1fc9e89 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-widget-search-form input[type="search"].elementor-search-form__input{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-search-form .elementor-search-form__input, .elementor-widget-search-form .elementor-search-form__icon, .elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button, .elementor-widget-search-form .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-widget-search-form.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-search-form .elementor-search-form__submit{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );background-color:var( --e-global-color-secondary );}.elementor-740 .elementor-element.elementor-element-ab20880{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-740 .elementor-element.elementor-element-ab20880 .elementor-search-form__container{min-height:25px;}.elementor-740 .elementor-element.elementor-element-ab20880 .elementor-search-form__submit{min-width:25px;}body:not(.rtl) .elementor-740 .elementor-element.elementor-element-ab20880 .elementor-search-form__icon{padding-left:calc(25px / 3);}body.rtl .elementor-740 .elementor-element.elementor-element-ab20880 .elementor-search-form__icon{padding-right:calc(25px / 3);}.elementor-740 .elementor-element.elementor-element-ab20880 .elementor-search-form__input, .elementor-740 .elementor-element.elementor-element-ab20880.elementor-search-form--button-type-text .elementor-search-form__submit{padding-left:calc(25px / 3);padding-right:calc(25px / 3);}.elementor-740 .elementor-element.elementor-element-ab20880 input[type="search"].elementor-search-form__input{font-family:"TeX Gyre Adventor", Sans-serif;font-size:18px;font-weight:400;}.elementor-740 .elementor-element.elementor-element-ab20880 .elementor-search-form__input, .elementor-740 .elementor-element.elementor-element-ab20880 .elementor-search-form__icon, .elementor-740 .elementor-element.elementor-element-ab20880 .elementor-lightbox .dialog-lightbox-close-button, .elementor-740 .elementor-element.elementor-element-ab20880 .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-740 .elementor-element.elementor-element-ab20880.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{color:#FFFFFF;fill:#FFFFFF;}.elementor-740 .elementor-element.elementor-element-ab20880:not(.elementor-search-form--skin-full_screen) .elementor-search-form__container{border-color:#00000000;border-radius:3px;}.elementor-740 .elementor-element.elementor-element-ab20880.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input{border-color:#00000000;border-radius:3px;}.elementor-740 .elementor-element.elementor-element-ab20880:not(.elementor-search-form--skin-full_screen) .elementor-search-form--focus .elementor-search-form__input, .elementor-740 .elementor-element.elementor-element-ab20880 .elementor-search-form--focus .elementor-search-form__icon, .elementor-740 .elementor-element.elementor-element-ab20880 .elementor-lightbox .dialog-lightbox-close-button:hover, .elementor-740 .elementor-element.elementor-element-ab20880.elementor-search-form--skin-full_screen input[type="search"].elementor-search-form__input:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.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 );}.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 );}.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 );}.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 );}.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 );}.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 );}.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 );}.elementor-740 .elementor-element.elementor-element-d9a2ea8{--main-alignment:right;--side-cart-alignment-transform:translateX(100%);--side-cart-alignment-left:auto;--side-cart-alignment-right:0;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:var( --e-global-color-text );--toggle-button-icon-hover-color:#636363;--toggle-icon-size:40px;--items-indicator-text-color:#FFFFFF;--items-indicator-background-color:var( --e-global-color-text );--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}body:not(.rtl) .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-7px;top:-7px;}body.rtl .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:7px;top:-7px;left:auto;}.elementor-740 .elementor-element.elementor-element-d9a2ea8 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name a{font-family:"TeX Gyre Adventor", Sans-serif;font-weight:600;}.elementor-740 .elementor-element.elementor-element-d9a2ea8 .woocommerce-mini-cart__empty-message{font-family:"TeX Gyre Adventor", Sans-serif;font-weight:600;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-740 .elementor-element.elementor-element-2603bbf{padding:20px 20px 20px 20px;}}@media(max-width:767px){.elementor-740 .elementor-element.elementor-element-1166fec{width:20%;}.elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-740 .elementor-element.elementor-element-efe8cc2 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:30px !important;}.elementor-740 .elementor-element.elementor-element-daf0d69{width:20%;}.elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-740 .elementor-element.elementor-element-bd829de .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:30px !important;}.elementor-740 .elementor-element.elementor-element-15c267d{width:60%;}.elementor-740 .elementor-element.elementor-element-6e6326a img{width:70px;}.elementor-740 .elementor-element.elementor-element-2fb20f7{width:20%;}.elementor-740 .elementor-element.elementor-element-1fc9e89{width:20%;}.elementor-740 .elementor-element.elementor-element-ecd1d0e{width:20%;}.elementor-740 .elementor-element.elementor-element-d9a2ea8{--toggle-icon-size:35px;}}/* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-d9a2ea8 *//* ============================================================ KANUI — POSICIÓN ORIGINAL DEL CARRITO dc4f81b Este bloque pertenece AL PROPIO WIDGET. ============================================================ */ /* El elemento conserva la geometría compacta del carrito original. */ .elementor-740 .elementor-element.elementor-element-d9a2ea8{ width:auto!important; max-width:none!important; margin:0!important; padding:0!important; overflow:visible!important; } /* El contenedor interno tampoco añade desplazamientos. */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 > .elementor-widget-container{ width:auto!important; max-width:none!important; margin:0!important; padding:0!important; overflow:visible!important; } /* * El botón conserva exactamente la geometría del header original. * No usamos transform: la compensación vertical se hace mediante top. */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__toggle_button{ position:relative!important; top:0!important; display:flex!important; align-items:center!important; justify-content:center!important; width:46px!important; height:50px!important; min-width:46px!important; min-height:50px!important; margin:0!important; padding:0!important; border:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; transition:opacity .3s ease!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__toggle_button:hover{ opacity:.72!important; } /* ============================================================ KANUI — DESKTOP / TOGGLE SIN SEGUNDO DESPLAZAMIENTO El movimiento del header lo controla el header, no este widget. ============================================================ */ @media (min-width:1025px){ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__toggle_button{ top:0!important; animation:none!important; animation-name:none!important; animation-timeline:auto!important; /* * Evita cualquier desplazamiento propio del toggle. * No afecta la posición de la columna dentro del header. */ translate:none!important; } } /* ============================================================ TABLET / MÓVIL Sin desplazamiento de scroll, igual que la configuración original. ============================================================ */ @media (max-width:1024px){ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__toggle_button{ top:0!important; animation:none!important; width:44px!important; height:44px!important; min-width:44px!important; min-height:44px!important; } } /* ============================================================ KANUI — CARRITO PREMIUM IMPORTANTE: Este CSS SOLO rediseña el drawer lateral. No modifica el toggle/botón visible del header. ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8{ --kc-ink:#29251F; --kc-muted:#7D776F; --kc-line:rgba(41,37,31,.12); --kc-soft:#F4F2EE; --kc-panel:#FCFBF9; --kc-hover:#EDEAE4; } /* ============================================================ OVERLAY ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__container.elementor-lightbox{ background:rgba(20,18,16,.38)!important; backdrop-filter:blur(3px)!important; -webkit-backdrop-filter:blur(3px)!important; } /* ============================================================ DRAWER ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main{ position:relative!important; width:min(470px,92vw)!important; max-width:470px!important; height:100dvh!important; padding:0!important; overflow:hidden!important; background:var(--kc-panel)!important; border:0!important; border-radius:18px 0 0 18px!important; box-shadow: -18px 0 45px rgba(28,24,20,.08), -36px 0 90px rgba(28,24,20,.08)!important; } /* Cabecera visual */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main::before{ content:"Tu selección"; display:block; padding:31px 70px 23px 28px; border-bottom:1px solid var(--kc-line); color:var(--kc-ink); font-family:"TeX Gyre Adventor",Sans-serif; font-size:22px; font-weight:700; line-height:1.05; letter-spacing:-.025em; } /* Texto inferior sutil */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main::after{ content:"Compra segura · Atención personalizada"; position:absolute; z-index:2; left:28px; right:28px; bottom:14px; color:var(--kc-muted); font-family:"TeX Gyre Adventor",Sans-serif; font-size:10.5px; font-weight:400; line-height:1.2; letter-spacing:.015em; text-align:center; pointer-events:none; } /* ============================================================ CERRAR ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__close-button{ top:25px!important; right:25px!important; width:31px!important; height:31px!important; opacity:.72!important; transition: opacity .22s ease, transform .22s ease!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__close-button:hover{ opacity:1!important; transform:rotate(3deg)!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__close-button::before, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__close-button::after{ height:1px!important; background:var(--kc-ink)!important; } /* ============================================================ CONTENEDOR NATIVO ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .widget_shopping_cart_content{ display:flex!important; flex-direction:column!important; height:calc(100dvh - 79px)!important; min-height:0!important; padding:0 28px 46px!important; color:var(--kc-ink)!important; background:transparent!important; } /* ============================================================ LISTA DE PRODUCTOS ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__products, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .woocommerce-mini-cart{ flex:1 1 auto!important; min-height:0!important; margin:0!important; padding:12px 3px 8px 0!important; overflow-y:auto!important; overflow-x:hidden!important; scrollbar-width:thin; scrollbar-color:rgba(41,37,31,.28) transparent; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__products::-webkit-scrollbar, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .woocommerce-mini-cart::-webkit-scrollbar{ width:5px; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__products::-webkit-scrollbar-track, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .woocommerce-mini-cart::-webkit-scrollbar-track{ background:transparent; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__products::-webkit-scrollbar-thumb, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .woocommerce-mini-cart::-webkit-scrollbar-thumb{ background:rgba(41,37,31,.25); border-radius:999px; } /* ============================================================ PRODUCTO ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product{ position:relative!important; display:grid!important; grid-template-columns:104px minmax(0,1fr)!important; grid-template-rows:auto auto!important; column-gap:18px!important; row-gap:4px!important; min-height:134px!important; margin:0!important; padding:18px 35px 18px 0!important; background:transparent!important; border:0!important; border-bottom:1px solid var(--kc-line)!important; } /* Imagen */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-image{ grid-column:1!important; grid-row:1 / span 2!important; display:flex!important; align-items:center!important; justify-content:center!important; width:104px!important; height:104px!important; margin:0!important; padding:0!important; /* * IMPORTANTE: * no ocultamos ninguna parte de la imagen. */ overflow:visible!important; background:var(--kc-soft)!important; border:0!important; border-radius:10px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-image a{ display:flex!important; align-items:center!important; justify-content:center!important; width:100%!important; height:100%!important; margin:0!important; padding:0!important; overflow:visible!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-image img{ display:block!important; float:none!important; /* * La imagen conserva SIEMPRE su proporción natural. * Nunca se estira para llenar el cuadrado. */ width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:72%!important; max-height:72%!important; margin:auto!important; padding:0!important; /* * scale-down es aún más estricto que contain: * nunca amplía la imagen por encima de su tamaño disponible. */ object-fit:scale-down!important; object-position:center center!important; border:0!important; border-radius:0!important; transform:none!important; scale:none!important; clip-path:none!important; -webkit-clip-path:none!important; aspect-ratio:auto!important; box-sizing:content-box!important; transition:none!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product:hover .elementor-menu-cart__product-image img{ transform:none!important; scale:none!important; } /* Nombre */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name{ grid-column:2!important; grid-row:1!important; min-width:0!important; margin:1px 0 0!important; padding:0!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name > a{ display:inline-block!important; margin:0!important; padding:0!important; color:var(--kc-ink)!important; font-family:"TeX Gyre Adventor",Sans-serif!important; font-size:16px!important; font-weight:600!important; line-height:1.25!important; letter-spacing:-.01em!important; text-decoration:none!important; transition:opacity .2s ease!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name > a:hover{ opacity:.68!important; } /* ============================================================ VARIACIONES ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name dl.variation{ display:grid!important; grid-template-columns:max-content minmax(0,1fr)!important; gap:2px 8px!important; margin:8px 0 0!important; padding:0!important; border:0!important; color:var(--kc-muted)!important; font-family:"TeX Gyre Adventor",Sans-serif!important; font-size:12px!important; font-weight:400!important; line-height:1.35!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name dl.variation dt, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name dl.variation dd{ min-width:0!important; margin:0!important; padding:0!important; color:inherit!important; font-weight:400!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name dl.variation dt{ opacity:.68!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name dl.variation dd{ overflow:hidden!important; text-overflow:ellipsis!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name dl.variation p{ margin:0!important; padding:0!important; } /* ============================================================ PRECIO / CANTIDAD ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-price{ grid-column:2!important; grid-row:2!important; align-self:end!important; margin:6px 0 0!important; padding:0!important; color:var(--kc-muted)!important; font-family:"TeX Gyre Adventor",Sans-serif!important; font-size:12.5px!important; font-weight:400!important; line-height:1.3!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-price .amount{ color:var(--kc-ink)!important; font-weight:600!important; } /* ============================================================ ELIMINAR ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-remove{ position:absolute!important; z-index:4!important; top:18px!important; right:1px!important; width:27px!important; height:27px!important; margin:0!important; padding:0!important; border:1px solid rgba(41,37,31,.15)!important; border-radius:50%!important; background:transparent!important; transition: background .2s ease, border-color .2s ease, transform .2s ease!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-remove::before, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-remove::after{ background:var(--kc-muted)!important; transition:background .2s ease!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-remove:hover{ border-color:var(--kc-ink)!important; background:var(--kc-ink)!important; transform:rotate(4deg)!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-remove:hover::before, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-remove:hover::after{ background:#fff!important; } /* Los enlaces AJAX internos ocupan el botón pero son invisibles. */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-remove a{ position:absolute!important; inset:0!important; z-index:5!important; display:block!important; width:100%!important; height:100%!important; opacity:0!important; } /* ============================================================ SUBTOTAL ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__subtotal{ flex:0 0 auto!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:20px!important; margin:16px 0 0!important; padding:17px 0 16px!important; background:transparent!important; border:0!important; border-top:1px solid var(--kc-line)!important; border-bottom:1px solid var(--kc-line)!important; color:var(--kc-muted)!important; font-family:"TeX Gyre Adventor",Sans-serif!important; font-size:13px!important; font-weight:400!important; line-height:1.2!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__subtotal strong{ color:var(--kc-muted)!important; font-size:13px!important; font-weight:400!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__subtotal .amount{ color:var(--kc-ink)!important; font-size:22px!important; font-weight:700!important; line-height:1!important; letter-spacing:-.025em!important; } /* ============================================================ BOTONES ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__footer-buttons{ flex:0 0 auto!important; display:grid!important; grid-template-columns:1fr 1fr!important; gap:10px!important; margin:14px 0 23px!important; padding:0!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__footer-buttons .elementor-button{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:52px!important; margin:0!important; padding:13px 15px!important; border:1px solid var(--kc-ink)!important; border-radius:4px!important; box-shadow:none!important; font-family:"TeX Gyre Adventor",Sans-serif!important; font-size:14px!important; font-weight:400!important; line-height:1.1!important; text-align:center!important; text-decoration:none!important; transition: background .22s ease, color .22s ease, border-color .22s ease!important; } /* Ver carrito */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__footer-buttons .elementor-button--view-cart{ background:transparent!important; color:var(--kc-ink)!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover{ background:var(--kc-ink)!important; color:#fff!important; } /* Checkout */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__footer-buttons .elementor-button--checkout{ background:var(--kc-ink)!important; color:#fff!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover{ background:#453F38!important; border-color:#453F38!important; } /* ============================================================ EMPTY STATE ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .woocommerce-mini-cart__empty-message{ flex:1 1 auto!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; min-height:340px!important; margin:0!important; padding:50px 25px!important; color:var(--kc-muted)!important; font-family:"TeX Gyre Adventor",Sans-serif!important; font-size:15px!important; font-weight:400!important; line-height:1.45!important; text-align:center!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .woocommerce-mini-cart__empty-message::before{ content:""; display:block; width:48px; height:48px; margin:0 0 20px; border:1px solid var(--kc-ink); border-radius:50%; opacity:.5; } /* ============================================================ TABLET ============================================================ */ @media(max-width:1024px){ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main{ width:min(440px,94vw)!important; max-width:440px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main::before{ padding-left:24px; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .widget_shopping_cart_content{ padding-left:24px!important; padding-right:24px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main::after{ left:24px; right:24px; } } /* ============================================================ MÓVIL ============================================================ */ @media(max-width:767px){ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__container.elementor-lightbox{ background:rgba(20,18,16,.25)!important; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main{ width:100vw!important; max-width:100vw!important; border-radius:0!important; box-shadow:none!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main::before{ padding:25px 62px 20px 20px; font-size:20px; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main::after{ left:20px; right:20px; bottom:10px; font-size:10px; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__close-button{ top:19px!important; right:18px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .widget_shopping_cart_content{ height:calc(100dvh - 69px)!important; padding: 0 20px 39px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__products, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .woocommerce-mini-cart{ padding-top:8px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product{ grid-template-columns: 84px minmax(0,1fr)!important; column-gap:14px!important; min-height:112px!important; padding: 15px 31px 15px 0!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-image{ width:84px!important; height:84px!important; padding:0!important; overflow:visible!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-image img{ width:auto!important; height:auto!important; min-width:0!important; min-height:0!important; max-width:70%!important; max-height:70%!important; margin:auto!important; object-fit:scale-down!important; object-position:center center!important; transform:none!important; scale:none!important; clip-path:none!important; -webkit-clip-path:none!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name > a{ font-size:14px!important; line-height:1.3!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-name dl.variation{ margin-top:6px!important; font-size:11px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__product-price{ font-size:11.5px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__subtotal{ margin-top:13px!important; padding:15px 0 14px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__subtotal .amount{ font-size:19px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__footer-buttons{ grid-template-columns:1fr!important; gap:8px!important; margin-top:12px!important; margin-bottom:20px!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__footer-buttons .elementor-button{ min-height:48px!important; } } /* ============================================================ REDUCED MOTION Solo afecta al contenido del drawer, nunca al botón del header. ============================================================ */ @media(prefers-reduced-motion:reduce){ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main *, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main *::before, .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main *::after{ transition:none!important; animation:none!important; } } /* ============================================================ AJUSTE FINAL — DRAWER SIEMPRE A LA DERECHA ============================================================ */ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__container.elementor-lightbox{ justify-content:flex-end!important; } .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main{ left:auto!important; right:0!important; margin-left:auto!important; margin-right:0!important; } /* En móvil también permanece anclado al lado derecho. */ @media(max-width:767px){ .elementor-740 .elementor-element.elementor-element-d9a2ea8 .elementor-menu-cart__main{ left:auto!important; right:0!important; margin-left:auto!important; margin-right:0!important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-2603bbf *//* ============================================================ KANUI HOME — HEADER TIPO BOCONCEPT ELEMENTO ORIGINAL: 26dfbeee ============================================================ ESTADO EXPANDIDO: - Fila superior: Buscar una tienda | Logo | Carrito - Fila inferior: Hamburguesa + menú | Buscador AL BAJAR: - Se compacta desde el primer movimiento de scroll. - Menú, logo, buscador y carrito quedan en una sola fila. AL SUBIR: - Vuelve inmediatamente al estado expandido. COLORES: - Barra y superficies: blanco. - Texto, logo e iconos: negro. IMPORTANTE: - No se fuerzan font-family, font-size ni font-weight. - El side-cart de Elementor/WooCommerce no se modifica. ============================================================ */ /* ============================================================ 1. HEADER BASE ============================================================ */ header.kanui-bc-header { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 !important; z-index: 99990 !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: 0 1px 0 rgba(0,0,0,.06) !important; overflow: visible !important; transition: height .28s cubic-bezier(.22,.61,.36,1), min-height .28s cubic-bezier(.22,.61,.36,1) !important; } /* Ningún overlay de Elementor */ header.kanui-bc-header::before, header.kanui-bc-header > .elementor-background-overlay, header.kanui-bc-header.elementor-sticky--effects > .elementor-background-overlay { display: none !important; content: none !important; opacity: 0 !important; background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; pointer-events: none !important; } header.kanui-bc-header.elementor-sticky--effects { background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 1px 0 rgba(0,0,0,.06) !important; } /* ============================================================ 2. CONTENEDOR DESKTOP ============================================================ */ @media (min-width: 1025px) { header.kanui-bc-header > .elementor-container { position: relative !important; z-index: 2 !important; display: grid !important; grid-template-columns: minmax(360px, 1fr) auto minmax(420px, 1fr) !important; grid-template-rows: 92px 68px !important; align-items: center !important; width: 100% !important; max-width: none !important; height: 160px !important; min-height: 160px !important; margin: 0 !important; padding: 0 clamp(38px, 4vw, 76px) !important; column-gap: 30px !important; background: #fff !important; overflow: visible !important; } header.kanui-bc-header .elementor-column, header.kanui-bc-header .elementor-widget-wrap { min-width: 0 !important; margin: 0 !important; background: #fff !important; overflow: visible !important; } header.kanui-bc-header .elementor-column { width: auto !important; max-width: none !important; padding: 0 !important; } header.kanui-bc-header .elementor-widget-wrap { width: 100% !important; padding: 0 !important; } /* ======================================================== 3. BUSCAR UNA TIENDA ======================================================== */ header.kanui-bc-header .kanui-col-location { display: block !important; grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; justify-self: start !important; width: auto !important; opacity: 1 !important; transition: opacity .20s ease, transform .28s cubic-bezier(.22,.61,.36,1), visibility 0s linear 0s !important; } header.kanui-bc-header .kanui-location-script { width: auto !important; margin: 0 !important; padding: 0 !important; background: #fff !important; } header.kanui-bc-header .kanui-store-location { display: inline-flex !important; align-items: center !important; gap: 16px !important; min-height: 44px !important; color: #111 !important; white-space: nowrap !important; background: #fff !important; } header.kanui-bc-header .kanui-store-pin { position: relative !important; display: block !important; width: 23px !important; height: 29px !important; flex: 0 0 23px !important; } header.kanui-bc-header .kanui-store-pin::before { content: "" !important; position: absolute !important; left: 2px !important; top: 1px !important; width: 18px !important; height: 18px !important; border: 1.4px solid #111 !important; border-radius: 50% 50% 50% 0 !important; transform: rotate(-45deg) !important; background: #fff !important; } header.kanui-bc-header .kanui-store-pin i { position: absolute !important; z-index: 2 !important; left: 9px !important; top: 8px !important; width: 5px !important; height: 5px !important; border: 1.2px solid #111 !important; border-radius: 50% !important; background: #fff !important; } header.kanui-bc-header .kanui-store-text { color: #111 !important; line-height: 1 !important; } /* ======================================================== 4. LOGO ======================================================== */ header.kanui-bc-header .kanui-col-logo { display: block !important; grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; width: auto !important; z-index: 5 !important; transition: transform .28s cubic-bezier(.22,.61,.36,1) !important; } header.kanui-bc-header .kanui-site-logo img { display: block !important; width: auto !important; height: auto !important; max-width: clamp(185px,13vw,270px) !important; max-height: 59px !important; margin: 0 auto !important; filter: brightness(0) !important; object-fit: contain !important; } /* ======================================================== 5. MENÚ DESKTOP ======================================================== */ header.kanui-bc-header .kanui-col-mobile-menu { display: none !important; } header.kanui-bc-header .kanui-col-menu { position: relative !important; display: block !important; grid-column: 1 / 3 !important; grid-row: 2 !important; align-self: center !important; justify-self: start !important; width: auto !important; margin: 0 !important; padding: 0 0 0 72px !important; background: #fff !important; overflow: visible !important; transition: transform .28s cubic-bezier(.22,.61,.36,1) !important; } /* Hamburguesa visual de escritorio */ header.kanui-bc-header .kanui-col-menu::before { content: "" !important; position: absolute !important; left: 2px !important; top: 50% !important; width: 25px !important; height: 1.5px !important; transform: translateY(-8px) !important; background: #111 !important; box-shadow: 0 8px 0 #111, 0 16px 0 #111 !important; pointer-events: none !important; } header.kanui-bc-header .kanui-desktop-menu { width: auto !important; margin: 0 !important; padding: 0 !important; background: #fff !important; } header.kanui-bc-header .kanui-desktop-menu .elementor-nav-menu--main { display: block !important; width: auto !important; background: #fff !important; } header.kanui-bc-header .kanui-desktop-menu .elementor-nav-menu { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: flex-start !important; gap: clamp(24px,2vw,44px) !important; width: auto !important; margin: 0 !important; padding: 0 !important; list-style: none !important; background: #fff !important; } header.kanui-bc-header .kanui-desktop-menu .elementor-nav-menu > li { position: relative !important; display: block !important; margin: 0 !important; padding: 0 !important; } header.kanui-bc-header .kanui-desktop-menu .elementor-nav-menu > li > a { position: relative !important; display: block !important; margin: 0 !important; padding: 10px 0 !important; color: #111 !important; background: #fff !important; border: 0 !important; line-height: 1 !important; letter-spacing: -.025em !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap !important; opacity: 1 !important; transition: opacity .25s ease, transform .25s ease !important; } header.kanui-bc-header .kanui-desktop-menu .elementor-item::before, header.kanui-bc-header .kanui-desktop-menu .elementor-item::after { display: none !important; content: none !important; } header.kanui-bc-header .kanui-desktop-menu .elementor-item-active { color: #111 !important; background: #fff !important; } header.kanui-bc-header .kanui-desktop-menu .elementor-nav-menu:hover > li > a { opacity: .52 !important; } header.kanui-bc-header .kanui-desktop-menu .elementor-nav-menu > li > a:hover { opacity: 1 !important; transform: translateY(-1px); } /* ======================================================== 6. BUSCADOR ======================================================== */ header.kanui-bc-header .kanui-col-search { --kanui-search-width: min(100%,560px); display: block !important; grid-column: 3 !important; grid-row: 2 !important; align-self: center !important; justify-self: end !important; position: relative !important; width: var(--kanui-search-width) !important; max-width: 560px !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; background: #fff !important; overflow: visible !important; transition: transform .28s cubic-bezier(.22,.61,.36,1) !important; } header.kanui-bc-header .kanui-search, header.kanui-bc-header .kanui-search > .elementor-widget-container, header.kanui-bc-header .kanui-search search[role="search"], header.kanui-bc-header .kanui-search .elementor-search-form, header.kanui-bc-header .kanui-search .elementor-search-form__container { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin: 0 !important; background: #fff !important; box-shadow: none !important; outline: 0 !important; } header.kanui-bc-header .kanui-search, header.kanui-bc-header .kanui-search > .elementor-widget-container, header.kanui-bc-header .kanui-search search[role="search"] { padding: 0 !important; border: 0 !important; } header.kanui-bc-header .kanui-search search[role="search"] { display: block !important; } header.kanui-bc-header .kanui-search .elementor-search-form__container { display: flex !important; flex-direction: row-reverse !important; align-items: center !important; min-height: 45px !important; padding: 0 0 4px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(17,17,17,.48) !important; border-radius: 0 !important; } header.kanui-bc-header .kanui-search .elementor-search-form__input { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 44px !important; margin: 0 !important; padding: 0 15px 0 0 !important; color: #111 !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; outline: none !important; box-shadow: none !important; line-height: 1 !important; letter-spacing: -.025em !important; text-align: left !important; } header.kanui-bc-header .kanui-search .elementor-search-form__input::placeholder { color: rgba(17,17,17,.50) !important; opacity: 1 !important; text-align: left !important; } header.kanui-bc-header .kanui-search input[type="search"]::-webkit-search-cancel-button { display: none !important; } header.kanui-bc-header .kanui-search .elementor-search-form__icon { display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 40px !important; width: 40px !important; height: 40px !important; padding: 0 !important; color: #111 !important; background: #fff !important; } header.kanui-bc-header .kanui-search .elementor-search-form__icon svg { width: 25px !important; height: 25px !important; fill: #111 !important; opacity: .95 !important; } header.kanui-bc-header .kanui-search:hover, header.kanui-bc-header .kanui-search:focus-within, header.kanui-bc-header .kanui-search > .elementor-widget-container:hover, header.kanui-bc-header .kanui-search search[role="search"]:hover, header.kanui-bc-header .kanui-search .elementor-search-form:hover, header.kanui-bc-header .kanui-search .elementor-search-form:focus-within { background: #fff !important; background-image: none !important; box-shadow: none !important; outline: 0 !important; filter: none !important; } header.kanui-bc-header .kanui-search .elementor-search-form__container:focus-within { border-bottom-color: #111 !important; } /* ======================================================== 7. CARRITO Solo se toca el botón, NO el drawer. ======================================================== */ header.kanui-bc-header .kanui-col-cart { display: block !important; grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 7 !important; background: #fff !important; } header.kanui-bc-header .kanui-cart { width: auto !important; margin: 0 !important; padding: 0 !important; background: #fff !important; overflow: visible !important; } header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button { position: relative !important; top: 0; display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 50px !important; min-width: 46px !important; min-height: 50px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; color: #111 !important; background: #fff !important; box-shadow: none !important; transition: opacity .25s ease, transform .28s cubic-bezier(.22,.61,.36,1) !important; } header.kanui-bc-header .kanui-cart .elementor-button-text { display: none !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon svg { display: none !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon { position: relative !important; display: block !important; width: 29px !important; height: 34px !important; margin: 0 !important; padding: 0 !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon::before { content: "" !important; position: absolute !important; left: 3px !important; bottom: 1px !important; width: 23px !important; height: 25px !important; border: 1.4px solid #111 !important; border-radius: 4px !important; background: #fff !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon::after { content: "" !important; position: absolute !important; top: 0 !important; left: 9px !important; width: 11px !important; height: 11px !important; border: 1.4px solid #111 !important; border-bottom: 0 !important; border-radius: 8px 8px 0 0 !important; background: #fff !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon-qty { position: absolute !important; z-index: 5 !important; top: -7px !important; right: -8px !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 18px !important; height: 18px !important; padding: 0 5px !important; border: 1px solid rgba(17,17,17,.35) !important; border-radius: 20px !important; color: #111 !important; background: #fff !important; line-height: 18px !important; } header.kanui-bc-header .elementor-button-icon-qty[data-counter="0"] { display: none !important; } header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button:hover { opacity: .68 !important; } /* ======================================================== 8. SUBMENÚS ======================================================== */ header.kanui-bc-header .kanui-desktop-menu .sub-menu { min-width: 230px !important; margin: 0 !important; padding: 12px !important; border: 1px solid rgba(17,17,17,.12) !important; border-radius: 12px !important; background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 16px 45px rgba(0,0,0,.12) !important; } header.kanui-bc-header .kanui-desktop-menu .sub-menu a { padding: 12px 14px !important; border-radius: 8px !important; color: #111 !important; background: #fff !important; text-decoration: none !important; } header.kanui-bc-header .kanui-desktop-menu .sub-menu a:hover { color: #111 !important; background: #f3f3f3 !important; } } /* ============================================================ 10. DESKTOP INTERMEDIO ============================================================ */ @media (min-width:1025px) and (max-width:1350px) { header.kanui-bc-header > .elementor-container { grid-template-columns: minmax(310px,1fr) auto minmax(330px,1fr) !important; padding: 0 34px !important; column-gap: 24px !important; } header.kanui-bc-header .kanui-col-menu { padding-left: 60px !important; } header.kanui-bc-header .kanui-col-search { --kanui-search-width: min(100%,440px); max-width: 440px !important; } header.kanui-bc-header .kanui-site-logo img { max-width: 215px !important; max-height: 52px !important; } } /* ============================================================ 11. TABLET / MÓVIL ============================================================ */ @media (max-width:1024px) { header.kanui-bc-header, header.kanui-bc-header.kanui-scroll-compact, header.kanui-bc-header.elementor-sticky--effects { height: 82px !important; min-height: 82px !important; background: #fff !important; box-shadow: 0 1px 0 rgba(0,0,0,.06) !important; transition: none !important; } header.kanui-bc-header > .elementor-container { display: grid !important; grid-template-columns: 48px minmax(0,1fr) 48px 48px !important; grid-template-rows: 82px !important; width: 100% !important; height: 82px !important; min-height: 82px !important; margin: 0 !important; padding: 0 14px !important; column-gap: 5px !important; background: #fff !important; overflow: visible !important; } header.kanui-bc-header .kanui-col-menu, header.kanui-bc-header .kanui-col-location { display: none !important; } /* Hamburguesa móvil */ header.kanui-bc-header .kanui-col-mobile-menu { display: block !important; grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; justify-self: start !important; width: 48px !important; overflow: visible !important; } header.kanui-bc-header .kanui-mobile-menu { width: 48px !important; overflow: visible !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-menu-toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; margin: 0 !important; padding: 9px !important; border: 0 !important; border-radius: 50% !important; color: #111 !important; background: #fff !important; box-shadow: none !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-menu-toggle svg { width: 25px !important; height: 25px !important; fill: #111 !important; } /* Logo */ header.kanui-bc-header .kanui-col-logo { display: block !important; grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; width: 100% !important; transform: none !important; } header.kanui-bc-header .kanui-site-logo img { width: auto !important; max-width: min(180px,42vw) !important; max-height: 45px !important; filter: brightness(0) !important; } /* Search: solo icono */ header.kanui-bc-header .kanui-col-search { display: block !important; grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; width: 44px !important; max-width: 44px !important; margin: 0 !important; padding: 0 !important; transform: none !important; } header.kanui-bc-header .kanui-search { width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; } header.kanui-bc-header .kanui-search .elementor-search-form__container { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; min-height: 44px !important; padding: 0 !important; border: 0 !important; background: #fff !important; box-shadow: none !important; } header.kanui-bc-header .kanui-search .elementor-search-form__input { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; } header.kanui-bc-header .kanui-search .elementor-search-form__icon { width: 44px !important; height: 44px !important; flex: 0 0 44px !important; color: #111 !important; background: #fff !important; cursor: pointer !important; } header.kanui-bc-header .kanui-search .elementor-search-form__icon svg { width: 23px !important; height: 23px !important; fill: #111 !important; } /* Carrito */ header.kanui-bc-header .kanui-col-cart { display: block !important; grid-column: 4 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; width: 44px !important; margin: 0 !important; padding: 0 !important; } header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button { top: 0 !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; color: #111 !important; background: #fff !important; transform: none !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon { transform: scale(.88); } header.kanui-bc-header .kanui-cart .elementor-button-icon::before, header.kanui-bc-header .kanui-cart .elementor-button-icon::after { border-color: #111 !important; background: #fff !important; } /* Dropdown móvil */ header.kanui-bc-header .kanui-mobile-menu .elementor-nav-menu--dropdown { position: fixed !important; z-index: 999999 !important; top: 82px !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; height: calc(100svh - 82px) !important; max-height: calc(100svh - 82px) !important; margin: 0 !important; padding: 30px 22px 50px !important; overflow-y: auto !important; color: #111 !important; background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-nav-menu { display: block !important; width: 100% !important; max-width: 720px !important; margin: 0 auto !important; padding: 0 !important; background: #fff !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-nav-menu > li { display: block !important; margin: 0 !important; padding: 0 !important; border-bottom: 1px solid rgba(17,17,17,.10) !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-nav-menu > li > a { display: block !important; padding: 19px 2px !important; color: #111 !important; background: #fff !important; line-height: 1.05 !important; letter-spacing: -.045em !important; text-align: left !important; text-decoration: none !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-item-active { color: #111 !important; background: #fff !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-item::before, header.kanui-bc-header .kanui-mobile-menu .elementor-item::after { display: none !important; } } /* ============================================================ 12. MÓVILES PEQUEÑOS ============================================================ */ @media (max-width:480px) { header.kanui-bc-header, header.kanui-bc-header.kanui-scroll-compact, header.kanui-bc-header.elementor-sticky--effects { height: 72px !important; min-height: 72px !important; } header.kanui-bc-header > .elementor-container { grid-template-columns: 43px minmax(0,1fr) 43px 43px !important; grid-template-rows: 72px !important; height: 72px !important; min-height: 72px !important; padding: 0 8px !important; column-gap: 2px !important; } header.kanui-bc-header .kanui-site-logo img { max-width: min(145px,38vw) !important; max-height: 39px !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-nav-menu--dropdown { top: 72px !important; height: calc(100svh - 72px) !important; max-height: calc(100svh - 72px) !important; } } /* ============================================================ 13. WORDPRESS ADMIN BAR ============================================================ */ body.admin-bar header.kanui-bc-header { top: 32px !important; } @media (max-width:782px) { body.admin-bar header.kanui-bc-header { top: 46px !important; } } /* ============================================================ 14. LIMPIEZA / ACCESIBILIDAD ============================================================ */ .elementor-sticky__spacer { background: #fff !important; } header.kanui-bc-header, header.kanui-bc-header * { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } @media (prefers-reduced-motion:reduce) { header.kanui-bc-header, header.kanui-bc-header * { transition-duration: .001ms !important; } } /* ============================================================ V2 — AJUSTE FINAL SOBRE EL ÚLTIMO JSON FUNCIONAL ============================================================ IMPORTANTE: - NO se cambia la estructura del header. - NO se cambian tipografías, tamaños ni pesos. - NO se cambia la lógica del carrito. - La clase .kanui-scroll-compact sigue siendo controlada por el JS direccional que ya funcionaba en el JSON anterior. ESTADO ARRIBA: - Header fixed. - Fondo 100% transparente. - Dos filas originales. AL BAJAR: - Desde el primer movimiento de scroll. - Fondo blanco. - Altura real 78px. - Una sola fila. AL SUBIR: - Vuelve inmediatamente al estado expandido/transparente. PÁGINAS INTERNAS: - Se reservan 160px para que el contenido no se solape. - La HOME conserva el hero por debajo del header. ============================================================ */ /* ============================================================ A. HEADER FIJO ARRIBA ============================================================ */ header.kanui-bc-header, header.kanui-bc-header.elementor-sticky--effects, header.kanui-bc-header.elementor-sticky--active { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; margin: 0 !important; padding: 0 !important; z-index: 99990 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* ============================================================ B. ESTADO INICIAL — TOTALMENTE TRANSPARENTE No usamos .elementor-sticky--effects como disparador porque Elementor puede añadir esa clase desde que carga la página. El único disparador del estado blanco es .kanui-scroll-compact. ============================================================ */ header.kanui-bc-header:not(.kanui-scroll-compact), header.kanui-bc-header.elementor-sticky--effects:not(.kanui-scroll-compact), header.kanui-bc-header.elementor-sticky--active:not(.kanui-scroll-compact) { height: 160px !important; min-height: 160px !important; background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: none !important; } /* Quitar cualquier overlay de Elementor */ header.kanui-bc-header::before, header.kanui-bc-header > .elementor-background-overlay, header.kanui-bc-header.elementor-sticky--effects > .elementor-background-overlay { display: none !important; content: none !important; opacity: 0 !important; background: transparent !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; pointer-events: none !important; } @media (min-width: 1025px) { /* Contenedores internos transparentes arriba */ header.kanui-bc-header:not(.kanui-scroll-compact) > .elementor-container, header.kanui-bc-header:not(.kanui-scroll-compact) .elementor-column, header.kanui-bc-header:not(.kanui-scroll-compact) .elementor-widget-wrap, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-location-script, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-store-location, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-logo, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-menu, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-desktop-menu, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-desktop-menu .elementor-nav-menu--main, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-desktop-menu .elementor-nav-menu, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-desktop-menu .elementor-nav-menu > li > a, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-search, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-search, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-search > .elementor-widget-container, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-search search[role="search"], header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-search .elementor-search-form, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-search .elementor-search-form__container, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-search .elementor-search-form__input, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-search .elementor-search-form__icon, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-cart, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-cart, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-cart .elementor-menu-cart__toggle_button { background: transparent !important; } /* Los dibujos CSS también transparentes en el estado superior */ header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-store-pin::before, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-store-pin i, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-cart .elementor-button-icon::before, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-cart .elementor-button-icon::after { background: transparent !important; } /* Restaurar la distribución original de dos filas */ header.kanui-bc-header:not(.kanui-scroll-compact) > .elementor-container { height: 160px !important; min-height: 160px !important; grid-template-columns: minmax(360px, 1fr) auto minmax(420px, 1fr) !important; grid-template-rows: 92px 68px !important; align-items: center !important; } header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-location { display: block !important; grid-column: 1 !important; grid-row: 1 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-logo { grid-column: 2 !important; grid-row: 1 !important; transform: none !important; } header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-menu { grid-column: 1 / 3 !important; grid-row: 2 !important; transform: none !important; } header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-search { grid-column: 3 !important; grid-row: 2 !important; margin: 0 !important; transform: none !important; } header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-cart { grid-column: 3 !important; grid-row: 1 !important; transform: none !important; } header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-cart .elementor-menu-cart__toggle_button { top: 0 !important; transform: none !important; } } /* ============================================================ C. SCROLL HACIA ABAJO — BLANCO + UNA SOLA BARRA DE 78PX ============================================================ */ @media (min-width: 1025px) { header.kanui-bc-header.kanui-scroll-compact, header.kanui-bc-header.kanui-scroll-compact.elementor-sticky--effects, header.kanui-bc-header.kanui-scroll-compact.elementor-sticky--active { height: 91px !important; min-height: 91px !important; background: #fff !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; box-shadow: 0 1px 0 rgba(0,0,0,.08) !important; } /* El contenedor interno también se vuelve realmente delgado */ header.kanui-bc-header.kanui-scroll-compact > .elementor-container { display: grid !important; height: 91px !important; min-height: 91px !important; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important; grid-template-rows: 91px !important; align-items: center !important; padding: 0 clamp(38px,4vw,76px) !important; background: #fff !important; } /* Todos los elementos de la barra compacta pasan a blanco */ header.kanui-bc-header.kanui-scroll-compact .elementor-column, header.kanui-bc-header.kanui-scroll-compact .elementor-widget-wrap, header.kanui-bc-header.kanui-scroll-compact .kanui-col-logo, header.kanui-bc-header.kanui-scroll-compact .kanui-col-menu, header.kanui-bc-header.kanui-scroll-compact .kanui-desktop-menu, header.kanui-bc-header.kanui-scroll-compact .kanui-desktop-menu .elementor-nav-menu--main, header.kanui-bc-header.kanui-scroll-compact .kanui-desktop-menu .elementor-nav-menu, header.kanui-bc-header.kanui-scroll-compact .kanui-desktop-menu .elementor-nav-menu > li > a, header.kanui-bc-header.kanui-scroll-compact .kanui-col-search, header.kanui-bc-header.kanui-scroll-compact .kanui-search, header.kanui-bc-header.kanui-scroll-compact .kanui-search > .elementor-widget-container, header.kanui-bc-header.kanui-scroll-compact .kanui-search search[role="search"], header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form, header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form__container, header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form__input, header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form__icon, header.kanui-bc-header.kanui-scroll-compact .kanui-col-cart, header.kanui-bc-header.kanui-scroll-compact .kanui-cart, header.kanui-bc-header.kanui-scroll-compact .kanui-cart .elementor-menu-cart__toggle_button { background: #fff !important; } /* Ubicación ya no participa del grid compacto */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-location { display: none !important; opacity: 0 !important; visibility: hidden !important; transform: none !important; pointer-events: none !important; } /* MENÚ — izquierda */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-menu { grid-column: 1 !important; grid-row: 1 !important; align-self: center !important; justify-self: start !important; margin: 0 !important; transform: none !important; } /* LOGO — centro */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-logo { grid-column: 2 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; margin: 0 !important; transform: none !important; } /* BUSCADOR — derecha, antes del carrito */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-search { grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; width: min(100%,500px) !important; max-width: 500px !important; margin: 0 62px 0 0 !important; transform: none !important; } /* CARRITO — extremo derecho */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-cart { grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; margin: 0 !important; transform: none !important; } header.kanui-bc-header.kanui-scroll-compact .kanui-cart .elementor-menu-cart__toggle_button { top: 0 !important; background: #fff !important; transform: none !important; } header.kanui-bc-header.kanui-scroll-compact .kanui-cart .elementor-button-icon::before, header.kanui-bc-header.kanui-scroll-compact .kanui-cart .elementor-button-icon::after { background: #fff !important; } } /* ============================================================ D. PÁGINAS INTERNAS — ESPACIO PARA EVITAR SOLAPE La HOME se mantiene sin padding para que el header quede encima del hero/video. ============================================================ */ body:not(.home) { padding-top: 160px !important; } /* Neutralizar solamente el margin-top negativo del primer bloque */ body:not(.home) #content > :first-child, body:not(.home) main.site-main > :first-child, body:not(.home) .site-main > :first-child, body:not(.home) .elementor-location-single > :first-child, body:not(.home) .elementor-location-archive > :first-child { margin-top: 0 !important; } /* Elementor no necesita un segundo espacio artificial */ .elementor-sticky__spacer { display: none !important; height: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* ============================================================ E. TABLET Y MÓVIL Se conserva el layout responsive que ya funcionaba. ============================================================ */ @media (max-width: 1024px) { header.kanui-bc-header, header.kanui-bc-header.elementor-sticky--effects, header.kanui-bc-header.kanui-scroll-compact { position: fixed !important; height: 82px !important; min-height: 82px !important; background: #fff !important; } body:not(.home) { padding-top: 82px !important; } } @media (max-width: 480px) { header.kanui-bc-header, header.kanui-bc-header.elementor-sticky--effects, header.kanui-bc-header.kanui-scroll-compact { height: 72px !important; min-height: 72px !important; } body:not(.home) { padding-top: 72px !important; } } /* ============================================================ V4 — AJUSTE SOLICITADO - Barra compacta: 91px (+8px respecto a V3). - El buscador "¿Cómo podemos ayudarte?" NO se muestra mientras el header esté compacto. - Solo reaparece cuando el scroll vuelve completamente arriba, momento en que también vuelve la transparencia y el layout original. ============================================================ */ @media (min-width: 1025px) { /* Estado compacto: ocultar completamente el buscador */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-search, header.kanui-bc-header.kanui-scroll-compact .kanui-search { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; } /* Sin buscador, el carrito ocupa por sí solo el extremo derecho */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-cart { grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; margin: 0 !important; transform: none !important; } /* Garantizar que el buscador vuelva únicamente en el estado original, es decir, cuando .kanui-scroll-compact ya fue eliminada. */ header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-col-search, header.kanui-bc-header:not(.kanui-scroll-compact) .kanui-search { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } } /* ============================================================ V5 — COMPACTO HASTA VOLVER ARRIBA + BUSCADOR VISIBLE ============================================================ - Barra compacta mantiene 91px. - El buscador permanece visible durante todo el scroll. - El header NO vuelve al estado original al subir. - Solo vuelve al estado original cuando scrollY <= 1px. ============================================================ */ @media (min-width: 1025px) { /* El buscador vuelve a estar visible también en compacto */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-search, header.kanui-bc-header.kanui-scroll-compact .kanui-search { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* Posición del buscador en la barra compacta */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-search { grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; width: min(100%, 500px) !important; max-width: 500px !important; margin: 0 62px 0 0 !important; transform: none !important; } /* Carrito al extremo derecho */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-cart { grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; margin: 0 !important; transform: none !important; } } /* ============================================================ V6 — AJUSTES FINALES SOLICITADOS - Quitar hamburguesa visual de escritorio. - Mover el buscador compacto hacia la derecha sin tocar logo, menú, carrito ni comportamiento de scroll. ============================================================ */ @media (min-width: 1025px) { /* 1) Quitar únicamente la hamburguesa visual de escritorio. El menú real sigue funcionando y el menú móvil no se toca. */ header.kanui-bc-header .kanui-col-menu::before { display: none !important; content: none !important; box-shadow: none !important; background: transparent !important; } /* Al no existir la hamburguesa, quitamos el hueco reservado para ella y el menú comienza desde el borde natural. */ header.kanui-bc-header .kanui-col-menu { padding-left: 0 !important; } /* 2) En estado compacto mantenemos el buscador visible, pero más hacia la derecha. Conservamos el mismo borde derecho para no invadir el carrito y reducimos su ancho, desplazando visualmente su inicio hacia la derecha. */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-search { display: block !important; width: min(100%, 440px) !important; max-width: 440px !important; margin: 0 62px 0 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } header.kanui-bc-header.kanui-scroll-compact .kanui-search { display: block !important; width: 100% !important; max-width: 100% !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } } /* ============================================================ V7 — CORRECCIÓN MÓVIL - Logo Kanui visible y centrado. - Carrito reducido a icono de bolsa. - Oculta subtotal/precio del botón del carrito. - Badge de cantidad tipo referencia. - Desktop NO se modifica. ============================================================ */ @media (max-width: 1024px) { /* -------------------------------------------------------- 1. GRID MÓVIL ESTABLE -------------------------------------------------------- */ header.kanui-bc-header > .elementor-container { display: grid !important; grid-template-columns: 46px minmax(110px,1fr) 46px 50px !important; grid-template-rows: 82px !important; align-items: center !important; width: 100% !important; padding: 0 12px !important; column-gap: 6px !important; overflow: visible !important; } /* -------------------------------------------------------- 2. LOGO — FORZAR VISIBILIDAD -------------------------------------------------------- */ header.kanui-bc-header .kanui-col-logo { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; align-items: center !important; justify-content: center !important; align-self: center !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; height: 82px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; transform: none !important; } header.kanui-bc-header .kanui-col-logo > .elementor-widget-wrap { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; } header.kanui-bc-header .kanui-site-logo, header.kanui-bc-header .kanui-site-logo > .elementor-widget-container, header.kanui-bc-header .kanui-site-logo a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; overflow: visible !important; } header.kanui-bc-header .kanui-site-logo img, header.kanui-bc-header .kanui-site-logo img.custom-logo { display: block !important; width: 145px !important; max-width: 38vw !important; height: auto !important; max-height: 46px !important; margin: 0 auto !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; filter: brightness(0) !important; object-fit: contain !important; object-position: center !important; } /* -------------------------------------------------------- 3. CARRITO — SOLO ICONO, SIN PRECIO / SUBTOTAL -------------------------------------------------------- */ header.kanui-bc-header .kanui-col-cart { display: flex !important; grid-column: 4 !important; grid-row: 1 !important; align-items: center !important; justify-content: flex-end !important; align-self: center !important; justify-self: end !important; width: 50px !important; min-width: 50px !important; height: 82px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } header.kanui-bc-header .kanui-cart, header.kanui-bc-header .kanui-cart > .elementor-widget-container, header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 50px !important; max-width: 50px !important; height: 52px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; overflow: visible !important; background: transparent !important; box-shadow: none !important; } /* Ocultar precio/subtotal que Elementor incluye en el toggle */ header.kanui-bc-header .kanui-cart .elementor-button-text, header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button .elementor-button-text, header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button .woocommerce-Price-amount, header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button .amount { display: none !important; width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } /* Botón limpio */ header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; min-width: 48px !important; max-width: 48px !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 0 !important; top: 0 !important; border: 0 !important; border-radius: 0 !important; color: #111 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* Ocultar SVG original para dibujar una bolsa limpia */ header.kanui-bc-header .kanui-cart .elementor-button-icon svg { display: none !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon { position: relative !important; display: block !important; flex: 0 0 30px !important; width: 30px !important; min-width: 30px !important; height: 36px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } /* Cuerpo de la bolsa */ header.kanui-bc-header .kanui-cart .elementor-button-icon::before { content: "" !important; position: absolute !important; left: 2px !important; bottom: 1px !important; width: 26px !important; height: 27px !important; box-sizing: border-box !important; border: 1.5px solid #111 !important; border-radius: 4px !important; background: transparent !important; } /* Asa */ header.kanui-bc-header .kanui-cart .elementor-button-icon::after { content: "" !important; position: absolute !important; top: 0 !important; left: 8px !important; width: 14px !important; height: 11px !important; box-sizing: border-box !important; border: 1.5px solid #111 !important; border-bottom: 0 !important; border-radius: 9px 9px 0 0 !important; background: transparent !important; } /* Badge cantidad */ header.kanui-bc-header .kanui-cart .elementor-button-icon-qty { position: absolute !important; z-index: 10 !important; top: -8px !important; right: -10px !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 20px !important; width: auto !important; height: 20px !important; padding: 0 5px !important; box-sizing: border-box !important; border: 1px solid rgba(17,17,17,.25) !important; border-radius: 999px !important; color: #111 !important; background: #fff !important; line-height: 18px !important; box-shadow: none !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon-qty[data-counter="0"] { display: none !important; } /* -------------------------------------------------------- 4. SEARCH — CONSERVAR ICONO Y EVITAR INVASIÓN DEL LOGO -------------------------------------------------------- */ header.kanui-bc-header .kanui-col-search { grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: center !important; width: 46px !important; max-width: 46px !important; height: 82px !important; margin: 0 !important; padding: 0 !important; transform: none !important; } } /* ============================================================ V7 — MÓVILES PEQUEÑOS ============================================================ */ @media (max-width: 480px) { header.kanui-bc-header > .elementor-container { grid-template-columns: 42px minmax(92px,1fr) 42px 48px !important; grid-template-rows: 72px !important; padding: 0 8px !important; column-gap: 3px !important; } header.kanui-bc-header .kanui-col-logo { height: 72px !important; } header.kanui-bc-header .kanui-site-logo img, header.kanui-bc-header .kanui-site-logo img.custom-logo { width: 125px !important; max-width: 35vw !important; max-height: 39px !important; } header.kanui-bc-header .kanui-col-search { width: 42px !important; max-width: 42px !important; height: 72px !important; } header.kanui-bc-header .kanui-col-cart { width: 48px !important; min-width: 48px !important; height: 72px !important; } header.kanui-bc-header .kanui-cart, header.kanui-bc-header .kanui-cart > .elementor-widget-container, header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle { width: 48px !important; max-width: 48px !important; } } /* ============================================================ V8 — MÓVIL PROPORCIONADO + HEADER PEGADO ARRIBA ============================================================ - Mantiene escritorio y scroll tal como estaban. - En móvil corrige proporciones tomando como referencia: hamburguesa | logo | búsqueda | carrito - El header queda realmente pegado a top:0. - Se elimina el desplazamiento provocado por la admin bar de WordPress en el frontend. ============================================================ */ /* ============================================================ 1. HEADER SIEMPRE PEGADO AL BORDE SUPERIOR ============================================================ */ header.kanui-bc-header, body.admin-bar header.kanui-bc-header, body.admin-bar header.kanui-bc-header.elementor-sticky--effects, body.admin-bar header.kanui-bc-header.kanui-scroll-compact { top: 0 !important; } /* Neutralizar desplazamientos automáticos de Elementor / WP */ html { margin-top: 0 !important; } body.admin-bar { margin-top: 0 !important; } /* ============================================================ 2. TABLET / MÓVIL ============================================================ */ @media (max-width: 1024px) { /* Header */ header.kanui-bc-header, header.kanui-bc-header.elementor-sticky--effects, header.kanui-bc-header.kanui-scroll-compact { position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; height: 72px !important; min-height: 72px !important; margin: 0 !important; padding: 0 !important; background: #fff !important; overflow: visible !important; } /* Contenedor real a todo el ancho */ header.kanui-bc-header > .elementor-container { position: relative !important; display: grid !important; grid-template-columns: 48px minmax(0, 1fr) 48px 52px !important; grid-template-rows: 72px !important; align-items: center !important; width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; height: 72px !important; min-height: 72px !important; margin: 0 !important; padding: 0 14px !important; column-gap: 8px !important; box-sizing: border-box !important; background: #fff !important; overflow: visible !important; } /* Todas las columnas sin anchos heredados de Elementor */ header.kanui-bc-header > .elementor-container > .elementor-column { width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; flex: none !important; background: #fff !important; overflow: visible !important; } header.kanui-bc-header > .elementor-container > .elementor-column > .elementor-widget-wrap { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: #fff !important; } /* ======================================================== 3. HAMBURGUESA ======================================================== */ header.kanui-bc-header .kanui-col-mobile-menu { display: flex !important; grid-column: 1 !important; grid-row: 1 !important; align-items: center !important; justify-content: center !important; align-self: center !important; justify-self: center !important; width: 48px !important; height: 72px !important; margin: 0 !important; padding: 0 !important; } header.kanui-bc-header .kanui-mobile-menu { width: 48px !important; max-width: 48px !important; margin: 0 !important; padding: 0 !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-menu-toggle { width: 42px !important; height: 42px !important; margin: 0 !important; padding: 8px !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #fff !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-menu-toggle svg { width: 25px !important; height: 25px !important; fill: #111 !important; } /* ======================================================== 4. LOGO — CENTRADO Y PROPORCIONADO ======================================================== */ header.kanui-bc-header .kanui-col-logo { display: flex !important; grid-column: 2 !important; grid-row: 1 !important; align-items: center !important; justify-content: center !important; align-self: center !important; justify-self: stretch !important; width: 100% !important; min-width: 0 !important; height: 72px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; overflow: visible !important; } header.kanui-bc-header .kanui-col-logo > .elementor-widget-wrap, header.kanui-bc-header .kanui-site-logo, header.kanui-bc-header .kanui-site-logo > .elementor-widget-container, header.kanui-bc-header .kanui-site-logo a { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; } header.kanui-bc-header .kanui-site-logo img, header.kanui-bc-header .kanui-site-logo img.custom-logo { display: block !important; width: auto !important; max-width: min(150px, 42vw) !important; height: auto !important; max-height: 43px !important; margin: 0 auto !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; filter: brightness(0) !important; object-fit: contain !important; object-position: center center !important; } /* ======================================================== 5. BÚSQUEDA ======================================================== */ header.kanui-bc-header .kanui-col-search { display: flex !important; grid-column: 3 !important; grid-row: 1 !important; align-items: center !important; justify-content: center !important; align-self: center !important; justify-self: center !important; width: 48px !important; max-width: 48px !important; min-width: 48px !important; height: 72px !important; margin: 0 !important; padding: 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; } header.kanui-bc-header .kanui-search, header.kanui-bc-header .kanui-search > .elementor-widget-container { width: 44px !important; max-width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; } header.kanui-bc-header .kanui-search .elementor-search-form__container { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; min-width: 44px !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: #fff !important; box-shadow: none !important; } header.kanui-bc-header .kanui-search .elementor-search-form__input { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; opacity: 0 !important; pointer-events: none !important; } header.kanui-bc-header .kanui-search .elementor-search-form__icon { display: flex !important; align-items: center !important; justify-content: center !important; width: 44px !important; height: 44px !important; flex: 0 0 44px !important; margin: 0 !important; padding: 0 !important; color: #111 !important; background: #fff !important; } header.kanui-bc-header .kanui-search .elementor-search-form__icon svg { width: 24px !important; height: 24px !important; fill: #111 !important; } /* ======================================================== 6. CARRITO — MÁS PEQUEÑO Y PROPORCIONADO ======================================================== */ header.kanui-bc-header .kanui-col-cart { display: flex !important; grid-column: 4 !important; grid-row: 1 !important; align-items: center !important; justify-content: center !important; align-self: center !important; justify-self: center !important; width: 52px !important; min-width: 52px !important; height: 72px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } header.kanui-bc-header .kanui-cart, header.kanui-bc-header .kanui-cart > .elementor-widget-container, header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle { display: flex !important; align-items: center !important; justify-content: center !important; width: 48px !important; max-width: 48px !important; height: 48px !important; margin: 0 !important; padding: 0 !important; background: #fff !important; border: 0 !important; box-shadow: none !important; overflow: visible !important; } header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; margin: 0 !important; padding: 0 !important; top: 0 !important; border: 0 !important; color: #111 !important; background: #fff !important; box-shadow: none !important; transform: none !important; } /* Precio/subtotal oculto */ header.kanui-bc-header .kanui-cart .elementor-button-text, header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button .woocommerce-Price-amount, header.kanui-bc-header .kanui-cart .elementor-menu-cart__toggle_button .amount { display: none !important; } /* Bolsa */ header.kanui-bc-header .kanui-cart .elementor-button-icon { position: relative !important; display: block !important; flex: 0 0 27px !important; width: 27px !important; min-width: 27px !important; height: 33px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon svg { display: none !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon::before { content: "" !important; position: absolute !important; left: 2px !important; bottom: 1px !important; width: 23px !important; height: 24px !important; box-sizing: border-box !important; border: 1.35px solid #111 !important; border-radius: 4px !important; background: #fff !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon::after { content: "" !important; position: absolute !important; top: 0 !important; left: 7px !important; width: 13px !important; height: 10px !important; box-sizing: border-box !important; border: 1.35px solid #111 !important; border-bottom: 0 !important; border-radius: 8px 8px 0 0 !important; background: #fff !important; } /* Badge */ header.kanui-bc-header .kanui-cart .elementor-button-icon-qty { position: absolute !important; z-index: 10 !important; top: -7px !important; right: -9px !important; display: flex !important; align-items: center !important; justify-content: center !important; min-width: 19px !important; width: auto !important; height: 19px !important; padding: 0 4px !important; box-sizing: border-box !important; border: 1px solid rgba(17,17,17,.22) !important; border-radius: 999px !important; color: #111 !important; background: #fff !important; line-height: 17px !important; box-shadow: none !important; } header.kanui-bc-header .kanui-cart .elementor-button-icon-qty[data-counter="0"] { display: none !important; } /* ======================================================== 7. ADMIN BAR WORDPRESS Header en top 0 incluso logueado ======================================================== */ body.admin-bar header.kanui-bc-header, body.admin-bar header.kanui-bc-header.elementor-sticky--effects, body.admin-bar header.kanui-bc-header.kanui-scroll-compact { top: 0 !important; } /* WordPress agrega margin-top al HTML cuando la admin bar existe. Lo neutralizamos SOLO en móvil para que el header quede pegado arriba. */ html { margin-top: 0 !important; } body.admin-bar { margin-top: 0 !important; } /* Si la admin bar sigue dibujándose, queda por encima del contenido pero no desplaza el header. */ #wpadminbar { position: fixed !important; top: 0 !important; z-index: 999999 !important; } } /* ============================================================ V8 — MÓVILES PEQUEÑOS ============================================================ */ @media (max-width: 480px) { header.kanui-bc-header > .elementor-container { grid-template-columns: 42px minmax(90px,1fr) 42px 48px !important; grid-template-rows: 68px !important; height: 68px !important; min-height: 68px !important; padding: 0 8px !important; column-gap: 4px !important; } header.kanui-bc-header, header.kanui-bc-header.elementor-sticky--effects, header.kanui-bc-header.kanui-scroll-compact { height: 68px !important; min-height: 68px !important; } header.kanui-bc-header .kanui-col-mobile-menu, header.kanui-bc-header .kanui-col-logo, header.kanui-bc-header .kanui-col-search, header.kanui-bc-header .kanui-col-cart { height: 68px !important; } header.kanui-bc-header .kanui-site-logo img, header.kanui-bc-header .kanui-site-logo img.custom-logo { max-width: min(128px,36vw) !important; max-height: 38px !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-menu-toggle { width: 38px !important; height: 38px !important; padding: 7px !important; } header.kanui-bc-header .kanui-mobile-menu .elementor-menu-toggle svg { width: 23px !important; height: 23px !important; } header.kanui-bc-header .kanui-search, header.kanui-bc-header .kanui-search > .elementor-widget-container, header.kanui-bc-header .kanui-search .elementor-search-form__container, header.kanui-bc-header .kanui-search .elementor-search-form__icon { width: 40px !important; min-width: 40px !important; max-width: 40px !important; height: 40px !important; min-height: 40px !important; } header.kanui-bc-header .kanui-search .elementor-search-form__icon svg { width: 22px !important; height: 22px !important; } header.kanui-bc-header .kanui-col-cart { width: 48px !important; min-width: 48px !important; } } /* ============================================================ V9 — ADMIN BAR + BUSCADOR RESTAURADO ============================================================ - Corrige el solapamiento con la barra de herramientas de WP. - Mantiene el header debajo de la admin bar cuando el usuario está conectado. - En visitantes normales sigue pegado a top:0. - Restaura explícitamente la posición del buscador compacto de escritorio que estaba funcionando correctamente. - No modifica logo, carrito, menú ni lógica de scroll. ============================================================ */ /* ============================================================ 1. RESTAURAR EL ESPACIO NATIVO DE LA ADMIN BAR ============================================================ */ /* V8 había forzado margin-top:0 en HTML. Volvemos a utilizar la variable oficial de WordPress cuando existe. */ html { margin-top: var(--wp-admin--admin-bar--height, 0px) !important; } /* Visitante normal: header en el borde superior */ body:not(.admin-bar) header.kanui-bc-header, body:not(.admin-bar) header.kanui-bc-header.elementor-sticky--effects, body:not(.admin-bar) header.kanui-bc-header.kanui-scroll-compact { top: 0 !important; } /* Usuario conectado: el header se coloca JUSTO debajo de la barra de WordPress. */ body.admin-bar header.kanui-bc-header, body.admin-bar header.kanui-bc-header.elementor-sticky--effects, body.admin-bar header.kanui-bc-header.elementor-sticky--active, body.admin-bar header.kanui-bc-header.kanui-scroll-compact { top: var(--wp-admin--admin-bar--height, 32px) !important; } /* Fallback WordPress para escritorio */ @media (min-width: 783px) { body.admin-bar header.kanui-bc-header, body.admin-bar header.kanui-bc-header.elementor-sticky--effects, body.admin-bar header.kanui-bc-header.elementor-sticky--active, body.admin-bar header.kanui-bc-header.kanui-scroll-compact { top: var(--wp-admin--admin-bar--height, 32px) !important; } } /* Fallback WordPress para móvil/tablet */ @media (max-width: 782px) { body.admin-bar header.kanui-bc-header, body.admin-bar header.kanui-bc-header.elementor-sticky--effects, body.admin-bar header.kanui-bc-header.elementor-sticky--active, body.admin-bar header.kanui-bc-header.kanui-scroll-compact { top: var(--wp-admin--admin-bar--height, 46px) !important; } } /* La admin bar sigue arriba del header */ #wpadminbar { position: fixed !important; top: 0 !important; z-index: 999999 !important; } /* ============================================================ 2. MÓVIL — NO SOLAPAR CON HERRAMIENTAS WP ============================================================ */ @media (max-width: 1024px) { body.admin-bar header.kanui-bc-header, body.admin-bar header.kanui-bc-header.elementor-sticky--effects, body.admin-bar header.kanui-bc-header.kanui-scroll-compact { top: var(--wp-admin--admin-bar--height, 46px) !important; } /* Evita que reglas anteriores vuelvan a llevarlo a top:0 */ body.admin-bar header.elementor-element-26dfbeee.kanui-bc-header { top: var(--wp-admin--admin-bar--height, 46px) !important; } } /* ============================================================ 3. BUSCADOR DESKTOP — POSICIÓN ANTERIOR ============================================================ */ @media (min-width: 1025px) { /* Estado compacto: buscador visible en la posición aprobada */ header.kanui-bc-header.kanui-scroll-compact .kanui-col-search { display: block !important; grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; width: min(100%, 440px) !important; max-width: 440px !important; margin: 0 62px 0 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } header.kanui-bc-header.kanui-scroll-compact .kanui-search, header.kanui-bc-header.kanui-scroll-compact .kanui-search > .elementor-widget-container, header.kanui-bc-header.kanui-scroll-compact .kanui-search search[role="search"], header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form, header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form__container { display: block !important; width: 100% !important; max-width: 100% !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form__container { display: flex !important; flex-direction: row-reverse !important; align-items: center !important; min-height: 45px !important; border-bottom: 1px solid rgba(17,17,17,.48) !important; background: #fff !important; } } /* ============================================================ V10 — POSICIÓN SUPERIOR DINÁMICA + BUSCADOR MÁS A LA DERECHA ============================================================ - El header ocupa siempre la posición superior disponible. - Si #wpadminbar está visible: queda justo debajo. - Si #wpadminbar desaparece/se oculta: vuelve a top:0. - No se fuerza un offset fijo de 32px/46px. - Buscador compacto desplazado un poco más a la derecha. - Logo, carrito, menú, alturas y lógica de scroll sin cambios. ============================================================ */ /* ============================================================ A. TOP DINÁMICO ============================================================ */ header.kanui-bc-header, header.kanui-bc-header.elementor-sticky--effects, header.kanui-bc-header.elementor-sticky--active, header.kanui-bc-header.kanui-scroll-compact, body.admin-bar header.kanui-bc-header, body.admin-bar header.kanui-bc-header.elementor-sticky--effects, body.admin-bar header.kanui-bc-header.elementor-sticky--active, body.admin-bar header.kanui-bc-header.kanui-scroll-compact { position: fixed !important; top: var(--kanui-admin-offset, 0px) !important; left: 0 !important; right: 0 !important; width: 100% !important; margin-top: 0 !important; z-index: 99990 !important; } /* No modificamos la posición de la barra WP. Solo la usamos como referencia si está visible. */ #wpadminbar { z-index: 999999 !important; } /* ============================================================ B. BUSCADOR COMPACTO MÁS A LA DERECHA ============================================================ */ @media (min-width: 1025px) { header.kanui-bc-header.kanui-scroll-compact .kanui-col-search { display: block !important; grid-column: 3 !important; grid-row: 1 !important; align-self: center !important; justify-self: end !important; /* * Se reduce el ancho manteniendo fijo el extremo derecho. * Así el inicio de la barra se mueve a la derecha y queda * más separado del logo. */ width: min(100%, 395px) !important; max-width: 395px !important; margin: 0 62px 0 0 !important; opacity: 1 !important; visibility: visible !important; transform: none !important; pointer-events: auto !important; } header.kanui-bc-header.kanui-scroll-compact .kanui-search, header.kanui-bc-header.kanui-scroll-compact .kanui-search > .elementor-widget-container, header.kanui-bc-header.kanui-scroll-compact .kanui-search search[role="search"], header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form, header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form__container { width: 100% !important; max-width: 100% !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } header.kanui-bc-header.kanui-scroll-compact .kanui-search .elementor-search-form__container { display: flex !important; flex-direction: row-reverse !important; align-items: center !important; background: #fff !important; } } /* Desktop intermedio */ @media (min-width: 1025px) and (max-width: 1350px) { header.kanui-bc-header.kanui-scroll-compact .kanui-col-search { width: min(100%, 350px) !important; max-width: 350px !important; margin-right: 58px !important; } } /* ============================================================ V12 — MÓVIL SIN TRANSICIONES / BARRA SIEMPRE ESTABLE ============================================================ IMPORTANTE: - NO toca el carrito. - NO modifica el dibujo, tamaño, badge ni comportamiento del carrito. - NO modifica el buscador desktop. - NO modifica logo ni menú desktop. - Solo elimina transiciones/animaciones móviles que provocaban el pequeño parpadeo al llegar a top:0. - La barra móvil permanece visible de forma continua. ============================================================ */ @media (max-width: 1024px) { /* -------------------------------------------------------- 1. HEADER SIEMPRE VISIBLE -------------------------------------------------------- */ header.kanui-bc-header, header.kanui-bc-header.elementor-sticky--effects, header.kanui-bc-header.elementor-sticky--active, header.kanui-bc-header.kanui-scroll-compact { opacity: 1 !important; visibility: visible !important; transition: none !important; animation: none !important; will-change: auto !important; } /* -------------------------------------------------------- 2. CONTENEDOR SIN CAMBIOS BRUSCOS -------------------------------------------------------- */ header.kanui-bc-header > .elementor-container { opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important; animation: none !important; will-change: auto !important; } /* -------------------------------------------------------- 3. COLUMNAS PRINCIPALES SIEMPRE VISIBLES No incluimos .elementor-740 .elementor-element.elementor-element-2603bbfes internos del carrito. -------------------------------------------------------- */ header.kanui-bc-header .kanui-col-mobile-menu, header.kanui-bc-header .kanui-col-logo, header.kanui-bc-header .kanui-col-search, header.kanui-bc-header .kanui-col-cart { opacity: 1 !important; visibility: visible !important; transform: none !important; transition: none !important; animation: none !important; will-change: auto !important; } /* -------------------------------------------------------- 4. WIDGETS VISUALES Sin fades ni movimientos al cambiar entre top:0/scroll. -------------------------------------------------------- */ header.kanui-bc-header .kanui-mobile-menu, header.kanui-bc-header .kanui-site-logo, header.kanui-bc-header .kanui-search { opacity: 1 !important; visibility: visible !important; transition: none !important; animation: none !important; will-change: auto !important; } /* -------------------------------------------------------- 5. ELEMENTOR STICKY NO DEBE HACER FLASH -------------------------------------------------------- */ header.kanui-bc-header.elementor-sticky--effects, header.kanui-bc-header.elementor-sticky--active, header.kanui-bc-header:not(.elementor-sticky--effects) { opacity: 1 !important; visibility: visible !important; transition: none !important; animation: none !important; } /* -------------------------------------------------------- 6. FONDO MÓVIL ESTABLE Evita un frame transparente al cambiar clases. -------------------------------------------------------- */ header.kanui-bc-header, header.kanui-bc-header > .elementor-container, header.kanui-bc-header .elementor-column, header.kanui-bc-header .elementor-widget-wrap { background-color: #fff !important; transition: none !important; animation: none !important; } } /* ============================================================ V12 — MÓVILES PEQUEÑOS ============================================================ */ @media (max-width: 480px) { header.kanui-bc-header, header.kanui-bc-header > .elementor-container { opacity: 1 !important; visibility: visible !important; transition: none !important; animation: none !important; transform: none !important; } }/* End custom CSS */