.elementor-68 .elementor-element.elementor-element-a625eab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-a625eab:not(.elementor-motion-effects-element-type-background), .elementor-68 .elementor-element.elementor-element-a625eab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-68 .elementor-element.elementor-element-6bdd4e0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.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-68 .elementor-element.elementor-element-02a6746{padding:0px 0px 0px 0px;text-align:start;}.elementor-68 .elementor-element.elementor-element-02a6746 img{width:50%;}.elementor-68 .elementor-element.elementor-element-bc96d20{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-68 .elementor-element.elementor-element-520fdfa{--display:flex;}.elementor-68 .elementor-element.elementor-element-8343cd0{--display:flex;}.elementor-68 .elementor-element.elementor-element-7b83516{--display:flex;}.elementor-68 .elementor-element.elementor-element-4d52be0{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-68 .elementor-element.elementor-element-4d52be0 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:hover:not( .e-current ){background-color:#47AB4D;}.elementor-68 .elementor-element.elementor-element-4d52be0 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title.e-current{background-color:var( --e-global-color-primary );}.elementor-68 .elementor-element.elementor-element-4d52be0 {--n-menu-title-color-hover:#FFFFFF;--n-menu-title-color-active:#FFFFFF;}.elementor-68 .elementor-element.elementor-element-4d52be0 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:30px 30px 30px 30px;}.elementor-68 .elementor-element.elementor-element-94ad57f{--display:flex;}.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-68 .elementor-element.elementor-element-766cf1c{--main-alignment:right;--divider-style:solid;--subtotal-divider-style:solid;--cart-buttons-position-margin:auto;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-text-color:#FFFFFF;--toggle-button-icon-color:#FFFFFF;--toggle-button-background-color:var( --e-global-color-primary );--toggle-button-border-color:#47AB4D;--toggle-button-hover-text-color:#FFFFFF;--toggle-button-icon-hover-color:#FFFFFF;--toggle-button-hover-background-color:var( --e-global-color-secondary );--toggle-button-border-radius:30px;--toggle-icon-size:20px;--cart-border-style:none;--cart-close-button-color:var( --e-global-color-secondary );--remove-item-button-color:var( --e-global-color-text );--product-variations-color:var( --e-global-color-text );--product-price-color:var( --e-global-color-text );--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-text-color:#FFFFFF;--view-cart-button-background-color:var( --e-global-color-primary );--view-cart-button-hover-background-color:var( --e-global-color-secondary );--checkout-button-background-color:var( --e-global-color-primary );--checkout-button-hover-background-color:var( --e-global-color-secondary );}.elementor-68 .elementor-element.elementor-element-766cf1c .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-68 .elementor-element.elementor-element-766cf1c .elementor-menu-cart__product-name a{font-family:"Manrope", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}.elementor-68 .elementor-element.elementor-element-766cf1c .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Manrope", Sans-serif;font-weight:600;}.elementor-68 .elementor-element.elementor-element-766cf1c .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:600;border-radius:30px 30px 30px 30px;}.elementor-68 .elementor-element.elementor-element-766cf1c .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:600;border-radius:30px 30px 30px 30px;}.elementor-68 .elementor-element.elementor-element-f0a2a23{--main-alignment:right;--divider-style:solid;--subtotal-divider-style:solid;--cart-buttons-position-margin:auto;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#FFFFFF;--toggle-button-background-color:var( --e-global-color-primary );--toggle-button-border-color:#47AB4D;--toggle-button-icon-hover-color:#FFFFFF;--toggle-button-hover-background-color:var( --e-global-color-secondary );--toggle-button-border-radius:30px;--toggle-icon-size:20px;--cart-border-style:none;--cart-close-button-color:var( --e-global-color-secondary );--remove-item-button-color:var( --e-global-color-text );--product-variations-color:var( --e-global-color-text );--product-price-color:var( --e-global-color-text );--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);--view-cart-button-text-color:#FFFFFF;--view-cart-button-background-color:var( --e-global-color-primary );--view-cart-button-hover-background-color:var( --e-global-color-secondary );--checkout-button-background-color:var( --e-global-color-primary );--checkout-button-hover-background-color:var( --e-global-color-secondary );}.elementor-68 .elementor-element.elementor-element-f0a2a23 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-68 .elementor-element.elementor-element-f0a2a23 .elementor-menu-cart__product-name a{font-family:"Manrope", Sans-serif;font-weight:600;color:var( --e-global-color-secondary );}.elementor-68 .elementor-element.elementor-element-f0a2a23 .elementor-menu-cart__footer-buttons .elementor-button{font-family:"Manrope", Sans-serif;font-weight:600;}.elementor-68 .elementor-element.elementor-element-f0a2a23 .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:600;border-radius:30px 30px 30px 30px;}.elementor-68 .elementor-element.elementor-element-f0a2a23 .elementor-menu-cart__footer-buttons a.elementor-button--checkout{font-family:"Manrope", Sans-serif;font-size:13px;font-weight:600;border-radius:30px 30px 30px 30px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-68 .elementor-element.elementor-element-6bdd4e0{--width:70%;}.elementor-68 .elementor-element.elementor-element-02a6746 img{width:60%;}.elementor-68 .elementor-element.elementor-element-bc96d20{--width:10%;}.elementor-68 .elementor-element.elementor-element-4d52be0{--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-toggle-align:center;}.elementor-68 .elementor-element.elementor-element-94ad57f{--width:20%;}.elementor-68 .elementor-element.elementor-element-766cf1c{--toggle-icon-size:16px;--space-between-buttons:11px;}.elementor-68 .elementor-element.elementor-element-f0a2a23{--toggle-icon-size:16px;--space-between-buttons:11px;}}@media(min-width:768px){.elementor-68 .elementor-element.elementor-element-6bdd4e0{--width:33.3333%;}.elementor-68 .elementor-element.elementor-element-bc96d20{--width:66.6666%;}.elementor-68 .elementor-element.elementor-element-94ad57f{--width:20%;}}/* Start custom CSS for mega-menu, class: .elementor-element-4d52be0 *//* ========================================================= CANNIKAL | MENÚ MÓVIL PREMIUM (DEBAJO DEL HEADER) Objetivo: - NO tapar logo / X / carrito - Panel se despliega bajo el header (tipo sidebar/top sheet) - Estilo “lista premium” (como tu referencia) Requisito: el widget del menú tiene clase: menu-cannikal ========================================================= */ @media (max-width: 767px){ .menu-cannikal{ /* AJUSTA AQUÍ si tu header es más alto/bajo */ --ck-header-h: 75px; --ck-text: #0f172a; --ck-muted: rgba(15,23,42,.55); --ck-panel-bg: rgba(255,255,255,.96); --ck-panel-line: rgba(15,23,42,.08); --ck-panel-shadow: 0 18px 46px rgba(0,0,0,.18); --ck-row-hover: rgba(15,23,42,.05); --ck-row-active: rgba(15,23,42,.08); --ck-radius: 18px; --ck-focus: rgba(15,23,42,.22); } /* ============================== TOGGLE (se queda en el header) ============================== */ .menu-cannikal .e-n-menu-toggle{ width: 46px !important; height: 46px !important; border-radius: 14px !important; border: 1px solid rgba(15,23,42,.10) !important; background: rgba(255,255,255,.90) !important; box-shadow: 0 10px 22px rgba(0,0,0,.12) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: inline-flex !important; align-items: center !important; justify-content: center !important; } .menu-cannikal .e-n-menu-toggle:focus-visible{ outline: 3px solid var(--ck-focus) !important; outline-offset: 2px; } .menu-cannikal .e-n-menu-toggle svg{ width: 22px !important; height: 22px !important; fill: var(--ck-text) !important; } /* ============================== PANEL: debajo del header (NO top:0) ============================== */ .menu-cannikal .e-n-menu-wrapper{ position: fixed !important; /* CLAVE: arranca debajo del header */ top: var(--ck-header-h) !important; left: 0 !important; right: 0 !important; width: 100vw !important; max-width: 100vw !important; /* Altura máxima sin invadir el header */ max-height: calc(100vh - var(--ck-header-h)) !important; overflow: auto !important; -webkit-overflow-scrolling: touch; margin: 0 !important; padding: 14px 14px 16px !important; background: var(--ck-panel-bg) !important; border: 1px solid var(--ck-panel-line) !important; /* look premium: radio arriba o abajo según quieras */ border-radius: 0 0 var(--ck-radius) var(--ck-radius) !important; box-shadow: var(--ck-panel-shadow) !important; backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); /* IMPORTANTE: que el header quede por encima */ z-index: 9990 !important; } /* Si Elementor mete box/width raros */ .menu-cannikal .e-n-menu-wrapper, .menu-cannikal .e-n-menu-wrapper *{ box-sizing: border-box !important; } /* ============================== LISTA: estilo “sidebar premium” ============================== */ .menu-cannikal ul.e-n-menu-heading{ list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; width: 100% !important; } .menu-cannikal li.e-n-menu-item{ width: 100% !important; margin: 0 !important; padding: 0 !important; background: transparent !important; } /* Quita contenedores “tarjeta/pastilla” */ .menu-cannikal .e-n-menu-title{ width: 100% !important; background: transparent !important; border-radius: 14px !important; overflow: hidden !important; } /* Row: limpio, sin borde, sin pastilla gris */ .menu-cannikal a.e-n-menu-title-container{ width: 100% !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 14px 14px !important; border-radius: 14px !important; color: var(--ck-text) !important; text-decoration: none !important; font-weight: 650 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transition: background .15s ease, transform .15s ease; } /* Hover tipo lista premium */ .menu-cannikal a.e-n-menu-title-container:hover{ background: var(--ck-row-hover) !important; transform: translateY(-1px); } .menu-cannikal a.e-n-menu-title-container:focus-visible{ outline: 3px solid var(--ck-focus) !important; outline-offset: 2px; } .menu-cannikal .e-n-menu-title-text{ font-size: 16px !important; line-height: 1.2 !important; } /* Activo: suave, coherente (no verde, no bloque raro) */ .menu-cannikal li.current-menu-item > .e-n-menu-title a.e-n-menu-title-container, .menu-cannikal li.current_page_item > .e-n-menu-title a.e-n-menu-title-container, .menu-cannikal a.e-n-menu-title-container[aria-current="page"], .menu-cannikal a.e-n-menu-title-container.elementor-item-active{ background: var(--ck-row-active) !important; } /* Separador fino entre items (opcional, se ve muy “app”) */ .menu-cannikal li.e-n-menu-item + li.e-n-menu-item{ position: relative; } .menu-cannikal li.e-n-menu-item + li.e-n-menu-item::before{ content: ""; position: absolute; top: -4px; left: 14px; right: 14px; height: 1px; background: rgba(15,23,42,.06); pointer-events: none; } } .menu-cannikal a.e-n-menu-title-container:active{ background: rgba(71,171,77,.16) !important; color: #0f172a !important; } /* 2) Estado de enfoque luego del toque (mobile suele dejar focus un instante) */ .menu-cannikal a.e-n-menu-title-container:focus, .menu-cannikal a.e-n-menu-title-container:focus-visible{ outline: 3px solid rgba(71,171,77,.35) !important; outline-offset: 2px; background: rgba(71,171,77,.10) !important; } /* 3) Si Elementor/tema mete un overlay interno (muy común) */ .menu-cannikal .e-n-menu-title-container:active *, .menu-cannikal .e-n-menu-title-container:focus *, .menu-cannikal .e-n-menu-title-container:focus-visible *{ color: inherit !important; } /* 4) iOS Safari: mata el tap highlight azul */ .menu-cannikal a.e-n-menu-title-container{ -webkit-tap-highlight-color: rgba(71,171,77,.22) !important; } /* 5) Si el azul viene por “active item” del theme/Elementor */ .menu-cannikal a.e-n-menu-title-container.elementor-item-active, .menu-cannikal a.e-n-menu-title-container[aria-current="page"]{ background: rgba(15,23,42,.08) !important; /* se mantiene gris premium */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-a625eab */.sombra-menu { box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06); }/* End custom CSS */