/* =========================================================
   ULTRAPC - DOOFINDER
   ========================================================= */

.df-card__tipo-oferta {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    position: relative;
    overflow: hidden;
    padding: 5px 12px;
    background: linear-gradient(
                135deg,
                rgba(5,12,30,.96),
                rgba(12,28,58,.96),
                rgba(8,18,42,.96)
            );
    border: 1px solid #00C8FF;
    border-radius: 8px;
    color: #FFF;
    box-shadow: inset 0 0 18px rgba(0,200,255,.20),
                0 0 10px rgba(0,200,255,.70),
                0 0 22px rgba(0,200,255,.40),
                0 0 35px rgba(208,0,255,.25);
    animation: ultraGlow 2.8s ease-in-out infinite;
}

.df-card__tipo-oferta span {
    color: #FFF !important;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.df-card__tipo-oferta span::before {
    content: "🎁 ";
    margin-right: 4px;
    filter: drop-shadow(0 0 4px #00C8FF)
                drop-shadow(0 0 10px #D000FF);
}

.df-card__tipo-oferta::after {
    content: "";
    position: absolute;
    top: -60%;
    left: -40%;
    width: 35%;
    height: 220%;
    transform: rotate(25deg);
    background: linear-gradient(
                90deg,
                transparent,
                rgba(255,255,255,.45),
                transparent
            );
    animation: shineUltra 3.5s linear infinite;
}

@keyframes ultraGlow {
    0%,100% {
        box-shadow: inset 0 0 18px rgba(0,200,255,.20),
                        0 0 10px rgba(0,200,255,.70),
                        0 0 22px rgba(0,200,255,.40),
                        0 0 35px rgba(208,0,255,.25);
    }
    50% {
        box-shadow: inset 0 0 25px rgba(0,200,255,.35),
                        0 0 15px rgba(0,200,255,1),
                        0 0 30px rgba(0,200,255,.75),
                        0 0 50px rgba(208,0,255,.55);
    }
}

@keyframes shineUltra {
    from {
        left: -40%;
    }
    to {
        left: 140%;
    }
}


/* =========================================================
   10. DOOFINDER — Tarjetas y grid de resultados
   ========================================================= */

.df-card_letsee {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 430px !important;
    margin: 0 !important;
    transition: transform .18s ease,
                border-color .18s ease,
                box-shadow .18s ease;
}

.df-card_letsee:hover {
    transform: translateY(-3px);
    border-color: #cbd9e6 !important;
    box-shadow: 0 9px 24px rgba(25,55,85,.09);
}

.df-card_letsee > .df-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.df-card_letsee .df-card__main {
    height: 100% !important;
    color: inherit !important;
    text-decoration: none !important;
}

.df-card_letsee .df-card__content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.df-card_letsee .df-card__description {
    display: none !important;
}

.df-card_letsee .df-card__image {
    order: 1 !important;
    width: 100% !important;
    height: 175px !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-radius: 11px !important;
    overflow: hidden !important;
}

.df-card_letsee .df-card__image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 180px !important;
    max-height: 165px !important;
    object-fit: contain !important;
}

.df-card_letsee .df-card__discount {
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    z-index: 20 !important;
    margin: 0 !important;
}

.df-card_letsee .descuento_df {
    width: 43px !important;
    height: 43px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(
                    135deg,
                    #ff1010,
                    #ff3d3d
                ) !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 12px rgba(255,0,0,.20);
}

.df-card_letsee .df-card__title {
    order: 2 !important;
    min-height: 52px !important;
    color: #26394a !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
}

.df-card_letsee .df-card__contenedor_upc {
    order: 3 !important;
    line-height: 1.35 !important;
}

.df-card_letsee .df-card__item {
    display: inline-flex !important;
    padding: 3px 8px !important;
    background: #edf5fb !important;
    border-radius: 20px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.df-card_letsee .df-card__id {
    display: none !important;
}

.df-card_letsee .df-card__condicion {
    display: block !important;
    margin-top: 6px !important;
    color: #63788a !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.df-card_letsee .df-card__pricing {
    order: 4 !important;
    margin-top: auto !important;
    padding-top: 11px !important;
}

.df-card_letsee .iva-texto {
    margin-bottom: 3px !important;
    color: #7b8792 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.df-card_letsee .df-card__price--old {
    order: 3 !important;
    color: #98a4ae !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
}

.df-card_letsee .df-card__price--new {
    order: 2 !important;
    font-size: 20px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -.3px;
}

.df-card_letsee .df-card__contenedor_stock {
    order: 5 !important;
    margin-top: 9px !important;
}

.df-card_letsee .df-card__stock {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 68px !important;
    padding: 4px 10px !important;
    background: #eaf8ee !important;
    border: 1px solid #cbead3 !important;
    border-radius: 20px !important;
    color: #288345 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.df-card_letsee .df-card__consulte_stock {
    display: inline-flex !important;
    padding: 4px 10px !important;
    background: #fff7e6 !important;
    border: 1px solid #f1dfb4 !important;
    border-radius: 20px !important;
    color: #956816 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.df-card_letsee .df-card__a_pedido {
    display: inline-flex !important;
    padding: 4px 10px !important;
    background: #eef4fa !important;
    border: 1px solid #d7e3ed !important;
    border-radius: 20px !important;
    color: #436982 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.df-card_letsee #contenedor-añadir-carrito {
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

.df-card_letsee .link-añadir-carrito {
    padding: 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #0067ad !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0,103,173,.13);
    transition: background-color .18s ease,
                transform .18s ease,
                box-shadow .18s ease;
}

.df-card_letsee .link-añadir-carrito:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(0,103,173,.20);
}

.df-card_letsee #contenedor-ver-producto {
    display: none !important;
}

#df-results__wrapper__dffullscreen.df-results {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1500px) {
    #df-results__wrapper__dffullscreen.df-results {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 1100px) {
    #df-results__wrapper__dffullscreen.df-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 800px) {
    #df-results__wrapper__dffullscreen.df-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        padding: 12px !important;
    }
}

@media (max-width: 480px) {
    #df-results__wrapper__dffullscreen.df-results {
        grid-template-columns: 1fr !important;
    }
}





/* =========================================================
   10. DOOFINDER — Tarjetas y grid de resultados
   ========================================================= */

.df-card_letsee {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    min-height: 430px !important;
    margin: 0 !important;
    transition: transform .18s ease,
                border-color .18s ease,
                box-shadow .18s ease;
}

.df-card_letsee:hover {
    transform: translateY(-3px);
    border-color: #cbd9e6 !important;
    box-shadow: 0 9px 24px rgba(25,55,85,.09);
}

.df-card_letsee > .df-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.df-card_letsee .df-card__main {
    height: 100% !important;
    color: inherit !important;
    text-decoration: none !important;
}

.df-card_letsee .df-card__content {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.df-card_letsee .df-card__description {
    display: none !important;
}

.df-card_letsee .df-card__image {
    order: 1 !important;
    width: 100% !important;
    height: 175px !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border-radius: 11px !important;
    overflow: hidden !important;
}

.df-card_letsee .df-card__image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 180px !important;
    max-height: 165px !important;
    object-fit: contain !important;
}

.df-card_letsee .df-card__discount {
    position: absolute !important;
    top: 6px !important;
    left: 6px !important;
    z-index: 20 !important;
    margin: 0 !important;
}

.df-card_letsee .descuento_df {
    width: 43px !important;
    height: 43px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(
                    135deg,
                    #ff1010,
                    #ff3d3d
                ) !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 12px rgba(255,0,0,.20);
}

.df-card_letsee .df-card__title {
    order: 2 !important;
    min-height: 52px !important;
    color: #26394a !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden !important;
}

.df-card_letsee .df-card__contenedor_upc {
    order: 3 !important;
    line-height: 1.35 !important;
}

.df-card_letsee .df-card__item {
    display: inline-flex !important;
    padding: 3px 8px !important;
    background: #edf5fb !important;
    border-radius: 20px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.df-card_letsee .df-card__id {
    display: none !important;
}

.df-card_letsee .df-card__condicion {
    display: block !important;
    margin-top: 6px !important;
    color: #63788a !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

.df-card_letsee .df-card__pricing {
    order: 4 !important;
    margin-top: auto !important;
    padding-top: 11px !important;
}

.df-card_letsee .iva-texto {
    margin-bottom: 3px !important;
    color: #7b8792 !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.df-card_letsee .df-card__price--old {
    order: 3 !important;
    color: #98a4ae !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 500 !important;
    text-decoration: line-through !important;
}

.df-card_letsee .df-card__price--new {
    order: 2 !important;
    font-size: 20px !important;
    line-height: 1.05 !important;
    font-weight: 800 !important;
    letter-spacing: -.3px;
}

.df-card_letsee .df-card__contenedor_stock {
    order: 5 !important;
    margin-top: 9px !important;
}

.df-card_letsee .df-card__stock {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 68px !important;
    padding: 4px 10px !important;
    background: #eaf8ee !important;
    border: 1px solid #cbead3 !important;
    border-radius: 20px !important;
    color: #288345 !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
}

.df-card_letsee .df-card__consulte_stock {
    display: inline-flex !important;
    padding: 4px 10px !important;
    background: #fff7e6 !important;
    border: 1px solid #f1dfb4 !important;
    border-radius: 20px !important;
    color: #956816 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.df-card_letsee .df-card__a_pedido {
    display: inline-flex !important;
    padding: 4px 10px !important;
    background: #eef4fa !important;
    border: 1px solid #d7e3ed !important;
    border-radius: 20px !important;
    color: #436982 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

.df-card_letsee #contenedor-añadir-carrito {
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

.df-card_letsee .link-añadir-carrito {
    padding: 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid #0067ad !important;
    color: #ffffff !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 4px 10px rgba(0,103,173,.13);
    transition: background-color .18s ease,
                transform .18s ease,
                box-shadow .18s ease;
}

.df-card_letsee .link-añadir-carrito:hover {
    transform: translateY(-1px);
    box-shadow: 0 7px 14px rgba(0,103,173,.20);
}

.df-card_letsee #contenedor-ver-producto {
    display: none !important;
}

#df-results__wrapper__dffullscreen.df-results {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 1500px) {
    #df-results__wrapper__dffullscreen.df-results {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 1100px) {
    #df-results__wrapper__dffullscreen.df-results {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 800px) {
    #df-results__wrapper__dffullscreen.df-results {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        padding: 12px !important;
    }
}

@media (max-width: 480px) {
    #df-results__wrapper__dffullscreen.df-results {
        grid-template-columns: 1fr !important;
    }
}





/* =========================================================
   11. DOOFINDER — Filtros
   ========================================================= */

.df-panel[data-role="panel"] {
    margin: 0 0 13px !important;
    padding: 0 !important;
    background: #ffffff !important;
    border: 1px solid #dfe7ee !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(25,55,85,.025),
                0 8px 20px rgba(25,55,85,.03);
    transition: border-color .18s ease,
                box-shadow .18s ease;
}

.df-panel[data-role="panel"]:hover {
    box-shadow: 0 5px 15px rgba(25,55,85,.045);
}

.df-panel[data-role="panel"] .df-term {
    padding-right: 56px !important;
}

.df-panel[data-role="panel"] .df-term__count {
    text-overflow: ellipsis !important;
}

.df-panel[data-role="panel"] > .df-panel__content {
    overflow: hidden !important;
}

.df-panel[data-role="panel"] > .df-panel__title {
    position: relative !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 15px 45px 15px 17px !important;
    background: #ffffff !important;
    background-image: none !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f4 !important;
    color: #26394a !important;
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

.df-panel[data-role="panel"] > .df-panel__title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 11px;
    bottom: 11px;
    width: 3px;
    border-radius: 0 5px 5px 0;
}

.df-panel[data-role="panel"] > .df-panel__title::after {
    content: "−";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    text-align: center;
    background: #edf5fb;
    border-radius: 50%;
    font-size: 17px !important;
    line-height: 24px !important;
    font-weight: 600 !important;
}

.df-panel[data-role="panel"][data-collapse="true"] > .df-panel__title::after {
    content: "+";
}

.df-panel[data-role="panel"] > .df-panel__content {
    padding: 8px 10px 11px !important;
    background: #ffffff !important;
}

.df-panel[data-role="panel"] .df-term {
    position: relative !important;
    min-height: 36px !important;
    margin: 2px 0 !important;
    padding: 10px 44px
                10px 10px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    transition: background-color .15s ease,
                color .15s ease,
                transform .15s ease;
}

.df-panel[data-role="panel"] .df-term:hover {
    background: #f1f7fb !important;
    transform: translateX(2px);
}

.df-panel[data-role="panel"] .df-term__value {
    color: #364b5d !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}

.df-panel[data-role="panel"] .df-term__count {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    min-width: 28px !important;
    padding: 3px 7px !important;
    background: #eef4f8 !important;
    border-radius: 20px !important;
    color: #60788a !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

.df-panel[data-role="panel"] .df-term:hover .df-term__count {
    background: #dfeef8 !important;
}

.df-panel[data-role="panel"] button[data-toggle-extra-content] {
    width: calc(100% - 12px) !important;
    min-height: 36px !important;
    margin: 9px 6px 2px !important;
    padding: 8px 12px !important;
    background: #edf5fb !important;
    border: 1px solid #d3e4ef !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    line-height: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    cursor: pointer !important;
    box-shadow: none !important;
    transition: background-color .15s ease,
                border-color .15s ease,
                transform .15s ease;
}

.df-panel[data-role="panel"] button[data-toggle-extra-content]:hover {
    background: #e1f0fa !important;
    border-color: #bcd7e8 !important;
    transform: translateY(-1px);
}

.df-panel[data-facet="categories"]:has( > .df-panel__content > button[data-toggle-extra-content]:only-child ) {
    display: none !important;
}

.df-panel[data-facet="best_price"] > .df-panel__content {
    padding: 28px 18px
                29px !important;
}

.df-panel[data-facet="best_price"] .df-slider {
    width: 100% !important;
    margin: 0 !important;
    padding: 8px 3px
                18px !important;
    box-sizing: border-box !important;
}

.df-panel[data-facet="best_price"] .noUi-target {
    height: 6px !important;
    background: #e1eaf1 !important;
    border: 0 !important;
    border-radius: 30px !important;
    box-shadow: none !important;
}

.df-panel[data-facet="best_price"] .noUi-base,  .df-panel[data-facet="best_price"] .noUi-connects {
    height: 6px !important;
    border-radius: 30px !important;
}

.df-panel[data-facet="best_price"] .noUi-connect {
    border-radius: 30px !important;
}

.df-panel[data-facet="best_price"] .noUi-handle {
    width: 22px !important;
    height: 22px !important;
    right: -11px !important;
    top: -8px !important;
    background: #ffffff !important;
    border: 3px solid #0067ad !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 7px rgba(0,103,173,.20) !important;
    cursor: grab !important;
}

.df-panel[data-facet="best_price"] .noUi-handle:active {
    cursor: grabbing !important;
}

.df-panel[data-facet="best_price"] .noUi-handle::before,  .df-panel[data-facet="best_price"] .noUi-handle::after {
    display: none !important;
}

.df-panel[data-facet="best_price"] .noUi-tooltip {
    bottom: 29px !important;
    padding: 5px 7px !important;
    border: 0 !important;
    border-radius: 7px !important;
    color: #ffffff !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    box-shadow: 0 3px 9px rgba(0,103,173,.18) !important;
}

.df-panel[data-facet="best_price"] .noUi-tooltip::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #0067ad;
}

.df-panel[data-facet="best_price"] .noUi-pips {
    color: #8493a0 !important;
    font-size: 9px !important;
}

.df-panel[data-facet="best_price"] .noUi-marker-normal {
    display: none !important;
}

.df-panel[data-facet="best_price"] .noUi-marker-large {
    width: 1px !important;
    height: 5px !important;
    background: #cdd8e1 !important;
}

.df-panel[data-facet="best_price"] .noUi-value-large {
    margin-top: 4px !important;
    color: #7c8b98 !important;
    font-size: 9px !important;
    font-weight: 500 !important;
}

.df-panel[data-role="panel"][data-collapse="true"] > .df-panel__title {
    border-bottom-color: transparent !important;
}

@media (max-width: 767px) {
    .df-panel[data-role="panel"] > .df-panel__title {
        min-height: 44px !important;
        padding: 14px 42px
                        14px 15px !important;
        font-size: 13px !important;
    }

    .df-panel[data-role="panel"] .df-term {
        min-height: 34px !important;
        padding: 9px 42px
                        9px 8px !important;
    }

    .df-panel[data-role="panel"] .df-term__value {
        font-size: 11px !important;
    }
}

.df-panel[data-role="panel"] .df-term {
    position: relative !important;
    min-height: 36px !important;
    padding: 10px 10px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.df-panel[data-role="panel"] .df-term__value {
    display: inline-block !important;
    max-width: calc(100% - 48px) !important;
    vertical-align: middle !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.df-panel[data-role="panel"] .df-term__count {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    float: right !important;
    display: inline-block !important;
    min-width: 28px !important;
    max-width: 42px !important;
    margin: 0 !important;
    padding: 3px 7px !important;
    background: #eef4f8 !important;
    border-radius: 20px !important;
    color: #60788a !important;
    font-size: 10px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-align: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.df-panel[data-role="panel"] .df-term::after {
    content: "";
    display: block;
    clear: both;
}

.df-panel[data-facet="year"] > .df-panel__content {
    padding: 12px !important;
}

.df-panel[data-facet="year"] .df-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.df-panel[data-facet="year"] .df-grid-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 7px 5px !important;
    background: #f7fafc !important;
    border: 1px solid #dce6ed !important;
    border-radius: 9px !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
    overflow: hidden !important;
    transition: background-color .15s ease,
                border-color .15s ease,
                color .15s ease,
                transform .15s ease;
}

.df-panel[data-facet="year"] .df-grid-item .df-term__value {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #344b5d !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    text-align: center !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

.df-panel[data-facet="year"] .df-grid-item .df-term__count {
    position: absolute !important;
    top: 2px !important;
    right: 3px !important;
    float: none !important;
    transform: none !important;
    display: block !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: #91a0ac !important;
    font-size: 7px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    text-align: right !important;
    border-radius: 0 !important;
    overflow: visible !important;
}

.df-panel[data-facet="year"] .df-grid-item:hover {
    background: #edf6fc !important;
    border-color: #9fc6df !important;
    transform: translateY(-1px);
}

.df-panel[data-facet="year"] .df-grid-item.selected .df-term__value,  .df-panel[data-facet="year"] .df-grid-item.df-selected .df-term__value,  .df-panel[data-facet="year"] .df-grid-item[aria-selected="true"] .df-term__value {
    color: #ffffff !important;
}

.df-panel[data-role="panel"] > .df-panel__title::before {
    background: #003EB2 !important;
}

.df-panel[data-role="panel"] > .df-panel__title::after {
    color: #003EB2 !important;
}

.df-panel[data-role="panel"] .df-term:hover .df-term__value {
    color: #003EB2 !important;
}

.df-panel[data-role="panel"] .df-term:hover .df-term__count {
    color: #003EB2 !important;
}

.df-panel[data-role="panel"] button[data-toggle-extra-content] {
    color: #003EB2 !important;
}

.df-panel[data-facet="best_price"] .noUi-connect {
    background: #003EB2 !important;
}

.df-panel[data-facet="best_price"] .noUi-handle {
    border-color: #003EB2 !important;
}

.df-panel[data-facet="best_price"] .noUi-tooltip {
    background: #003EB2 !important;
}

.df-panel[data-facet="best_price"] .noUi-tooltip::after {
    border-top-color: #003EB2 !important;
}

.df-panel[data-facet="year"] .df-grid-item:hover .df-term__value {
    color: #003EB2 !important;
}

.df-panel[data-facet="year"] .df-grid-item.selected,  .df-panel[data-facet="year"] .df-grid-item.df-selected,  .df-panel[data-facet="year"] .df-grid-item[aria-selected="true"] {
    background: #003EB2 !important;
    border-color: #003EB2 !important;
}

.df-card_letsee .link-añadir-carrito {
    background: #003EB2 !important;
    border-color: #003EB2 !important;
}

.df-card_letsee .link-añadir-carrito:hover {
    background: #002E8A !important;
}

.df-card_letsee .df-card__price--new {
    color: #003EB2 !important;
}

.df-card_letsee .df-card__item {
    color: #003EB2 !important;
}

.df-panel[data-role="panel"]:hover {
    border-color: rgba(0, 62, 178, .25) !important;
}





/* =========================================================
   12. DOOFINDER — Tarjeta final y ajustes visuales
   ========================================================= */

.df-card_letsee {
    background: #ffffff !important;
    border: 1px solid #dbe5ee !important;
    border-radius: 22px !important;
    box-shadow: 0 8px 22px rgba(21, 45, 74, 0.06) !important;
    padding: 18px 16px 16px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.df-card_letsee .df-card, .df-card_letsee .df-card__main, .df-card_letsee .df-card__content {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    border-radius: 0 !important;
}

.df-card_letsee .df-card {
    padding: 0 !important;
    margin: 0 !important;
}

.df-card_letsee .df-card__main {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

.df-card_letsee .df-card__content {
    padding: 0 2px 12px !important;
    margin: 0 !important;
}

.df-card_letsee .df-card__image {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 0 10px !important;
    text-align: center !important;
}

.df-card_letsee .df-card__image img {
    display: block !important;
    margin: 0 auto !important;
}

.df-card_letsee .df-card__title {
    margin: 0 0 10px !important;
    text-align: left !important;
}

.df-card_letsee .df-card__contenedor_upc {
    text-align: center !important;
    margin: 8px 0 12px !important;
}

.df-card_letsee .df-card__pricing {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin: 12px auto 10px !important;
    padding: 10px 0 8px !important;
    text-align: center !important;
    border-top: 1px solid #e9eef3 !important;
}

.df-card_letsee .iva-texto {
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    text-align: center !important;
}

.df-card_letsee .df-card__price--new, .df-card_letsee .df-card__price--old {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

.df-card_letsee .df-card__price--new {
    margin-top: 0 !important;
}

.df-card_letsee .df-card__price--old {
    margin-top: 4px !important;
}

.df-card_letsee .df-card__contenedor_stock, .df-card_letsee .df-card__contenedor_consulte_stock, .df-card_letsee .df-card__contenedor_a_pedido {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 10px auto 0 !important;
    text-align: center !important;
}

.df-card_letsee .df-card__stock, .df-card_letsee .df-card__consulte_stock, .df-card_letsee .df-card__a_pedido {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    text-align: center !important;
}

.df-card_letsee #contenedor-añadir-carrito {
    margin-top: 12px !important;
    text-align: center !important;
}

.df-card_letsee .link-añadir-carrito {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    width: 100% !important;
    border-radius: 14px !important;
}

.df-card_letsee #contenedor-ver-producto {
    margin-top: 8px !important;
    text-align: center !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee .df-card__content {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee .df-card__image {
    order: 1 !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
    width: 100% !important;
    height: 190px !important;
    flex: 0 0 190px !important;
    margin: 0 0 18px 0 !important;
    padding: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee .df-card__image img {
    position: static !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 190px !important;
    max-height: 175px !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee .df-card__title {
    order: 2 !important;
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    float: none !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 92px !important;
    max-height: none !important;
    margin: 0 0 12px 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    color: #26394a !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 1.38 !important;
    font-weight: 700 !important;
    text-align: left !important;
    z-index: 2 !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee .df-card__contenedor_upc {
    order: 3 !important;
    position: static !important;
    margin: 2px 0 12px !important;
    text-align: center !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee .df-card__pricing {
    order: 4 !important;
    position: static !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 12px 0 8px !important;
    text-align: center !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee .df-card__contenedor_stock {
    order: 5 !important;
    position: static !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 8px 0 0 !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee {
    position: relative !important;
    transition: transform .22s ease,
                border-color .22s ease,
                box-shadow .22s ease !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee:hover {
    transform: translateY(-5px) !important;
    border-color: #003EB2 !important;
    box-shadow: 0 0 0 2px rgba(0, 62, 178, .10),
                0 10px 28px rgba(0, 62, 178, .18),
                0 0 22px rgba(0, 62, 178, .12) !important;
}

#df-results__wrapper__dffullscreen > .df-card_letsee::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(
                    135deg,
                    rgba(0, 62, 178, .07),
                    transparent 38%,
                    transparent 70%,
                    rgba(0, 62, 178, .035)
                );
    transition: opacity .22s ease;
    z-index: 0;
}

#df-results__wrapper__dffullscreen > .df-card_letsee:hover::before {
    opacity: 1;
}

#df-results__wrapper__dffullscreen > .df-card_letsee > * {
    position: relative;
    z-index: 1;
}


/* =========================================================
   13. DOOFINDER — Lógica de stock y filtros administrativos
   ========================================================= */

.df-card_letsee .df-card__contenedor_a_pedido:not(.consignacion) {
    display: none !important;
}

.df-card_letsee .df-card__contenedor_stock:not(.normal):not(.catalogo) {
    display: none !important;
}

.df-card_letsee .df-card__contenedor_stock.catalogo {
    visibility: hidden !important;
}

.df-card_letsee .df-card__contenedor_consulte_stock:not(.masivo):not(.masivoComprable) {
    display: none !important;
}

.df-card_letsee .df-card__contenedor_a_pedido.consignacion {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.df-card_letsee .df-card__contenedor_stock.normal {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.df-card_letsee .df-card__contenedor_consulte_stock.masivo,  .df-card_letsee .df-card__contenedor_consulte_stock.masivoComprable {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

body .df-fullscreen .df-panel[data-role="panel"].df-panel--collapse > .df-panel__title {
    background-image: none !important;
    background-repeat: no-repeat !important;
}

body .df-fullscreen .df-panel[data-role="panel"].df-panel--collapse[data-collapse="true"] > .df-panel__title {
    background-image: none !important;
}

body .df-fullscreen .df-panel[data-role="panel"][data-facet="item_ultra"] > .df-panel__title,  body .df-fullscreen .df-panel[data-role="panel"][data-facet="tags"] > .df-panel__title {
    background: #ffffff !important;
    background-image: none !important;
    color: #26394a !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f4 !important;
}

body .df-fullscreen .df-panel[data-role="panel"][data-facet="item_ultra"] > .df-panel__title:hover,  body .df-fullscreen .df-panel[data-role="panel"][data-facet="tags"] > .df-panel__title:hover {
    background: #f8fbff !important;
    background-image: none !important;
    color: #26394a !important;
}

body.role-administrator .df-panel[data-facet="item_ultra"] > .df-panel__title,  body.role-administrator .df-panel[data-facet="tags"] > .df-panel__title {
    background: #f7efff !important;
    background-image: none !important;
    color: #6f2da8 !important;
    border: 0 !important;
    border-bottom: 1px solid #e3d3f2 !important;
}

body.role-administrator .df-panel[data-facet="item_ultra"] > .df-panel__title::before,  body.role-administrator .df-panel[data-facet="tags"] > .df-panel__title::before {
    background: #8e44ad !important;
}

body.role-administrator .df-panel[data-facet="item_ultra"] > .df-panel__title::after,  body.role-administrator .df-panel[data-facet="tags"] > .df-panel__title::after {
    background: #eadcf7 !important;
    color: #7b2fa3 !important;
}

body.role-administrator .df-panel[data-facet="item_ultra"] > .df-panel__title:hover,  body.role-administrator .df-panel[data-facet="tags"] > .df-panel__title:hover {
    background: #efe0fa !important;
    color: #5e218c !important;
}

/* =========================================================
   DOOFINDER — LOGO ULTRAPC AZUL METÁLICO
   ========================================================= */

.df-topbar__logo {
    position: relative !important;
    display: inline-block !important;
    overflow: hidden !important;
}

.df-topbar__logo img {
    filter:
        brightness(0)
        saturate(100%)
        invert(18%)
        sepia(96%)
        saturate(4300%)
        hue-rotate(218deg)
        brightness(83%)
        contrast(115%)
        drop-shadow(0 1px 0 rgba(255,255,255,0.30))
        drop-shadow(0 2px 2px rgba(0,25,90,0.28)) !important;

    transition: filter 0.3s ease !important;
}

.df-topbar__logo::after {
    content: "";
    position: absolute;
    top: 0;
    left: -35%;
    width: 18%;
    height: 68%;

    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255,255,255,0) 20%,
        rgba(255,255,255,0.18) 35%,
        rgba(255,255,255,0.70) 50%,
        rgba(255,255,255,0.18) 65%,
        rgba(255,255,255,0) 80%,
        transparent 100%
    );

    transform: skewX(-18deg);
    mix-blend-mode: screen;
    pointer-events: none;
    z-index: 10;
}

/* =========================================================
   DOOFINDER — BARRA DE FILTROS SELECCIONADOS
   Azul metálico UltraPC
   ========================================================= */

.df-selected-filters {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;

    margin: 0 0 14px !important;
    padding: 10px 16px !important;

    background:
        linear-gradient(
            135deg,
            #002d86 0%,
            #003EB2 42%,
            #0754c9 72%,
            #003EB2 100%
        ) !important;

    border: 1px solid rgba(0, 43, 135, 0.75) !important;
    border-radius: 16px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.22),
        inset 0 -1px 0 rgba(0,0,60,0.18),
        0 5px 14px rgba(0,40,120,0.16) !important;

    overflow: hidden !important;
}


/* Reflejo metálico suave */
.df-selected-filters::before {
    content: "";
    position: absolute;

    top: -35%;
    left: -10%;

    width: 45%;
    height: 170%;

    background: linear-gradient(
        105deg,
        transparent 0%,
        rgba(255,255,255,0) 25%,
        rgba(255,255,255,0.07) 40%,
        rgba(255,255,255,0.20) 50%,
        rgba(255,255,255,0.07) 60%,
        rgba(255,255,255,0) 75%,
        transparent 100%
    );

    transform: skewX(-20deg);
    pointer-events: none;
    z-index: 0;
}


/* Mantener contenido sobre el reflejo */
.df-selected-filters__title,
.df-selected-filters__content {
    position: relative !important;
    z-index: 2 !important;
}


/* Título */
.df-selected-filters__title {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}


/* Contenedor de filtros */
.df-selected-filters__content {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    flex: 1 !important;
}


/* Filtro seleccionado */
.df-selected-filter {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;

    min-height: 30px !important;
    padding: 5px 11px !important;

    background: rgba(255,255,255,0.96) !important;
    border: 1px solid rgba(255,255,255,0.90) !important;
    border-radius: 999px !important;

    box-shadow:
        0 2px 6px rgba(0,30,90,0.12),
        inset 0 1px 0 rgba(255,255,255,0.8) !important;

    color: #25374a !important;
}


/* Nombre del filtro */
.df-selected-filter__name {
    color: #003EB2 !important;
    font-weight: 700 !important;
}


/* Valor */
.df-selected-filter__value {
    color: #263746 !important;
    font-weight: 500 !important;
}


/* Botón borrar todo */
.df-selected-filters button[data-role="clear-all-filters"] {
    min-height: 30px !important;
    padding: 5px 14px !important;

    background: rgba(255,255,255,0.14) !important;
    border: 1px solid rgba(255,255,255,0.45) !important;
    border-radius: 999px !important;

    color: #ffffff !important;
    font-weight: 700 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.16),
        0 2px 6px rgba(0,20,80,0.12) !important;

    transition:
        background-color .18s ease,
        color .18s ease,
        transform .18s ease !important;
}


/* Hover borrar todo */
.df-selected-filters button[data-role="clear-all-filters"]:hover {
    background: #ffffff !important;
    color: #003EB2 !important;
    transform: translateY(-1px);
}


/* Quitar artefacto blanco en esquina de barra de filtros */
.df-selected-filters::before {
    display: none !important;
}


/* =========================================================
   DOOFINDER — Separación barra filtros / resultados
   ========================================================= */

#df-results__wrapper__dffullscreen.df-results {
    padding-top: 16px !important;
}




/* =========================================================
   DOOFINDER — CABECERA COMPACTA ULTRAPC
   Filtros + Resultados + Ordenar
   ========================================================= */

#df-header__dffullscreen.df-header {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 14px !important;

    width: auto !important;
    min-height: 54px !important;

    margin: 12px 24px 14px !important;
    padding: 8px 14px !important;

    background: linear-gradient(
        135deg,
        #002d86 0%,
        #003EB2 42%,
        #0754c9 72%,
        #003EB2 100%
    ) !important;

    border: 1px solid rgba(0,43,135,.75) !important;
    border-radius: 16px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 5px 14px rgba(0,40,120,.16) !important;

    box-sizing: border-box !important;
}

#df-header__dffullscreen .df-selected-filters {
    position: static !important;
    flex: 1 1 auto !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
    line-height: normal !important;
}

#df-header__dffullscreen .df-selected-filters__title,
#df-header__dffullscreen .df-selected-filters::before {
    display: none !important;
    content: none !important;
}

#df-header__dffullscreen .df-selected-filters__content {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 8px !important;
    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

#df-header__dffullscreen .df-header-title {
    flex: 0 0 auto !important;

    margin: 0 0 0 auto !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}

#df-header__dffullscreen .df-sort-select {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
}

#df-header__dffullscreen .df-sort-select select {
    height: 40px !important;
    min-height: 40px !important;
    min-width: 190px !important;

    margin: 0 !important;
    padding: 0 34px 0 14px !important;

    background: #ffffff !important;
    border: 1px solid rgba(255,255,255,.65) !important;
    border-radius: 12px !important;

    color: #263746 !important;
    font-size: 13px !important;
}

#df-results__wrapper__dffullscreen.df-results {
    margin-top: 0 !important;
    padding-top: 16px !important;
}