.elementor-348 .elementor-element.elementor-element-93c1c71{--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-348 .elementor-element.elementor-element-93c1c71.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-348 .elementor-element.elementor-element-74fc7ba{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--overlay-opacity:0.5;}.elementor-348 .elementor-element.elementor-element-74fc7ba::before, .elementor-348 .elementor-element.elementor-element-74fc7ba > .elementor-background-video-container::before, .elementor-348 .elementor-element.elementor-element-74fc7ba > .e-con-inner > .elementor-background-video-container::before, .elementor-348 .elementor-element.elementor-element-74fc7ba > .elementor-background-slideshow::before, .elementor-348 .elementor-element.elementor-element-74fc7ba > .e-con-inner > .elementor-background-slideshow::before, .elementor-348 .elementor-element.elementor-element-74fc7ba > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-widget-image .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-348 .elementor-element.elementor-element-24861a8{margin:20px 131px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;text-align:center;}.elementor-348 .elementor-element.elementor-element-24861a8 img{width:100%;max-width:100%;height:50px;border-radius:-10px 21px 0px 0px;}.elementor-348 .elementor-element.elementor-element-08454d0{margin:0px -25px calc(var(--kit-widget-spacing, 0px) + 0px) -45px;padding:0px -0px 0px 0px;}.elementor-348 .elementor-element.elementor-element-df42906{margin:0px -50px calc(var(--kit-widget-spacing, 0px) + 0px) 54px;}.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-348 .elementor-element.elementor-element-04f0c55{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 106px;--divider-style:solid;--subtotal-divider-style:solid;--elementor-remove-from-cart-button:none;--remove-from-cart-button:block;--cart-border-style:none;--cart-footer-layout:1fr 1fr;--products-max-height-sidecart:calc(100vh - 240px);--products-max-height-minicart:calc(100vh - 385px);}.elementor-348 .elementor-element.elementor-element-04f0c55 .elementor-menu-cart__toggle .elementor-button{flex-direction:row;}.elementor-348 .elementor-element.elementor-element-04f0c55 .widget_shopping_cart_content{--subtotal-divider-left-width:0;--subtotal-divider-right-width:0;}.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-348 .elementor-element.elementor-element-74fc7ba{--grid-auto-flow:row;--margin-top:0px;--margin-bottom:3px;--margin-left:0px;--margin-right:0px;}.elementor-348 .elementor-element.elementor-element-24861a8{width:var( --container-widget-width, 150px );max-width:150px;margin:9px -35px calc(var(--kit-widget-spacing, 0px) + 27px) 23px;--container-widget-width:150px;--container-widget-flex-grow:0;}.elementor-348 .elementor-element.elementor-element-24861a8 img{width:100%;max-width:100%;height:52px;}.elementor-348 .elementor-element.elementor-element-08454d0{width:var( --container-widget-width, 413px );max-width:413px;margin:12px -152px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:0px 9px 0px -19px;--container-widget-width:413px;--container-widget-flex-grow:0;}.elementor-348 .elementor-element.elementor-element-df42906{margin:0px -47px calc(var(--kit-widget-spacing, 0px) + 26px) 41px;}.elementor-348 .elementor-element.elementor-element-04f0c55{margin:14px -25px calc(var(--kit-widget-spacing, 0px) + 36px) 35px;}}@media(max-width:1024px) and (min-width:768px){.elementor-348 .elementor-element.elementor-element-93c1c71{--width:597px;}}@media(max-width:767px){.elementor-348 .elementor-element.elementor-element-74fc7ba{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-348 .elementor-element.elementor-element-24861a8{margin:-3px 16px calc(var(--kit-widget-spacing, 0px) + -4px) 20px;}.elementor-348 .elementor-element.elementor-element-08454d0{margin:29px -25px calc(var(--kit-widget-spacing, 0px) + -83px) -7px;--container-widget-width:351px;--container-widget-flex-grow:0;width:var( --container-widget-width, 351px );max-width:351px;}.elementor-348 .elementor-element.elementor-element-df42906{width:var( --container-widget-width, 310px );max-width:310px;margin:-44px 2px calc(var(--kit-widget-spacing, 0px) + 14px) -8px;--container-widget-width:310px;--container-widget-flex-grow:0;}.elementor-348 .elementor-element.elementor-element-04f0c55{margin:-136px 12px calc(var(--kit-widget-spacing, 0px) + 97px) 199px;}.elementor-348 .elementor-element.elementor-element-04f0c55.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}}/* Start custom CSS for html, class: .elementor-element-08454d0 *//* Contenedor principal de la navegación */
.custom-nav-container {
    width: 100%;
    background-color: #ffffff;
    padding: 8px 0; 
    display: flex;
    justify-content: flex-start; /* Alineado a la izquierda en PC */
}

/* Lista de navegación */
.custom-nav-menu {
    list-style: none;
    margin: 0;
    padding: 0 40px;
    display: flex;
    gap: 24px; /* Espaciado compacto entre enlaces */
}

/* Elementos de la lista */
.nav-item {
    position: relative;
    padding: 10px 0; /* Relleno vertical reducido */
    white-space: nowrap; 
}

/* Estilo de los enlaces (Letras más pequeñas) */
.nav-item a {
    text-decoration: none;
    color: #1e2e3d; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px; /* Tamaño de letra reducido */
    font-weight: 500; 
    transition: color 0.2s ease-in-out;
}

/* Hover */
.nav-item a:hover {
    color: #0076ce; 
}

/* Estado Activo */
.nav-item.active a {
    color: #0060b9; 
    font-weight: 600;
}

/* Línea inferior activa */
.nav-item.active::after {
    content: "";
    position: absolute;
    bottom: -2px; 
    left: 0;
    width: 100%;
    height: 2px; 
    background-color: #00a3e0; 
    border-radius: 2px;
}

/* ==========================================================================
   VISTA RESPONSIVE (TABLETS Y CELULARES)
   ========================================================================== */
@media (max-width: 1024px) {
    .custom-nav-container {
        justify-content: center; /* Centra el menú en pantallas medianas/chicas */
        padding: 4px 0;
    }

    .custom-nav-menu {
        justify-content: center;
        gap: 8px 16px; 
        padding: 6px 0;
    }

    .nav-item {
        padding: 2px 0;
    }

    .nav-item a {
        font-size: 13px; /* Reducción adicional en móviles para optimizar espacio */
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-df42906 *//* Contenedor general para alineación en el menú */
.search-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Estructura base de la barra (Cerrada por defecto) */
.search-container {
    display: flex;
    align-items: center;
    position: relative;
    background-color: transparent;
    border-radius: 30px;
    padding: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    width: 44px; /* Tamaño exacto del círculo inicial */
    height: 44px;
}

/* El input de texto oculto inicialmente */
.search-input {
    width: 0;
    height: 100%;
    border: none;
    outline: none;
    padding: 0;
    font-size: 14px;
    color: #1e2e3d;
    background-color: transparent;
    transition: all 0.4s ease;
    opacity: 0;
    box-sizing: border-box;
}

/* El botón circular idéntico a tu imagen */
.search-trigger-btn {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border: none;
    border-radius: 50%;
    background-color: #f4f6f9; /* Gris tenue circular de tu imagen */
    color: #0060b9; /* Azul de la lupa */
    font-size: 16px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    padding: 0;
    position: absolute;
    right: 0;
}

/* Pequeño efecto al pasar el cursor sobre el botón cerrado */
.search-trigger-btn:hover {
    background-color: #e9ecf0;
}

/* --- ESTADO ACTIVO (Cuando se hace clic) --- */
.search-container.js-search-active {
    width: 280px; /* Ancho que tomará la barra al abrirse */
    background-color: #f4f6f9; /* El fondo gris se expande a toda la barra */
    padding-left: 15px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}

.search-container.js-search-active .search-input {
    width: calc(100% - 48px); /* Toma el espacio disponible restando el botón */
    opacity: 1;
    padding-right: 10px;
}

.search-container.js-search-active .search-trigger-btn {
    background-color: transparent; /* El botón se fusiona con la barra expandida */
}/* End custom CSS */