/* ============================================
   QUESO & JAMÓN
   HEADER UNIVERSAL - COLORES V3
   ============================================ */

:root {
    --qj-menu-normal: #A51F2B;
    --qj-menu-hover: #8F1B27;
}

/* Fondo de los menús desplegables */
html body #tiendaNav ul.tienda-menu,
html body #tiendaNav ul.tienda-menu > li.submenu,
html body #tiendaNav ul.tienda-menu > li.submenu > ul,
html body #tiendaNav ul.tienda-menu > li.submenu > ul > li,
html body #tiendaNav ul.tienda-menu > li.submenu > ul > li > ul {
    background: #A51F2B !important;
    background-color: #A51F2B !important;
    background-image: none !important;
}

/* Enlaces del primer nivel */
html body #tiendaNav ul.tienda-menu > li.submenu > a,
html body.qj-tienda #tiendaNav ul.tienda-menu > li.submenu > a,
html body .header-area .main-nav #tiendaNav ul.tienda-menu > li.submenu > a {
    background: #A51F2B !important;
    background-color: #A51F2B !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

/* Enlaces de subcategorías */
html body #tiendaNav ul.tienda-menu > li.submenu > ul li > a,
html body.qj-tienda #tiendaNav ul.tienda-menu > li.submenu > ul li > a,
html body .header-area .main-nav #tiendaNav ul.tienda-menu > li.submenu > ul li > a {
    background: #A51F2B !important;
    background-color: #A51F2B !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

/* Hover rojo */
@media (hover: hover) {
    html body #tiendaNav ul.tienda-menu > li.submenu > a:hover,
    html body #tiendaNav ul.tienda-menu > li.submenu > ul li > a:hover,
    html body #tiendaNav ul.tienda-menu > li.submenu:hover > a {
        background: #8F1B27 !important;
        background-color: #8F1B27 !important;
        color: #FFFFFF !important;
    }
}

/* Accesibilidad con teclado */
html body #tiendaNav ul.tienda-menu > li.submenu > a:focus-visible,
html body #tiendaNav ul.tienda-menu > li.submenu > ul li > a:focus-visible {
    background: #8F1B27 !important;
    background-color: #8F1B27 !important;
    color: #FFFFFF !important;
}

/* Mantener color uniforme en enlaces activos */
html body #tiendaNav ul.tienda-menu li.active > a,
html body #tiendaNav ul.tienda-menu li.current-menu-item > a {
    background-color: #A51F2B !important;
    color: #FFFFFF !important;
}

/* Hover sobre enlaces activos */
@media (hover: hover) {
    html body #tiendaNav ul.tienda-menu li.active > a:hover,
    html body #tiendaNav ul.tienda-menu li.current-menu-item > a:hover {
        background-color: #8F1B27 !important;
    }
}

/* QJ_HEADER_HOVER_UNIFICADO_V4 */

/* Hover del menú principal y todos los submenús */
@media (hover: hover) {
    html body .header-area .main-nav a:hover,
    html body #tiendaNav .tienda-menu > li > a:hover,
    html body #tiendaNav .tienda-menu > li.submenu:hover > a,
    html body #tiendaNav .submenu > ul li > a:hover,
    html body header nav .sub-menu li > a:hover,
    html body header nav .dropdown-menu li > a:hover {
        background-color: #8F1B27 !important;
        color: #FF0000 !important;
    }
}

/* Navegación con teclado */
html body #tiendaNav .tienda-menu a:focus-visible,
html body .header-area .main-nav a:focus-visible {
    background-color: #8F1B27 !important;
    color: #FF0000 !important;
}

/* FIN QJ_HEADER_HOVER_UNIFICADO_V4 */

/* QJ_HEADER_LEGALES_V5_INICIO */

/*
 * Uniformidad de desplegables en páginas WordPress.
 * Incluye Promociones, sus submenús y demás dropdowns.
 * No cambia la barra de navegación principal.
 */

/* Fondo de los contenedores desplegables */
html body.page .header-area .main-nav .submenu > ul,
html body.page .header-area .main-nav .submenu > ul > li,
html body.page .header-area .main-nav .submenu > ul > li > ul,
html body.page .header-area .main-nav .submenu > ul > li > ul > li,
html body.page header nav .submenu > ul,
html body.page header nav .submenu > ul li,
html body.page header nav .sub-menu,
html body.page header nav .sub-menu li,
html body.page header nav .dropdown-menu,
html body.page header nav .dropdown-menu li {
    background: #A51F2B !important;
    background-color: #A51F2B !important;
    background-image: none !important;
}

/* Enlaces dentro de cualquier submenú */
html body.page .header-area .main-nav .submenu > ul li > a,
html body.page header nav .submenu > ul li > a,
html body.page header nav .sub-menu li > a,
html body.page header nav .dropdown-menu li > a {
    background: #A51F2B !important;
    background-color: #A51F2B !important;
    background-image: none !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* Hover uniforme */
@media (hover: hover) {
    html body.page .header-area .main-nav .submenu > ul li > a:hover,
    html body.page header nav .submenu > ul li > a:hover,
    html body.page header nav .sub-menu li > a:hover,
    html body.page header nav .dropdown-menu li > a:hover {
        background: #8F1B27 !important;
        background-color: #8F1B27 !important;
        color: #FF0000 !important;
    }
}

/* Navegación por teclado */
html body.page .header-area .main-nav .submenu > ul li > a:focus-visible,
html body.page header nav .sub-menu li > a:focus-visible,
html body.page header nav .dropdown-menu li > a:focus-visible {
    background-color: #8F1B27 !important;
    color: #FF0000 !important;
}

/* Enlaces activos mantienen fondo normal */
html body.page .header-area .main-nav .submenu > ul li.current-menu-item > a,
html body.page header nav .sub-menu li.current-menu-item > a {
    background-color: #A51F2B !important;
    color: #FFFFFF !important;
}

/* Hover también en enlaces activos */
@media (hover: hover) {
    html body.page .header-area .main-nav .submenu > ul li.current-menu-item > a:hover,
    html body.page header nav .sub-menu li.current-menu-item > a:hover {
        background-color: #8F1B27 !important;
        color: #FF0000 !important;
    }
}

/* QJ_HEADER_LEGALES_V5_FIN */

/* ==========================================
   QJ_PROMOCIONES_SUBMENU_V6
   ========================================== */

/* Contenedores del desplegable Promociones */
html body header nav li:has(> a[href*="promociones"]) > ul,
html body header nav li:has(> a[href*="promociones"]) > ul > li,
html body .header-area .main-nav li:has(> a[href*="promociones"]) > ul,
html body .header-area .main-nav li:has(> a[href*="promociones"]) > ul > li {
    background-color: #A51F2B !important;
    background-image: none !important;
}

/* Enlaces interiores */
html body header nav li:has(> a[href*="promociones"]) > ul li > a,
html body .header-area .main-nav li:has(> a[href*="promociones"]) > ul li > a {
    background-color: #A51F2B !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

/* Hover */
@media (hover: hover) {
    html body header nav li:has(> a[href*="promociones"]) > ul li > a:hover,
    html body .header-area .main-nav li:has(> a[href*="promociones"]) > ul li > a:hover {
        background-color: #8F1B27 !important;
        color: #FF0000 !important;
    }
}

/* Navegación con teclado */
html body header nav li:has(> a[href*="promociones"]) > ul li > a:focus-visible,
html body .header-area .main-nav li:has(> a[href*="promociones"]) > ul li > a:focus-visible {
    background-color: #8F1B27 !important;
    color: #FF0000 !important;
}

/* FIN QJ_PROMOCIONES_SUBMENU_V6 */

/* QJ_PROMOCIONES_COLOR_FINAL_INICIO */

/* Contenedor real del desplegable Promociones */
html body .header-area .main-nav ul#qjPromocionesDropdown.qj-promo-dropdown,
html body nav.main-nav ul#qjPromocionesDropdown.qj-promo-dropdown,
html body ul#qjPromocionesDropdown.qj-promo-dropdown {
    background: #A51F2B !important;
    background-color: #A51F2B !important;
    background-image: none !important;
}

/* Elementos interiores */
html body ul#qjPromocionesDropdown.qj-promo-dropdown > li,
html body ul#qjPromocionesDropdown.qj-promo-dropdown > li > a {
    background: #A51F2B !important;
    background-color: #A51F2B !important;
    background-image: none !important;
    color: #FFFFFF !important;
}

/* Hover: fondo vino y letras rojas */
@media (hover: hover) {
    html body ul#qjPromocionesDropdown.qj-promo-dropdown > li > a:hover,
    html body ul#qjPromocionesDropdown.qj-promo-dropdown > li:hover > a {
        background: #8F1B27 !important;
        background-color: #8F1B27 !important;
        color: #FF0000 !important;
    }
}

/* Navegación mediante teclado */
html body ul#qjPromocionesDropdown.qj-promo-dropdown > li > a:focus-visible {
    background-color: #8F1B27 !important;
    color: #FF0000 !important;
}

/* QJ_PROMOCIONES_COLOR_FINAL_FIN */




/* QJ_HOVER_UNIFICADO_V9_INICIO */

/*
 * Tienda y Promociones
 * Hover idéntico en ambos desplegables.
 *
 * Fondo normal existente: #A51F2B
 * Hover: #8F1B27
 * Letras hover: #FF0000
 */

/* TIENDA: hover de categorías y subcategorías */
@media (hover: hover) {

    html body .header-area .main-nav
    #tiendaNav#tiendaNav#tiendaNav
    .tienda-menu > li.submenu:hover > a,

    html body .header-area .main-nav
    #tiendaNav#tiendaNav#tiendaNav
    .tienda-menu > li.submenu > a:hover,

    html body
    #tiendaNav#tiendaNav#tiendaNav
    .tienda-menu > li.submenu:hover > a,

    html body
    #tiendaNav#tiendaNav#tiendaNav
    .tienda-menu > li.submenu > a:hover,

    html body
    #tiendaNav#tiendaNav#tiendaNav
    .submenu > ul li:hover > a,

    html body
    #tiendaNav#tiendaNav#tiendaNav
    .submenu > ul li > a:hover {

        background: #8F1B27 !important;
        background-color: #8F1B27 !important;
        background-image: none !important;
        color: #FF0000 !important;
    }

    /* PROMOCIONES: hover de sus tres opciones */

    html body .header-area .main-nav
    #qjPromocionesDropdown#qjPromocionesDropdown
    > li:hover > a,

    html body .header-area .main-nav
    #qjPromocionesDropdown#qjPromocionesDropdown
    > li > a:hover,

    html body
    #qjPromocionesDropdown#qjPromocionesDropdown
    > li:hover > a,

    html body
    #qjPromocionesDropdown#qjPromocionesDropdown
    > li > a:hover {

        background: #8F1B27 !important;
        background-color: #8F1B27 !important;
        background-image: none !important;
        color: #FF0000 !important;
    }
}

/* Navegación accesible con teclado */
html body #tiendaNav#tiendaNav
.tienda-menu a:focus-visible,

html body #qjPromocionesDropdown#qjPromocionesDropdown
li > a:focus-visible {
    background-color: #8F1B27 !important;
    color: #FF0000 !important;
}

/* QJ_HOVER_UNIFICADO_V9_FIN */

/* QJ_PROMO_HOVER_V10_INICIO */

/* Fondo normal de Promociones */
html body #qjPromocionesDropdown.qj-promo-dropdown {
    background-color: #A51F2B !important;
}

/* Fondo normal de las opciones */
html body #qjPromocionesDropdown.qj-promo-dropdown > li > a {
    background-color: #A51F2B !important;
    color: #FFFFFF !important;
}

/* Hover real, utilizando el contenedor identificado */
@media (hover: hover) {

    html body .header-area nav.main-nav
    ul#qjPromocionesDropdown.qj-promo-dropdown > li:hover > a,

    html body .header-area nav.main-nav
    ul#qjPromocionesDropdown.qj-promo-dropdown > li > a:hover,

    html body #qjPromocionesDropdown.qj-promo-dropdown > li:hover > a,

    html body #qjPromocionesDropdown.qj-promo-dropdown > li > a:hover {

        background-color: #8F1B27 !important;
        background-image: none !important;
        color: #FF0000 !important;
    }
}

/* Navegación mediante teclado */
html body #qjPromocionesDropdown.qj-promo-dropdown
> li > a:focus-visible {
    background-color: #8F1B27 !important;
    color: #FF0000 !important;
}

/* QJ_PROMO_HOVER_V10_FIN */

/* QJ_TIENDA_HOVER_INICIO_V11_INICIO */

/* Tienda: hover completo en todas las páginas */

/* Categorías principales */
@media (hover: hover) {

    html body #tiendaNav#tiendaNav#tiendaNav
    ul.tienda-menu > li.submenu:hover,

    html body #tiendaNav#tiendaNav#tiendaNav
    ul.tienda-menu > li.submenu:hover > a,

    html body #tiendaNav#tiendaNav#tiendaNav
    ul.tienda-menu > li.submenu > a:hover,

    /* Subcategorías */
    html body #tiendaNav#tiendaNav#tiendaNav
    li.submenu > ul li:hover,

    html body #tiendaNav#tiendaNav#tiendaNav
    li.submenu > ul li:hover > a,

    html body #tiendaNav#tiendaNav#tiendaNav
    li.submenu > ul li > a:hover {

        background-color: #8F1B27 !important;
        background-image: none !important;
        color: #FF0000 !important;
    }
}

/* QJ_TIENDA_HOVER_INICIO_V11_FIN */

/* QJ_INICIO_HOVER_FONDO_V12_INICIO */

/*
 * Exclusivo de Inicio.
 * Cambia solamente el fondo del elemento
 * seleccionado en el desplegable Tienda.
 */

@media (hover: hover) {

    html body.home #tiendaNav#tiendaNav#tiendaNav
    .tienda-menu > li.submenu:hover,

    html body.home #tiendaNav#tiendaNav#tiendaNav
    .tienda-menu > li.submenu:hover > a,

    html body.home #tiendaNav#tiendaNav#tiendaNav
    .tienda-menu > li.submenu > a:hover,

    html body.home #tiendaNav#tiendaNav#tiendaNav
    .submenu > ul li:hover,

    html body.home #tiendaNav#tiendaNav#tiendaNav
    .submenu > ul li:hover > a {

        background-color: #8F1B27 !important;
        background-image: none !important;
    }
}

/* QJ_INICIO_HOVER_FONDO_V12_FIN */



/* QJ_FOOTER_REAL_V3_INICIO */

/* Footer universal real de Queso & Jamón */
html body footer#qj-universal-footer.qj-footer-universal {
    background: #8F1B27 !important;
    background-color: #8F1B27 !important;
    background-image: none !important;
    opacity: 1 !important;
}

/* Títulos dorados */
html body footer#qj-universal-footer h2,
html body footer#qj-universal-footer h3,
html body footer#qj-universal-footer h4 {
    color: #FFD27A !important;
    opacity: 1 !important;
    text-shadow: none !important;
}

/* Textos del footer */
html body footer#qj-universal-footer
.qj-fu-description,
html body footer#qj-universal-footer
.qj-fu-copyright {
    color: #FFFFFF !important;
    opacity: 1 !important;
}

/* Mantener fondo transparente en contenedores internos */
html body footer#qj-universal-footer .qj-fu-inner,
html body footer#qj-universal-footer .qj-fu-grid,
html body footer#qj-universal-footer .qj-fu-col {
    background-color: transparent !important;
}

/* QJ_FOOTER_REAL_V3_FIN */


/* QJ_SOCIALES_BORDE_FINO_V5_INICIO */

/* Redes sociales del footer universal */
html body footer#qj-universal-footer
:is(
    .qj-fu-social a,
    [class*="social"] a,
    a[href*="instagram"],
    a[href*="facebook"],
    a[href*="tiktok"]
) {
    width: 44px !important;
    height: 44px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid #D9A441 !important;
    border-radius: 50% !important;

    background-color: #490C10 !important;
    box-shadow: none !important;
    opacity: 1 !important;
}

/* Iconos dorados */
html body footer#qj-universal-footer
:is(
    .qj-fu-social a,
    [class*="social"] a,
    a[href*="instagram"],
    a[href*="facebook"],
    a[href*="tiktok"]
) :is(i, svg) {
    color: #D9A441 !important;
    opacity: 1 !important;
}

/* Evitar bordes gruesos al pasar el cursor */
@media (hover: hover) {
    html body footer#qj-universal-footer
    :is(
        .qj-fu-social a,
        [class*="social"] a,
        a[href*="instagram"],
        a[href*="facebook"],
        a[href*="tiktok"]
    ):hover {
        border: 1px solid #D9A441 !important;
        background-color: #490C10 !important;
        box-shadow: none !important;
    }
}

/* QJ_SOCIALES_BORDE_FINO_V5_FIN */

/* QJ_PAGINACION_TIENDA_V1_INICIO */

/* ============================================
   QUESO & JAMÓN
   PAGINACIÓN DE PRODUCTOS WOOCOMMERCE
   ============================================ */

/* Botones normales */
html body.woocommerce
nav.woocommerce-pagination ul.page-numbers li a.page-numbers,
html body.woocommerce
nav.woocommerce-pagination a.page-numbers {
    background: #A51F2B !important;
    background-color: #A51F2B !important;
    color: #D9A441 !important;
    border-color: #C49A49 !important;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease;
}

/* Hover: borgoña más oscuro */
@media (hover: hover) {
    html body.woocommerce
    nav.woocommerce-pagination ul.page-numbers li a.page-numbers:hover,
    html body.woocommerce
    nav.woocommerce-pagination a.page-numbers:hover {
        background: #8F1B27 !important;
        background-color: #8F1B27 !important;
        color: #D9A441 !important;
    }
}

/* Página activa */
html body.woocommerce
nav.woocommerce-pagination ul.page-numbers li span.page-numbers.current,
html body.woocommerce
nav.woocommerce-pagination span.page-numbers.current {
    background: #782B3B !important;
    background-color: #782B3B !important;
    color: #D9A441 !important;
    border-color: #C49A49 !important;
    font-weight: 700 !important;
}

/* Accesibilidad: navegación por teclado */
html body.woocommerce
nav.woocommerce-pagination a.page-numbers:focus-visible {
    background-color: #8F1B27 !important;
    color: #D9A441 !important;
    outline: 2px solid #D9A441 !important;
    outline-offset: 2px;
}

/* QJ_PAGINACION_TIENDA_V1_FIN */

/* QJ_PAGINACION_AERO_V2_INICIO */

/* ==========================================
   QUESO & JAMÓN
   PAGINACIÓN WINDOWS AERO
   ========================================== */

/* Base cristalina con colores originales */
html body.woocommerce
nav.woocommerce-pagination .page-numbers :is(a.page-numbers, span.page-numbers),
html body.woocommerce
nav.woocommerce-pagination > :is(a.page-numbers, span.page-numbers) {
    position: relative !important;
    overflow: hidden !important;

    color: #D9A441 !important;
    border: 1px solid rgba(217,164,65,.75) !important;
    border-radius: 5px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.32),
        inset 0 -2px 4px rgba(0,0,0,.13),
        0 2px 5px rgba(0,0,0,.17) !important;

    text-shadow: 0 1px 1px rgba(0,0,0,.35) !important;

    transition:
        background-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease !important;
}

/* Fondo normal y reflejo Aero */
html body.woocommerce
nav.woocommerce-pagination a.page-numbers {
    background-color: #A51F2B !important;
    background-image:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.23) 0%,
            rgba(255,255,255,.12) 46%,
            rgba(255,255,255,0) 47%,
            rgba(0,0,0,.10) 100%
        ) !important;
}

/* Hover: mismo borgoña oscuro original */
@media (hover: hover) {
    html body.woocommerce
    nav.woocommerce-pagination a.page-numbers:hover {
        background-color: #8F1B27 !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.40),
            inset 0 -2px 4px rgba(0,0,0,.16),
            0 4px 10px rgba(0,0,0,.25),
            0 0 7px rgba(217,164,65,.30) !important;

        transform: translateY(-2px);
        color: #D9A441 !important;
    }
}

/* Página activa: borgoña */
html body.woocommerce
nav.woocommerce-pagination span.page-numbers.current {
    background-color: #782B3B !important;

    background-image:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.20) 0%,
            rgba(255,255,255,.08) 46%,
            rgba(0,0,0,.08) 47%,
            rgba(0,0,0,.14) 100%
        ) !important;

    color: #D9A441 !important;

    box-shadow:
        inset 0 2px 5px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.15),
        0 0 5px rgba(217,164,65,.25) !important;
}

/* Evitar animaciones cuando el usuario las desactiva */
@media (prefers-reduced-motion: reduce) {
    html body.woocommerce
    nav.woocommerce-pagination a.page-numbers {
        transition: none !important;
        transform: none !important;
    }
}

/* QJ_PAGINACION_AERO_V2_FIN */

/* QJ_PAGINACION_ESPACIADO_V3_INICIO */

/* Quitar borde exterior del contenedor */
html body.woocommerce nav.woocommerce-pagination ul.page-numbers {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border: none !important;
    outline: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    list-style: none !important;
}

/* Quitar cajas intermedias */
html body.woocommerce nav.woocommerce-pagination ul.page-numbers li {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Mantener botones separados y uniformes */
html body.woocommerce nav.woocommerce-pagination a.page-numbers,
html body.woocommerce nav.woocommerce-pagination span.page-numbers {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
}

/* QJ_PAGINACION_ESPACIADO_V3_FIN */

/* QJ_PAGINACION_SEPARACION_V4_INICIO */

/* Separación inferior de paginación */
html body.woocommerce nav.woocommerce-pagination {
    margin-bottom: 5px !important;
}

/* QJ_PAGINACION_SEPARACION_V4_FIN */

/* QJ_CONTADOR_CHECKOUT_V1_INICIO */

/* Contador de cantidad en el resumen del checkout */
html body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity {
    background: #782B3B !important;
    background-color: #782B3B !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-color: #782B3B !important;
    opacity: 1 !important;
}

/* Texto y números interiores */
html body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity *,
html body.woocommerce-checkout
.wc-block-components-order-summary-item__quantity span {
    color: #FFFFFF !important;
}

/* QJ_CONTADOR_CHECKOUT_V1_FIN */

/* QJ_STICKY_LEGALES_V1_INICIO */

/* ==========================================
   QUESO & JAMÓN
   HEADER STICKY - PÁGINAS LEGALES
   ========================================== */

/* Header universal */
html body.qj-legales-sticky .header-area {
    position: sticky !important;
    position: -webkit-sticky !important;
    top: 0 !important;
    z-index: 99990 !important;
    width: 100% !important;
}

/* Conservar los desplegables encima del contenido */
html body.qj-legales-sticky #tiendaNav,
html body.qj-legales-sticky #qjPromocionesDropdown {
    z-index: 99991 !important;
}

/* Mantener sticky en móvil */
@media (max-width: 991px) {
    html body.qj-legales-sticky .header-area {
        top: 0 !important;
        z-index: 99990 !important;
    }
}

/* QJ_STICKY_LEGALES_V1_FIN */

/* QJ_CARRITO_ENLACES_V1_INICIO */

/* ==========================================
   QUESO & JAMÓN
   ENLACES DEL CARRITO EN BORGOÑA
   ========================================== */

/* Nombres de productos: WooCommerce Blocks */
html body.woocommerce-cart
.wc-block-cart-items
.wc-block-components-product-name,
html body.woocommerce-cart
.wc-block-cart-items
a.wc-block-components-product-name {
    color: #782B3B !important;
    text-decoration: none !important;
}

/* Nombres de productos: carrito clásico */
html body.woocommerce-cart
.woocommerce-cart-form
.product-name a {
    color: #782B3B !important;
    text-decoration: none !important;
}

/* Hover de los enlaces */
@media (hover: hover) {
    html body.woocommerce-cart
    .wc-block-cart-items
    a.wc-block-components-product-name:hover,
    html body.woocommerce-cart
    .woocommerce-cart-form
    .product-name a:hover {
        color: #5D2030 !important;
        text-decoration: underline !important;
    }
}

/* Navegación con teclado */
html body.woocommerce-cart
.wc-block-cart-items
a.wc-block-components-product-name:focus-visible,
html body.woocommerce-cart
.woocommerce-cart-form
.product-name a:focus-visible {
    color: #5D2030 !important;
    outline: 2px solid #B38B3D !important;
    outline-offset: 3px;
}

/* QJ_CARRITO_ENLACES_V1_FIN */

/* QJ_CARGANDO_CARRITO_V1_INICIO */

/* Mensajes de carga del carrito WooCommerce Blocks */
html body.woocommerce-cart
.wc-block-components-spinner,
html body.woocommerce-cart
.wc-block-components-loading-mask,
html body.woocommerce-cart
.wc-block-cart__empty-cart-wrapper,
html body.woocommerce-cart
.wc-block-components-loading-message,
html body.woocommerce-cart
.wc-block-components-spinner__status {
    color: #782B3B !important;
}

/* Texto de carga y elementos interiores */
html body.woocommerce-cart
.wc-block-components-loading-mask span,
html body.woocommerce-cart
.wc-block-components-loading-mask p,
html body.woocommerce-cart
.wc-block-components-spinner span,
html body.woocommerce-cart
.wc-block-components-spinner__status {
    color: #782B3B !important;
}

/* Indicador de carga SVG */
html body.woocommerce-cart
.wc-block-components-spinner svg {
    color: #782B3B !important;
}

/* QJ_CARGANDO_CARRITO_V1_FIN */
