.elementor-kit-644{--e-global-color-primary:#006591;--e-global-color-secondary:#001C3A;--e-global-color-text:#3E4850;--e-global-color-accent:#BA1A1A;--e-global-color-a291ecf:#F9F9FF;--e-global-color-f82f8b3:#FFFFFF;--e-global-color-e61994c:#EFF3FF;--e-global-color-7fe79c0:#735C00;--e-global-color-28cc492:#BEC8D1;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:40px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:32px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:16px;--e-global-typography-accent-letter-spacing:0.05em;background-color:var( --e-global-color-a291ecf );color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-kit-644 button,.elementor-kit-644 input[type="button"],.elementor-kit-644 input[type="submit"],.elementor-kit-644 .elementor-button{background-color:var( --e-global-color-primary );color:var( --e-global-color-f82f8b3 );border-radius:5px 5px 5px 5px;}.elementor-kit-644 e-page-transition{background-color:#FFBC7D;}.elementor-kit-644 a{color:var( --e-global-color-accent );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-644 a:hover{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-644 h1{font-size:48px;font-weight:700;line-height:56px;letter-spacing:-0.02em;}.elementor-kit-644 h2{color:var( --e-global-color-primary );font-size:32px;font-weight:700;line-height:40px;}.elementor-kit-644 h3{color:var( --e-global-color-primary );font-size:24px;font-weight:600;line-height:32px;}.elementor-kit-644 h4{color:var( --e-global-color-primary );font-size:18px;font-weight:400;line-height:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-644 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-644 a:hover{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-644 h1{font-size:32px;line-height:40px;letter-spacing:-0.01em;}.elementor-kit-644 h2{font-size:22px;line-height:28px;}.elementor-kit-644 h3{font-size:18px;line-height:24px;}.elementor-kit-644 h4{font-size:16px;line-height:24px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-644 a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-644 a:hover{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-644 h1{font-size:24px;line-height:32px;}.elementor-kit-644 h2{font-size:22px;line-height:28px;}.elementor-kit-644 h3{font-size:18px;line-height:24px;}.elementor-kit-644 h4{font-size:15px;line-height:22px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- 1. ESTILO REAL DEL TÍTULO "CATEGORÍAS" (Corregido para h5) --- */
.menu-categorias-personalizado h5.widget-title,
.menu-categorias-personalizado h5,
.menu-categorias-personalizado .widget-title {
    color: #006591 !important; /* Tu color azul */
    font-family: Inter !important;
    font-size: 22px !important; /* Ajusta el tamaño si lo necesitas */
    line-height: 30px !important;
    font-weight: 700 !important;
    border-bottom: 3px solid #BEC8D1 !important;
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
    display: block !important;
    width: 100% !important;
}


/* --- 2. LIMPIEZA DE LISTAS Y VIÑETAS --- */
.menu-categorias-personalizado ul,
.menu-categorias-personalizado li {
    list-style-type: none !important;
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* --- 3. MODO NORMAL (Elementos del menú) --- */
.menu-categorias-personalizado ul li a,
.menu-categorias-personalizado .elementor-item {
    display: block !important;
    padding: 12px 20px !important; /* Espaciado idéntico a "Equipos" */
    font-family: Inter !important;
    font-size: 12px !important;
    line-height: 16px !important;
    letter-spacing: 0.05em !important;
    color: #BA1A1A !important; /* Tu color Énfasis */
    text-transform: uppercase !important; /* Mayúsculas */
    font-weight: 600 !important;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out !important;
    background-color: transparent !important;
}

/* --- 4. EFECTO HOVER (Fondo Rojo, Fuente Blanca) --- */
.menu-categorias-personalizado ul li a:hover,
.menu-categorias-personalizado .elementor-item:hover {
    background-color: #006591 !important; /* Tu color azul */
    color: #FFFFFF !important; /* Texto blanco */
}

/* --- 5. AJUSTE PARA SUBCATEGORÍAS (Opcional) --- */
.menu-categorias-personalizado ul ul {
    padding-left: 15px !important;
}


/* --- 1. BOTÓN SECUNDARIO: VER CARRITO (AZUL) --- */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart,
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout) {
    background-color: #006591 !important; /* Tu Azul Principal */
    color: #FFFFFF !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Hover Sutil: Ver Carrito */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--view-cart:hover,
.woocommerce-mini-cart__buttons a.button.wc-forward:not(.checkout):hover {
    background-color: #00567a !important; /* Mismo azul ligeramente más oscuro */
    transform: translateY(-2px); /* Eleva el botón */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.04) !important;
}

/* --- 2. BOTÓN PRINCIPAL: FINALIZAR COMPRA (ROJO) --- */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout,
.woocommerce-mini-cart__buttons a.button.checkout.wc-forward {
    background-color: #BA1A1A !important; /* Tu Rojo Énfasis */
    color: #FFFFFF !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Hover Sutil: Finalizar Compra */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__footer-buttons a.elementor-button--checkout:hover,
.woocommerce-mini-cart__buttons a.button.checkout.wc-forward:hover {
    background-color: #a31414 !important; /* Mismo rojo ligeramente más oscuro */
    transform: translateY(-2px) scale(1.02); /* Eleva y agranda mínimamente */
    box-shadow: 0 10px 20px -5px rgba(183, 28, 28, 0.35) !important; /* Tu resplandor rojo característico */
}/* End custom CSS */