.elementor-1737 .elementor-element.elementor-element-e50ee73{--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;--gap:5px 5px;--row-gap:5px;--column-gap:5px;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1737 .elementor-element.elementor-element-e50ee73:not(.elementor-motion-effects-element-type-background), .elementor-1737 .elementor-element.elementor-element-e50ee73 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at bottom center, #4D2DCE 0%, #1F0979 100%);}.elementor-1737 .elementor-element.elementor-element-9828aef{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1737 .elementor-element.elementor-element-b524f75{--display:flex;--justify-content:space-between;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1737 .elementor-element.elementor-element-cbe5cb8{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1737 .elementor-element.elementor-element-cbe5cb8 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1737 .elementor-element.elementor-element-cbe5cb8 .petsearch__input{padding:10px 30px 10px 38px;border-radius:30px 30px 30px 30px;}.elementor-1737 .elementor-element.elementor-element-cbe5cb8 .petsearch__icon, .elementor-1737 .elementor-element.elementor-element-cbe5cb8 .petsearch__triggerIcon{color:var( --e-global-color-secondary );font-size:20px;}.elementor-1737 .elementor-element.elementor-element-b54ccd9{--display:flex;}.elementor-1737 .elementor-element.elementor-element-fb389d9{--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;--border-radius:0px 0px 10px 10px;box-shadow:0px 5px 7px 0px rgba(0, 0, 0, 0.2);}.elementor-1737 .elementor-element.elementor-element-fb389d9.e-con{--align-self:center;}.elementor-1737 .elementor-element.elementor-element-8c920db{--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;}.elementor-1737 .elementor-element.elementor-element-5ad3dab{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1737 .elementor-element.elementor-element-8e33de3{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1737 .elementor-element.elementor-element-8be6997{--display:flex;}.elementor-1737 .elementor-element.elementor-element-cbe8ba2{--display:flex;}.elementor-1737 .elementor-element.elementor-element-176e654{--display:flex;}.elementor-1737 .elementor-element.elementor-element-d12df53{--display:flex;--border-radius:0px 0px 10px 10px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);}.elementor-1737 .elementor-element.elementor-element-d12df53.e-con{--align-self:center;}.elementor-1737 .elementor-element.elementor-element-67858c4{--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;}.elementor-1737 .elementor-element.elementor-element-858636e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1737 .elementor-element.elementor-element-a7784fd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1737 .elementor-element.elementor-element-e20ab77{--display:flex;}.elementor-1737 .elementor-element.elementor-element-1eec3aa{--display:flex;}.elementor-1737 .elementor-element.elementor-element-78a2fea{--display:flex;}.elementor-1737 .elementor-element.elementor-element-d02d7ff{--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;--border-radius:0px 0px 10px 10px;box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.2);--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-1737 .elementor-element.elementor-element-d02d7ff.e-con{--align-self:center;}.elementor-1737 .elementor-element.elementor-element-b348ab3{--display:flex;}.elementor-1737 .elementor-element.elementor-element-5ac6ea7{--display:flex;}.elementor-1737 .elementor-element.elementor-element-82b0c79{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:10px;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--n-menu-open-animation-duration:500ms;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:16px;--n-menu-title-color-normal:#CBBBFF;--n-menu-title-transition:300ms;--n-menu-icon-size:22px;--n-menu-dropdown-indicator-size:12px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-1737 .elementor-element.elementor-element-82b0c79 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-1737 .elementor-element.elementor-element-82b0c79 > .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-1737 .elementor-element.elementor-element-82b0c79 > .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:"Ibrand", Sans-serif;}.elementor-1737 .elementor-element.elementor-element-82b0c79 {--n-menu-title-color-hover:var( --e-global-color-ecaa514 );--n-menu-title-color-active:var( --e-global-color-ecaa514 );}.elementor-1737 .elementor-element.elementor-element-29641f8{--display:flex;}.elementor-1737 .elementor-element.elementor-element-29641f8.e-con{--order:-99999 /* order start hack */;}.elementor-1737 .elementor-element.elementor-element-1244f6d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:40px;}.elementor-1737 .elementor-element.elementor-element-2728a0d .elementor-icon-wrapper{text-align:center;}.elementor-1737 .elementor-element.elementor-element-2728a0d .elementor-icon{font-size:40px;}.elementor-1737 .elementor-element.elementor-element-2728a0d .elementor-icon svg{height:40px;}.elementor-1737 .elementor-element.elementor-element-9f4f641 .elementor-icon-wrapper{text-align:center;}.elementor-1737 .elementor-element.elementor-element-9f4f641 .elementor-icon{font-size:40px;}.elementor-1737 .elementor-element.elementor-element-9f4f641 .elementor-icon svg{height:40px;}.elementor-1737 .elementor-element.elementor-element-b07e726{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--toggle-button-icon-color:#D6C9FF;--toggle-button-border-color:var( --e-global-color-text );--toggle-button-icon-hover-color:var( --e-global-color-text );--toggle-button-hover-border-color:var( --e-global-color-text );--toggle-button-border-width:1px;--toggle-button-border-radius:50%;--toggle-icon-size:21px;--toggle-icon-padding:9px 9px 9px 9px;--items-indicator-text-color:var( --e-global-color-secondary );--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-1737 .elementor-element.elementor-element-b07e726 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-14px;top:-14px;}body.rtl .elementor-1737 .elementor-element.elementor-element-b07e726 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:14px;top:-14px;left:auto;}.elementor-1737 .elementor-element.elementor-element-b07e726 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.elementor-1737 .elementor-element.elementor-element-0750149{--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:var( --e-global-color-text );--border-color:var( --e-global-color-text );--z-index:1;}.elementor-1737 .elementor-element.elementor-element-2bd0669{color:var( --e-global-color-secondary );}.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-1737 .elementor-element.elementor-element-b524f75{--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:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1737 .elementor-element.elementor-element-b524f75.e-con{--order:-99999 /* order start hack */;}.elementor-1737 .elementor-element.elementor-element-53b4ea4{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;}.elementor-1737 .elementor-element.elementor-element-53b4ea4.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-1737 .elementor-element.elementor-element-b524f75{--width:60%;}.elementor-1737 .elementor-element.elementor-element-fb389d9{--width:95%;}.elementor-1737 .elementor-element.elementor-element-5ad3dab{--width:18%;}.elementor-1737 .elementor-element.elementor-element-8e33de3{--width:18%;}.elementor-1737 .elementor-element.elementor-element-8be6997{--width:18%;}.elementor-1737 .elementor-element.elementor-element-cbe8ba2{--width:18%;}.elementor-1737 .elementor-element.elementor-element-176e654{--width:28%;}.elementor-1737 .elementor-element.elementor-element-d12df53{--width:95%;}.elementor-1737 .elementor-element.elementor-element-858636e{--width:18%;}.elementor-1737 .elementor-element.elementor-element-a7784fd{--width:18%;}.elementor-1737 .elementor-element.elementor-element-e20ab77{--width:18%;}.elementor-1737 .elementor-element.elementor-element-1eec3aa{--width:18%;}.elementor-1737 .elementor-element.elementor-element-78a2fea{--width:28%;}.elementor-1737 .elementor-element.elementor-element-d02d7ff{--width:70%;}.elementor-1737 .elementor-element.elementor-element-29641f8{--width:20%;}.elementor-1737 .elementor-element.elementor-element-1244f6d{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1737 .elementor-element.elementor-element-b524f75{--width:20%;}.elementor-1737 .elementor-element.elementor-element-29641f8{--width:55%;}.elementor-1737 .elementor-element.elementor-element-1244f6d{--width:25%;}}@media(max-width:767px){.elementor-1737 .elementor-element.elementor-element-9828aef{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1737 .elementor-element.elementor-element-b524f75{--width:25%;--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:space-evenly;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1737 .elementor-element.elementor-element-b524f75.e-con{--order:-99999 /* order start hack */;}.elementor-1737 .elementor-element.elementor-element-cbe5cb8 > .elementor-widget-container{margin:5px 0px 0px 0px;}.elementor-1737 .elementor-element.elementor-element-cbe5cb8{--container-widget-width:30%;--container-widget-flex-grow:0;width:var( --container-widget-width, 30% );max-width:30%;}.elementor-1737 .elementor-element.elementor-element-cbe5cb8 .petsearch__icon, .elementor-1737 .elementor-element.elementor-element-cbe5cb8 .petsearch__triggerIcon{font-size:27px;}.elementor-1737 .elementor-element.elementor-element-29641f8{--width:44%;--padding-top:15px;--padding-bottom:15px;--padding-left:20px;--padding-right:20px;}.elementor-1737 .elementor-element.elementor-element-1244f6d{--width:31%;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:12px;}.elementor-1737 .elementor-element.elementor-element-9f4f641 .elementor-icon{font-size:32px;}.elementor-1737 .elementor-element.elementor-element-9f4f641 .elementor-icon svg{height:32px;}.elementor-1737 .elementor-element.elementor-element-b07e726{--toggle-icon-size:26px;--toggle-icon-padding:5px 5px 5px 5px;}body:not(.rtl) .elementor-1737 .elementor-element.elementor-element-b07e726 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:-12px;top:-12px;}body.rtl .elementor-1737 .elementor-element.elementor-element-b07e726 .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter]{right:12px;top:-12px;left:auto;}.elementor-1737 .elementor-element.elementor-element-2bd0669{font-size:11px;}}/* Start custom CSS for html, class: .elementor-element-36ca033 *//* --- ESTILOS DEFINITIVOS: SOLUCIÓN CHAT Y STICKY --- */ /* 1. MÓVIL Y TABLET (Configuración Base) */ /* Bajamos el z-index a 9990. */ /* Esto es suficiente para que el header flote sobre el contenido de la web, */ /* pero permite que tu chat (que tiene 9997) se muestre POR ENCIMA del header. */ .elementor-element-e50ee73 { position: relative; z-index: 9990; } /* 2. ESCRITORIO (Pantallas mayores a 1025px) */ /* Mantenemos la lógica inteligente para el Mega Menú y el Overlay */ @media (min-width: 1025px) { /* Estado Normal Escritorio: z-index bajo para que el chat flote */ .elementor-element-e50ee73 { z-index: 100; } /* Estado Menú Abierto Escritorio: El header sube al máximo para ganar al overlay */ body:has(#site-overlay.is-active) .elementor-element-e50ee73 { z-index: 9999; } } /* --- ESTILOS DEL OVERLAY (Sin cambios) --- */ #site-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9998; } #site-overlay.is-active { opacity: 1; pointer-events: auto; } /* Asegura que el contenido del menú desplegable de escritorio esté por encima */ .e-n-menu .e-n-menu-content { z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c920db *//* --- Estilos Generales del Menú --- */ #menu-principal-desk { list-style: none; padding-left: 0; margin-top: -15px; } #menu-principal-desk li a { display: block; padding: 3px 0; color: #555; font-size: 0.8rem; transition: color 0.3s ease; } #menu-principal-desk li a:hover, #menu-principal-desk li a:active { color: #4d2dce; } #menu-principal-desk li:not(.menu-item-has-children) > a:hover, #menu-principal-desk li:not(.menu-item-has-children) > a:active { font-weight: 500; } #menu-principal-desk .menu-item-has-children > a { font-weight: 700; font-size: 0.9rem; color: #161426; padding-top: 15px; } #menu-principal-desk .sub-menu { list-style: none; border-left: 2px solid #d6c9ff; padding-left: 10px; margin-left: 10px; margin-top: 8px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-36ca033 *//* --- ESTILOS DEFINITIVOS: SOLUCIÓN CHAT Y STICKY --- */ /* 1. MÓVIL Y TABLET (Configuración Base) */ /* Bajamos el z-index a 9990. */ /* Esto es suficiente para que el header flote sobre el contenido de la web, */ /* pero permite que tu chat (que tiene 9997) se muestre POR ENCIMA del header. */ .elementor-element-e50ee73 { position: relative; z-index: 9990; } /* 2. ESCRITORIO (Pantallas mayores a 1025px) */ /* Mantenemos la lógica inteligente para el Mega Menú y el Overlay */ @media (min-width: 1025px) { /* Estado Normal Escritorio: z-index bajo para que el chat flote */ .elementor-element-e50ee73 { z-index: 100; } /* Estado Menú Abierto Escritorio: El header sube al máximo para ganar al overlay */ body:has(#site-overlay.is-active) .elementor-element-e50ee73 { z-index: 9999; } } /* --- ESTILOS DEL OVERLAY (Sin cambios) --- */ #site-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9998; } #site-overlay.is-active { opacity: 1; pointer-events: auto; } /* Asegura que el contenido del menú desplegable de escritorio esté por encima */ .e-n-menu .e-n-menu-content { z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c920db *//* --- Estilos Generales del Menú --- */ #menu-principal-desk { list-style: none; padding-left: 0; margin-top: -15px; } #menu-principal-desk li a { display: block; padding: 3px 0; color: #555; font-size: 0.8rem; transition: color 0.3s ease; } #menu-principal-desk li a:hover, #menu-principal-desk li a:active { color: #4d2dce; } #menu-principal-desk li:not(.menu-item-has-children) > a:hover, #menu-principal-desk li:not(.menu-item-has-children) > a:active { font-weight: 500; } #menu-principal-desk .menu-item-has-children > a { font-weight: 700; font-size: 0.9rem; color: #161426; padding-top: 15px; } #menu-principal-desk .sub-menu { list-style: none; border-left: 2px solid #d6c9ff; padding-left: 10px; margin-left: 10px; margin-top: 8px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-36ca033 *//* --- ESTILOS DEFINITIVOS: SOLUCIÓN CHAT Y STICKY --- */ /* 1. MÓVIL Y TABLET (Configuración Base) */ /* Bajamos el z-index a 9990. */ /* Esto es suficiente para que el header flote sobre el contenido de la web, */ /* pero permite que tu chat (que tiene 9997) se muestre POR ENCIMA del header. */ .elementor-element-e50ee73 { position: relative; z-index: 9990; } /* 2. ESCRITORIO (Pantallas mayores a 1025px) */ /* Mantenemos la lógica inteligente para el Mega Menú y el Overlay */ @media (min-width: 1025px) { /* Estado Normal Escritorio: z-index bajo para que el chat flote */ .elementor-element-e50ee73 { z-index: 100; } /* Estado Menú Abierto Escritorio: El header sube al máximo para ganar al overlay */ body:has(#site-overlay.is-active) .elementor-element-e50ee73 { z-index: 9999; } } /* --- ESTILOS DEL OVERLAY (Sin cambios) --- */ #site-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9998; } #site-overlay.is-active { opacity: 1; pointer-events: auto; } /* Asegura que el contenido del menú desplegable de escritorio esté por encima */ .e-n-menu .e-n-menu-content { z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c920db *//* --- Estilos Generales del Menú --- */ #menu-principal-desk { list-style: none; padding-left: 0; margin-top: -15px; } #menu-principal-desk li a { display: block; padding: 3px 0; color: #555; font-size: 0.8rem; transition: color 0.3s ease; } #menu-principal-desk li a:hover, #menu-principal-desk li a:active { color: #4d2dce; } #menu-principal-desk li:not(.menu-item-has-children) > a:hover, #menu-principal-desk li:not(.menu-item-has-children) > a:active { font-weight: 500; } #menu-principal-desk .menu-item-has-children > a { font-weight: 700; font-size: 0.9rem; color: #161426; padding-top: 15px; } #menu-principal-desk .sub-menu { list-style: none; border-left: 2px solid #d6c9ff; padding-left: 10px; margin-left: 10px; margin-top: 8px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-36ca033 *//* --- ESTILOS DEFINITIVOS: SOLUCIÓN CHAT Y STICKY --- */ /* 1. MÓVIL Y TABLET (Configuración Base) */ /* Bajamos el z-index a 9990. */ /* Esto es suficiente para que el header flote sobre el contenido de la web, */ /* pero permite que tu chat (que tiene 9997) se muestre POR ENCIMA del header. */ .elementor-element-e50ee73 { position: relative; z-index: 9990; } /* 2. ESCRITORIO (Pantallas mayores a 1025px) */ /* Mantenemos la lógica inteligente para el Mega Menú y el Overlay */ @media (min-width: 1025px) { /* Estado Normal Escritorio: z-index bajo para que el chat flote */ .elementor-element-e50ee73 { z-index: 100; } /* Estado Menú Abierto Escritorio: El header sube al máximo para ganar al overlay */ body:has(#site-overlay.is-active) .elementor-element-e50ee73 { z-index: 9999; } } /* --- ESTILOS DEL OVERLAY (Sin cambios) --- */ #site-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9998; } #site-overlay.is-active { opacity: 1; pointer-events: auto; } /* Asegura que el contenido del menú desplegable de escritorio esté por encima */ .e-n-menu .e-n-menu-content { z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c920db *//* --- Estilos Generales del Menú --- */ #menu-principal-desk { list-style: none; padding-left: 0; margin-top: -15px; } #menu-principal-desk li a { display: block; padding: 3px 0; color: #555; font-size: 0.8rem; transition: color 0.3s ease; } #menu-principal-desk li a:hover, #menu-principal-desk li a:active { color: #4d2dce; } #menu-principal-desk li:not(.menu-item-has-children) > a:hover, #menu-principal-desk li:not(.menu-item-has-children) > a:active { font-weight: 500; } #menu-principal-desk .menu-item-has-children > a { font-weight: 700; font-size: 0.9rem; color: #161426; padding-top: 15px; } #menu-principal-desk .sub-menu { list-style: none; border-left: 2px solid #d6c9ff; padding-left: 10px; margin-left: 10px; margin-top: 8px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-36ca033 *//* --- ESTILOS DEFINITIVOS: SOLUCIÓN CHAT Y STICKY --- */ /* 1. MÓVIL Y TABLET (Configuración Base) */ /* Bajamos el z-index a 9990. */ /* Esto es suficiente para que el header flote sobre el contenido de la web, */ /* pero permite que tu chat (que tiene 9997) se muestre POR ENCIMA del header. */ .elementor-element-e50ee73 { position: relative; z-index: 9990; } /* 2. ESCRITORIO (Pantallas mayores a 1025px) */ /* Mantenemos la lógica inteligente para el Mega Menú y el Overlay */ @media (min-width: 1025px) { /* Estado Normal Escritorio: z-index bajo para que el chat flote */ .elementor-element-e50ee73 { z-index: 100; } /* Estado Menú Abierto Escritorio: El header sube al máximo para ganar al overlay */ body:has(#site-overlay.is-active) .elementor-element-e50ee73 { z-index: 9999; } } /* --- ESTILOS DEL OVERLAY (Sin cambios) --- */ #site-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9998; } #site-overlay.is-active { opacity: 1; pointer-events: auto; } /* Asegura que el contenido del menú desplegable de escritorio esté por encima */ .e-n-menu .e-n-menu-content { z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c920db *//* --- Estilos Generales del Menú --- */ #menu-principal-desk { list-style: none; padding-left: 0; margin-top: -15px; } #menu-principal-desk li a { display: block; padding: 3px 0; color: #555; font-size: 0.8rem; transition: color 0.3s ease; } #menu-principal-desk li a:hover, #menu-principal-desk li a:active { color: #4d2dce; } #menu-principal-desk li:not(.menu-item-has-children) > a:hover, #menu-principal-desk li:not(.menu-item-has-children) > a:active { font-weight: 500; } #menu-principal-desk .menu-item-has-children > a { font-weight: 700; font-size: 0.9rem; color: #161426; padding-top: 15px; } #menu-principal-desk .sub-menu { list-style: none; border-left: 2px solid #d6c9ff; padding-left: 10px; margin-left: 10px; margin-top: 8px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-36ca033 *//* --- ESTILOS DEFINITIVOS: SOLUCIÓN CHAT Y STICKY --- */ /* 1. MÓVIL Y TABLET (Configuración Base) */ /* Bajamos el z-index a 9990. */ /* Esto es suficiente para que el header flote sobre el contenido de la web, */ /* pero permite que tu chat (que tiene 9997) se muestre POR ENCIMA del header. */ .elementor-element-e50ee73 { position: relative; z-index: 9990; } /* 2. ESCRITORIO (Pantallas mayores a 1025px) */ /* Mantenemos la lógica inteligente para el Mega Menú y el Overlay */ @media (min-width: 1025px) { /* Estado Normal Escritorio: z-index bajo para que el chat flote */ .elementor-element-e50ee73 { z-index: 100; } /* Estado Menú Abierto Escritorio: El header sube al máximo para ganar al overlay */ body:has(#site-overlay.is-active) .elementor-element-e50ee73 { z-index: 9999; } } /* --- ESTILOS DEL OVERLAY (Sin cambios) --- */ #site-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9998; } #site-overlay.is-active { opacity: 1; pointer-events: auto; } /* Asegura que el contenido del menú desplegable de escritorio esté por encima */ .e-n-menu .e-n-menu-content { z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c920db *//* --- Estilos Generales del Menú --- */ #menu-principal-desk { list-style: none; padding-left: 0; margin-top: -15px; } #menu-principal-desk li a { display: block; padding: 3px 0; color: #555; font-size: 0.8rem; transition: color 0.3s ease; } #menu-principal-desk li a:hover, #menu-principal-desk li a:active { color: #4d2dce; } #menu-principal-desk li:not(.menu-item-has-children) > a:hover, #menu-principal-desk li:not(.menu-item-has-children) > a:active { font-weight: 500; } #menu-principal-desk .menu-item-has-children > a { font-weight: 700; font-size: 0.9rem; color: #161426; padding-top: 15px; } #menu-principal-desk .sub-menu { list-style: none; border-left: 2px solid #d6c9ff; padding-left: 10px; margin-left: 10px; margin-top: 8px; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-36ca033 *//* --- ESTILOS DEFINITIVOS: SOLUCIÓN CHAT Y STICKY --- */ /* 1. MÓVIL Y TABLET (Configuración Base) */ /* Bajamos el z-index a 9990. */ /* Esto es suficiente para que el header flote sobre el contenido de la web, */ /* pero permite que tu chat (que tiene 9997) se muestre POR ENCIMA del header. */ .elementor-element-e50ee73 { position: relative; z-index: 9990; } /* 2. ESCRITORIO (Pantallas mayores a 1025px) */ /* Mantenemos la lógica inteligente para el Mega Menú y el Overlay */ @media (min-width: 1025px) { /* Estado Normal Escritorio: z-index bajo para que el chat flote */ .elementor-element-e50ee73 { z-index: 100; } /* Estado Menú Abierto Escritorio: El header sube al máximo para ganar al overlay */ body:has(#site-overlay.is-active) .elementor-element-e50ee73 { z-index: 9999; } } /* --- ESTILOS DEL OVERLAY (Sin cambios) --- */ #site-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.5); opacity: 0; pointer-events: none; transition: opacity 0.3s ease; z-index: 9998; } #site-overlay.is-active { opacity: 1; pointer-events: auto; } /* Asegura que el contenido del menú desplegable de escritorio esté por encima */ .e-n-menu .e-n-menu-content { z-index: 9999 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-8c920db *//* --- Estilos Generales del Menú --- */ #menu-principal-desk { list-style: none; padding-left: 0; margin-top: -15px; } #menu-principal-desk li a { display: block; padding: 3px 0; color: #555; font-size: 0.8rem; transition: color 0.3s ease; } #menu-principal-desk li a:hover, #menu-principal-desk li a:active { color: #4d2dce; } #menu-principal-desk li:not(.menu-item-has-children) > a:hover, #menu-principal-desk li:not(.menu-item-has-children) > a:active { font-weight: 500; } #menu-principal-desk .menu-item-has-children > a { font-weight: 700; font-size: 0.9rem; color: #161426; padding-top: 15px; } #menu-principal-desk .sub-menu { list-style: none; border-left: 2px solid #d6c9ff; padding-left: 10px; margin-left: 10px; margin-top: 8px; }/* End custom CSS */ /* Start custom CSS for icon, class: .elementor-element-9f4f641 *//** * Forzar que el icono de la cuenta sea interactivo * y muestre la manito del cursor. */ #user-account-trigger { pointer-events: auto !important; cursor: pointer !important; } #user-account-trigger:hover { transform: scale(1.1); background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; transition: all 0.2s ease-in-out; /* para que se vea suave */ }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-1e2fe8c */:root { --color-principal: #1F0979; --color-secundario: #4D2DCE; --color-contraste: #D6C9FF; --color-texto: #333; --color-texto-suave: #888; --color-blanco: #D6C9FF; --color-error: #dc3545; } /* --- OPTIMIZACIÓN Y ESTILOS DE ICONOS --- */ body.logged-in #user-account-trigger .elementor-icon-wrapper { width: 40px; height: 40px; } body.logged-in #user-account-trigger .elementor-icon svg { display: none; } .user-initial-circle { width: 40px; height: 40px; border-radius: 50%; background-color: transparent; border: 1.5px solid var(--color-blanco); color: var(--color-blanco); display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 300; line-height: 1; transition: all 0.2s ease; } /* --- ESTILOS DEL MENÚ DESPLEGABLE (CORREGIDO) --- */ #user-account-menu { position: absolute; top: 100%; margin-top: 10px; right: 25px; /* Posición para escritorio */ z-index: 1000; display: none; /* CAMBIO CLAVE: Le damos el ancho al contenedor principal */ width: 280px; } #user-account-menu.is-visible { display: block; } .user-menu-wrapper { background: #fff; border-radius: 12px; box-shadow: 0 5px 25px rgba(0,0,0,0.15); padding: 0; overflow: hidden; border: 1px solid #f0f0f0; /* CAMBIO CLAVE: Ya no necesita un ancho mínimo, se adapta a su padre */ width: 100%; } .user-menu-header { padding: 20px; border-bottom: 1px solid #f0f0f0; } .user-menu-header .user-menu-name { display: block; font-size: 16px; font-weight: 500; color: var(--color-texto); line-height: 1.2; } .user-menu-header .user-menu-email { display: block; font-size: 14px; color: var(--color-texto-suave); } .user-menu-wrapper ul { list-style: none; margin: 0; padding: 10px 0; } .user-menu-wrapper ul li a { display: flex; align-items: center; padding: 12px 20px; color: var(--color-texto); text-decoration: none; font-size: 15px; font-weight: 500; transition: background-color 0.2s ease, color 0.2s ease; } .user-menu-wrapper ul li a:hover { background-color: var(--color-contraste); color: var(--color-principal); } .user-menu-wrapper .menu-icon { width: 30px; height: 30px; margin-right: 15px; object-fit: contain; } .user-menu-wrapper ul li a[href*="customer-logout"]:hover { background-color: #ffebee; color: var(--color-error); } /* --- AJUSTES PARA TABLETS --- */ @media (min-width: 768px) and (max-width: 1024px) { #user-account-menu { min-width: 240px!important; } } /* --- AJUSTES PARA DISPOSITIVOS MÓVILES (SOLUCIÓN FINAL) --- */ @media (max-width: 767px) { #user-account-menu { width: 280px; max-width: calc(100vw - 30px); left: 10%; margin-left: -190px; transform: none; right: auto; } }/* End custom CSS */ /* Start custom CSS for woocommerce-menu-cart, class: .elementor-element-b07e726 *//* Cuando pasas el mouse por el botón */ .elementor-menu-cart__toggle .elementor-button:hover { transform: scale(1.1); background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; transition: all 0.2s ease-in-out; /* para que se vea suave */ }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-e50ee73 */.mensaje-header{ max-height: 40px }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-0750149 */.mensaje-header{ max-height: 40px }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Ibrand'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://www.patupet.com/wp-content/uploads/2025/06/ibrand.ttf') format('truetype'); } /* End Custom Fonts CSS */