/* =========================================================
   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(18,11,24,.96),
                rgba(36,22,48,.96),
                rgba(26,16,34,.96)
            );
    border: 1px solid #ff9538;
    border-radius: 8px;
    color: #ffffff;
    box-shadow: inset 0 0 18px rgba(255,149,56,.20),
                0 0 10px rgba(255,149,56,.70),
                0 0 22px rgba(255,149,56,.40),
                0 0 35px rgba(126,9,165,.25);
    animation: ultraGlow 2.8s ease-in-out infinite;
}

.df-card__tipo-oferta span {
    color: #ffffff !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 #ff9538)
                drop-shadow(0 0 10px #7e09a5);
}

.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(255,149,56,.20),
                        0 0 10px rgba(255,149,56,.70),
                        0 0 22px rgba(255,149,56,.40),
                        0 0 35px rgba(126,9,165,.25);
    }
    50% {
        box-shadow: inset 0 0 25px rgba(255,149,56,.35),
                        0 0 15px rgba(255,149,56,1),
                        0 0 30px rgba(255,149,56,.75),
                        0 0 50px rgba(126,9,165,.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: #ddd8d4 !important;
    box-shadow: 0 9px 24px rgba(56,38,72,.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: #392e42 !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: #f7f4f1 !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: #7d7670 !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: #8b8682 !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: #a7a39f !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: #f4f1ee !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: #f6f2ef !important;
    border: 1px solid #f1dfb4 !important;
    border-radius: 20px !important;
    color: #c68a1d !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: #f7f4f1 !important;
    border: 1px solid #e9e2db !important;
    border-radius: 20px !important;
    color: #6e6257 !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 #e56b00 !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(229,107,0,.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(229,107,0,.20);
}

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

#df-results__wrapper__dffullscreen.df-results {
    display: grid !important;
    grid-template-columns: repeat(3, 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 #ede6e0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 3px 10px rgba(56,38,72,.025),
                0 8px 20px rgba(56,38,72,.03);
    transition: border-color .18s ease,
                box-shadow .18s ease;
}

.df-panel[data-role="panel"]:hover {
    border-color: rgba(234,109,0, .25) !important;
    box-shadow: 0 5px 15px rgba(56,38,72,.045);
}

.df-panel[data-role="panel"] > .df-panel__content {
    padding: 8px 10px 11px !important;
    background: #ffffff !important;
    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 #f4f0ed !important;
    color: #392e42 !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;
    background: #ea6d00 !important;
    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: #f7f4f1;
    border-radius: 50%;
    color: #ea6d00 !important;
    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-term:hover {
    background: #f8f6f4 !important;
    transform: translateX(2px);
}

.df-panel[data-role="panel"] .df-term__value {
    display: inline-block !important;
    max-width: calc(100% - 48px) !important;
    vertical-align: middle !important;

    color: #4a3f54 !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;

    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.df-panel[data-role="panel"] .df-term:hover .df-term__count {
    background: #f0ece7 !important;
    color: #ea6d00 !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: #f7f4f1 !important;
    border: 1px solid #e8e1da !important;
    border-radius: 9px !important;
    color: #ea6d00 !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: #f2eee9 !important;
    border-color: #dad2ca !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: #eee9e4 !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 {
    background: #ea6d00 !important;
    border-radius: 30px !important;
}

.df-panel[data-facet="best_price"] .noUi-handle {
    width: 10px !important;
    height: 18px !important;
    right: -5px !important;
    top: -6px !important;
    background: #ffffff !important;
    border: 2px solid #ea6d00 !important;
    border-radius: 3px !important;
    box-shadow: 0 2px 7px rgba(229,107,0,.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;
    background: #ea6d00 !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(229,107,0,.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 #ea6d00;
}

.df-panel[data-facet="best_price"] .noUi-pips {
    color: #97928d !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: #dad7d4 !important;
}

.df-panel[data-facet="best_price"] .noUi-value-large {
    margin-top: 4px !important;
    color: #8f8a85 !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__value {
        font-size: 11px !important;
    }
}

.df-panel[data-role="panel"] .df-term {
    position: relative !important;
    min-height: 36px !important;

    margin: 2px 0 !important;
    padding: 10px 10px !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 9px !important;

    overflow: hidden !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__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: #f6f3f0 !important;
    border-radius: 20px !important;

    color: #7c756e !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;
    text-overflow: ellipsis !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: #fbfaf8 !important;
    border: 1px solid #ebe4de !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: #493d54 !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: #a39e9a !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: #f7f4f2 !important;
    border-color: #cabfb4 !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-term:hover .df-term__value {
    color: #ea6d00 !important;
}

.df-panel[data-facet="year"] .df-grid-item:hover .df-term__value {
    color: #ea6d00 !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: #ea6d00 !important;
    border-color: #ea6d00 !important;
}





/* =========================================================
   12. DOOFINDER — Tarjeta final estilo Home UltraPC
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen) > .df-card_letsee {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;

    min-height: 365px !important;

    padding: 12px !important;

    background: #ffffff !important;

    border: 1px solid #eee8e2 !important;
    border-radius: 17px !important;

    box-sizing: border-box !important;
    overflow: hidden !important;

    box-shadow:
        0 2px 5px rgba(48,30,64, .025),
        0 8px 18px rgba(48,30,64, .055) !important;

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


/* ---------- Estructura ---------- */

.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;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
> .df-card,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__main,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__content {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;
    min-height: 0 !important;

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

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__description {
    display: none !important;
}


/* ---------- Imagen ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__image {
    order: 1 !important;

    position: static !important;

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

    float: none !important;

    box-sizing: border-box !important;

    width: 100% !important;

    height: 165px !important;
    min-height: 165px !important;
    flex: 0 0 165px !important;

    margin: 0 0 10px !important;
    padding: 3px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fdfcfb 100%
        ) !important;

    border-radius: 13px !important;

    overflow: hidden !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__image img {
    position: static !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    margin: auto !important;

    object-fit: contain !important;

    transform: scale(1.04) !important;

    transition:
        transform .25s ease !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee:hover
.df-card__image img {
    transform: scale(1.08) !important;
}


/* ---------- Descuento ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__discount {
    position: absolute !important;

    top: 12px !important;
    left: 12px !important;

    z-index: 20 !important;

    margin: 0 !important;

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

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.descuento_df {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 48px !important;
    height: 27px !important;

    padding: 0 9px !important;

    background: #ef3038 !important;

    border-radius: 999px !important;

    color: #ffffff !important;

    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-shadow:
        0 4px 10px rgba(239,48,56, .20) !important;
}


/* ---------- Título ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__title {
    order: 2 !important;

    position: static !important;

    display: -webkit-box !important;

    width: 100% !important;

    height: 47px !important;
    min-height: 47px !important;
    max-height: 47px !important;

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

    overflow: hidden !important;

    color: #3a2e44 !important;

    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 1.3 !important;

    letter-spacing: -.18px !important;

    text-align: center !important;

    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}


/* ---------- ITEM + condición ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__contenedor_upc {
    order: 3 !important;

    position: static !important;

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

    flex-wrap: nowrap !important;

    width: 100% !important;

    height: 25px !important;
    min-height: 25px !important;

    gap: 6px !important;

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

    white-space: nowrap !important;

    text-align: center !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__contenedor_upc br,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__id {
    display: none !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__item,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__condicion {
    position: static !important;

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

    gap: 4px !important;

    box-sizing: border-box !important;

    width: auto !important;

    height: 24px !important;
    min-height: 24px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    border-radius: 999px !important;

    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__item {
    background: #f9f6f4 !important;

    border: 1px solid #f0ebe5 !important;

    color: #f68019 !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__item::before {
    content: none !important;

    display: inline-block !important;

    width: 7px !important;
    height: 7px !important;

    border: 1.4px solid #f68019 !important;
    border-radius: 2px !important;

    transform: rotate(45deg) !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__condicion {
    background: #f7f4f2 !important;

    border: 1px solid #ebe4de !important;

    color: #27824b !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__condicion::before {
    content: "✦" !important;

    color: #159342 !important;

    font-size: 10px !important;
    line-height: 1 !important;
}


/* ---------- USADO ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee:has(.df-card:is([class*="/Usado/"], [class$="/Usado"])) {
    border-color: #ead7bf !important;

    box-shadow:
        0 2px 5px rgba(120,74,23, .035),
        0 8px 18px rgba(120,74,23, .08) !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee:has(.df-card:is([class*="/Usado/"], [class$="/Usado"]))
.df-card__condicion {
    background: #f6f3f1 !important;

    border: 1px solid #efd4b3 !important;

    color: #d77b20 !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee:has(.df-card:is([class*="/Usado/"], [class$="/Usado"]))
.df-card__condicion::before {
    content: "✦" !important;

    color: #da8835 !important;

    font-size: 9px !important;
    font-weight: 800 !important;
}


/* ---------- Precio ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__pricing {
    order: 4 !important;

    position: static !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: flex-start !important;

    width: 100% !important;

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

    border-top:
        1px solid #f1ece8 !important;

    text-align: center !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.iva-texto,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__price--old {
    display: none !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__price--new {
    display: block !important;

    width: 100% !important;

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

    color: #ff7803 !important;

    font-size: 20px !important;
    font-weight: 850 !important;
    line-height: 1 !important;

    letter-spacing: -.55px !important;

    white-space: nowrap !important;

    text-align: center !important;
}


/* ---------- Stock fuera del diseño visual ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__contenedor_stock {
    display: none !important;
}


/* ---------- Añadir al carrito ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-añadir-carrito {
    flex: 0 0 auto !important;

    width: 100% !important;

    margin: 9px 0 0 !important;
    padding: 0 !important;

    text-align: center !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.link-añadir-carrito {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    box-sizing: border-box !important;

    width: 100% !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background:
        linear-gradient(
            145deg,
            #f7841f 0%,
            #f77300 58%,
            #dc6700 100%
        ) !important;

    border: 0 !important;
    border-radius: 999px !important;

    color: #ffffff !important;

    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    text-indent: 0 !important;

    white-space: nowrap !important;

    overflow: hidden !important;

    box-shadow:
        0 5px 12px rgba(243,113,0, .24) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.link-añadir-carrito::before {
    content: "\61" !important;

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

    flex: 0 0 29px !important;

    box-sizing: border-box !important;

    width: 29px !important;
    height: 29px !important;

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

    background: #ffffff !important;

    border-radius: 50% !important;

    color: #f68019 !important;

    font-family: font-electro !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 29px !important;

    text-indent: 0 !important;

    box-shadow:
        0 2px 5px rgba(62,27,93, .10) !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.link-añadir-carrito:hover {
    transform: translateY(-1px) !important;

    box-shadow:
        0 7px 16px rgba(243,113,0, .31) !important;
}


/* ---------- Ver producto ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-ver-producto {
    width: 100% !important;

    margin: 5px 0 0 !important;

    text-align: center !important;
}


/* ---------- Hover tarjeta ---------- */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee:hover {
    transform: translateY(-3px) !important;

    border-color: #e3ded9 !important;

    box-shadow:
        0 7px 16px rgba(48,30,64, .07),
        0 15px 30px rgba(48,30,64, .07) !important;
}


/* ---------- Móvil ---------- */

@media (max-width: 767px) {

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    > .df-card_letsee {
        min-height: 325px !important;

        padding: 9px !important;

        border-radius: 16px !important;
    }

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    > .df-card_letsee
    .df-card__image {
        height: 130px !important;
        min-height: 130px !important;
        flex-basis: 130px !important;
    }

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    > .df-card_letsee
    .df-card__title {
        font-size: 10.5px !important;
    }

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    > .df-card_letsee
    .link-añadir-carrito {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;

        font-size: 10.5px !important;
    }
}



/* ==========================================================
   DOOFINDER — Acciones secundarias Favoritos / Comparar
   ========================================================== */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-añadir-carrito {
    width: 88% !important;
    margin: 9px auto 0 !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-añadir-carrito
.link-añadir-carrito {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__acciones-secundarias {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;

    width: 88% !important;
    margin: 7px auto 0 !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__favoritos {
    width: 100% !important;
    margin: 0 !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__acciones-secundarias
.add_to_wishlist,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__acciones-secundarias
.df-card__comparar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    box-sizing: border-box !important;

    width: 100% !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    background: #ffffff !important;

    border: 1px solid #ede6e0 !important;
    border-radius: 999px !important;

    color: #f68019 !important;

    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    text-indent: 0 !important;

    box-shadow:
        0 2px 5px rgba(78,34,116, .06) !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__accion-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 auto !important;

    color: #f68019 !important;

    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__accion-texto {
    display: inline !important;

    color: #f68019 !important;

    font-size: 9px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__acciones-secundarias
.add_to_wishlist::before,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__acciones-secundarias
.add_to_wishlist::after,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__acciones-secundarias
.df-card__comparar::before,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__acciones-secundarias
.df-card__comparar::after {
    display: none !important;
    content: none !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__acciones-secundarias
.add_to_wishlist:hover,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__acciones-secundarias
.df-card__comparar:hover {
    background: #f9f6f4 !important;
    border-color: #dccfc2 !important;
    color: #f47200 !important;
}


/* =========================================================
   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: #392e42 !important;
    border: 0 !important;
    border-bottom: 1px solid #f4f0ed !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: #fcfcfb !important;
    background-image: none !important;
    color: #392e42 !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: #f9f7f5 !important;
    background-image: none !important;
    color: #4f236e !important;
    border: 0 !important;
    border-bottom: 1px solid #eae2db !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: #623272 !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: #efeae4 !important;
    color: #59246b !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: #f2ede9 !important;
    color: #401a5c !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(47,20,70,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,
            #451e68 0%,
            #ea6d00 42%,
            #f77d11 72%,
            #ea6d00 100%
        ) !important;

    border: 1px solid rgba(70,30,105, 0.75) !important;
    border-radius: 16px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.22),
        inset 0 -1px 0 rgba(31,14,46,0.18),
        0 5px 14px rgba(62,27,93,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(47,20,70,0.12),
        inset 0 1px 0 rgba(255,255,255,0.8) !important;

    color: #382d42 !important;
}


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


/* Valor */
.df-selected-filter__value {
    color: #372d3f !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(41,18,62,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: #ea6d00 !important;
    transform: translateY(-1px);
}


/* Quitar artefacto blanco en esquina de barra de filtros */
.df-selected-filters::before {
    display: none !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,
        #451e68 0%,
        #ea6d00 42%,
        #f77d11 72%,
        #ea6d00 100%
    ) !important;

    border: 1px solid rgba(70,30,105,.75) !important;
    border-radius: 16px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 5px 14px rgba(62,27,93,.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: #372d3f !important;
    font-size: 13px !important;
}


/* =========================================================
   CONDICIONES NUEVO / NUEVO SELLADO / OPEN BOX
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee:has(
    .df-card:is(
        [class*="/Nuevo/"],
        [class$="/Nuevo"],
        [class*="/Nuevo Sellado/"],
        [class$="/Nuevo Sellado"],
        [class*="/Open Box/"],
        [class$="/Open Box"]
    )
)
.df-card__condicion {
    background: #f9f6f4 !important;
    border: 1px solid #f0ebe5 !important;
    color: #f68019 !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee:has(
    .df-card:is(
        [class*="/Nuevo/"],
        [class$="/Nuevo"],
        [class*="/Nuevo Sellado/"],
        [class$="/Nuevo Sellado"],
        [class*="/Open Box/"],
        [class$="/Open Box"]
    )
)
.df-card__condicion::before {
    content: "✦" !important;
    color: #f68019 !important;
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    border: 0 !important;
    border-radius: 0 !important;

    transform: none !important;
}

/* ==========================================================
   DOOFINDER - FILTROS SELECCIONADOS
   Resalta cualquier opción activa del panel de filtros
   ========================================================== */

html body .df-fullscreen .df-grid .df-grid-item[data-selected],
html body .df-grid .df-grid-item[data-selected],
html body .df-fullscreen .df-term[data-selected],
html body .df-term[data-selected] {
    background: #fc7703 !important;
    background-color: #fc7703 !important;
    border-radius: 8px !important;
}

html body .df-fullscreen .df-grid .df-grid-item[data-selected] .df-term__value,
html body .df-grid .df-grid-item[data-selected] .df-term__value,
html body .df-fullscreen .df-term[data-selected] .df-term__value,
html body .df-term[data-selected] .df-term__value {
    color: #ffffff !important;
    font-weight: 700 !important;
}

html body .df-fullscreen .df-grid .df-grid-item[data-selected] .df-term__count,
html body .df-grid .df-grid-item[data-selected] .df-term__count,
html body .df-fullscreen .df-term[data-selected] .df-term__count,
html body .df-term[data-selected] .df-term__count {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #fc7703 !important;
}

/* Hover sobre una opción ya seleccionada */
html body .df-fullscreen .df-grid .df-grid-item[data-selected]:hover,
html body .df-grid .df-grid-item[data-selected]:hover,
html body .df-fullscreen .df-term[data-selected]:hover,
html body .df-term[data-selected]:hover {
    background: #f6811b !important;
    background-color: #f6811b !important;
}

html body .df-fullscreen .df-grid .df-grid-item[data-selected]:hover .df-term__value,
html body .df-grid .df-grid-item[data-selected]:hover .df-term__value,
html body .df-fullscreen .df-term[data-selected]:hover .df-term__value,
html body .df-term[data-selected]:hover .df-term__value {
    color: #ffffff !important;
}

/* =========================================================
   DOOFINDER - CENTRADO PRECIO NORMAL SIN DESCUENTO
   ========================================================= */

#df-results__wrapper__dffullscreen
.df-card_letsee
.df-card__price:not(.df-card__price--old):not(.df-card__price--new) {
    display: block !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center !important;
}


/* =========================================================
   DOOFINDER - ICONO UNIFICADO PARA TODAS LAS CONDICIONES
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__condicion::before {
    content: "✦" !important;

    display: inline-block !important;
    width: auto !important;
    height: auto !important;

    border: 0 !important;
    border-radius: 0 !important;

    transform: none !important;

    font-size: 10px !important;
    line-height: 1 !important;
}


/* =========================================================
   DOOFINDER - CENTRADO ITEM + CONDICION
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__contenedor_upc {
    justify-content: center !important;
    text-align: center !important;
}


/* =========================================================
   DOOFINDER - CAPSULA STOCK EN TARJETA
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__stock-pill {
    position: static !important;

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

    box-sizing: border-box !important;

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

    margin: 0 !important;
    padding: 0 8px !important;

    background: #f6f3f1 !important;
    border: 1px solid #eae3dd !important;
    border-radius: 999px !important;

    color: #27824b !important;

    font-size: 8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    white-space: nowrap !important;
    text-transform: uppercase !important;
}



/* =========================================================
   DOOFINDER - CAPSULAS RESPONSIVE EN MOVIL
   Evita cortar ITEM / CONDICION / STOCK
   ========================================================= */

@media (max-width: 767px) {

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    > .df-card_letsee
    .df-card__contenedor_upc {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex-wrap: wrap !important;

        width: 100% !important;
        height: auto !important;
        min-height: 24px !important;

        column-gap: 6px !important;
        row-gap: 5px !important;

        margin-bottom: 10px !important;

        overflow: visible !important;
        white-space: normal !important;
    }

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    > .df-card_letsee
    .df-card__item,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    > .df-card_letsee
    .df-card__condicion,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    > .df-card_letsee
    .df-card__stock-pill {
        flex: 0 0 auto !important;
        flex-shrink: 0 !important;

        width: auto !important;
        max-width: 100% !important;

        white-space: nowrap !important;
        overflow: visible !important;
        text-overflow: clip !important;
    }

}

/* =========================================================
   DOOFINDER — CAPSULAS ITEM / CONDICION / STOCK
   Valores finales consolidados
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__item,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__condicion,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__stock-pill {
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
}

/* Condición central */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__condicion {
    font-weight: 900 !important;
    -webkit-text-stroke: 0.35px currentColor;
}

/* Icono de condición */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__condicion::before {
    font-size: 14px !important;
    -webkit-text-stroke: 0 !important;
}

/* Separación entre cápsulas */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__contenedor_upc {
    column-gap: 8px !important;
    row-gap: 7px !important;
}


/* =========================================================
   DOOFINDER — ULTRAOFERTA MODERNA
   24-08-2026
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card {
    position: relative !important;
}

/* Solo etiqueta Ultraoferta */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__tipo-oferta.Ultraoferta {
    position: absolute !important;
    z-index: 12 !important;

    top: 12px !important;
    right: 12px !important;
    left: auto !important;

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

    width: auto !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 6px 11px !important;

    background:
        linear-gradient(
            135deg,
            #ea6d00 0%,
            #f68019 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.72) !important;
    border-radius: 999px !important;

    color: #ffffff !important;

    box-shadow:
        0 4px 12px rgba(234,109,0,.24),
        0 0 0 1px rgba(255,124,8,.10) !important;

    overflow: hidden !important;

    animation: none !important;
}

/* Texto */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__tipo-oferta.Ultraoferta span {
    margin: 0 !important;

    color: #ffffff !important;

    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    letter-spacing: .55px !important;
    text-transform: uppercase !important;

    white-space: nowrap !important;
}

/* Quitar caja de regalo */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__tipo-oferta.Ultraoferta span::before {
    display: none !important;
    content: none !important;
}

/* Brillo más sobrio */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
.df-card__tipo-oferta.Ultraoferta::after {
    content: "" !important;

    position: absolute !important;
    top: -60% !important;
    left: -50% !important;

    width: 28% !important;
    height: 220% !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.30),
            transparent
        ) !important;

    transform: rotate(24deg) !important;

    animation: shineUltra 4.5s linear infinite !important;

    pointer-events: none !important;
}


/* =========================================================
   DOOFINDER — VER PRODUCTO PARA CATALOGO / MASIVO
   24-08-2026
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-ver-producto.catalogo,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-ver-producto.masivo {
    display: block !important;
    order: 10 !important;

    width: 88% !important;

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

    text-align: center !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-ver-producto.catalogo
.link-ver-producto,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-ver-producto.masivo
.link-ver-producto {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    box-sizing: border-box !important;

    width: 100% !important;
    max-width: none !important;

    height: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 12px !important;

    background:
        linear-gradient(
            135deg,
            #f68019 0%,
            #f17000 100%
        ) !important;

    border: 1px solid #f17000 !important;
    border-radius: 999px !important;

    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow:
        0 5px 12px rgba(243,113,0,.24) !important;

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

/* Icono ojo */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-ver-producto
.link-ver-producto::before {
    content: "" !important;

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

    flex: 0 0 29px !important;

    width: 29px !important;
    height: 29px !important;

    margin: 0 !important;

    background-color: #ffffff !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z' fill='none' stroke='%23f68019' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%23f68019'/%3E%3C/svg%3E") !important;

    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 17px 17px !important;

    border-radius: 50% !important;

    font-size: 0 !important;
    line-height: 29px !important;

    box-shadow:
        0 2px 5px rgba(62,27,93,.10) !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee
#contenedor-ver-producto
.link-ver-producto:hover {
    background:
        linear-gradient(
            135deg,
            #f17509 0%,
            #db6600 100%
        ) !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 7px 16px rgba(243,113,0,.31) !important;
}



/* Orden de acciones en catálogo / masivo */
/* Acciones secundarias debajo */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee:has(#contenedor-ver-producto.catalogo)
.df-card__acciones-secundarias,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee:has(#contenedor-ver-producto.masivo)
.df-card__acciones-secundarias {
    order: 11 !important;

    margin-top: 7px !important;
    margin-bottom: 0 !important;
}


/* =========================================================
   DOOFINDER — CONDICION REACONDICIONADO
   24-08-2026
   ========================================================= */

/* Quitar exclusivamente el diamante de REACONDICIONADO */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee.df-card--reacondicionado
.df-card__condicion::before {
    display: none !important;
    content: none !important;
}

/* Aprovechar el espacio recuperado sin achicar la tipografía */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
> .df-card_letsee.df-card--reacondicionado
.df-card__condicion {
    height: 32px !important;
    min-height: 32px !important;

    padding: 0 7px !important;

    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 32px !important;

    letter-spacing: -0.15px !important;

    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;

    -webkit-text-stroke: 0.25px currentColor !important;
}

/* =========================================================
   ULTRAPC — CAMPOS PRECIO DESDE / HASTA
   ========================================================= */

.df-panel[data-facet="best_price"] .ultrapc-price-range-inputs {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;

    width: 100% !important;
    margin: 32px 0 0 !important;
}

.df-panel[data-facet="best_price"] .ultrapc-price-field {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;

    min-width: 0 !important;
    margin: 0 !important;
}

.df-panel[data-facet="best_price"] .ultrapc-price-field > span {
    color: #8f8a85 !important;

    font-size: 9px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: .5px !important;
    text-align: center !important;
}

.df-panel[data-facet="best_price"] .ultrapc-price-field input {
    width: 100% !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 8px !important;

    background: #ffffff !important;

    border: 1px solid #e2dfdc !important;
    border-radius: 8px !important;

    color: #372d3f !important;

    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 34px !important;
    text-align: center !important;

    box-shadow: none !important;
    outline: none !important;

    box-sizing: border-box !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease !important;
}

.df-panel[data-facet="best_price"] .ultrapc-price-field input:hover {
    border-color: #ccc6c1 !important;
}

.df-panel[data-facet="best_price"] .ultrapc-price-field input:focus {
    border-color: #ea6d00 !important;
    box-shadow: 0 0 0 3px rgba(234,109,0,.10) !important;
}

/* =========================================================
   ULTRAPC - DOOFINDER BOTON COMPARACION DISPONIBLE
   ========================================================= */

#ultrapc-doofinder-compare-ready {
    position: fixed !important;
    top: 131px !important;
    right: 385px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    min-width: 245px !important;
    min-height: 52px !important;

    padding: 8px 18px !important;

    background:
        linear-gradient(
            135deg,
            #198754 0%,
            #157347 100%
        ) !important;

    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 999px !important;

    color: #ffffff !important;

    box-shadow:
        0 8px 24px rgba(25,135,84, .28),
        0 2px 7px rgba(0,0,0, .12) !important;

    cursor: pointer !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transform: translateY(-8px) scale(.97) !important;

    transition:
        opacity .20s ease,
        transform .20s ease,
        visibility .20s ease,
        box-shadow .20s ease !important;

    z-index: 2147483647 !important;
}

#ultrapc-doofinder-compare-ready.is-visible {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transform: translateY(0) scale(1) !important;
}

#ultrapc-doofinder-compare-ready:hover {
    background:
        linear-gradient(
            135deg,
            #157347 0%,
            #12633d 100%
        ) !important;

    box-shadow:
        0 10px 28px rgba(25,135,84, .36),
        0 3px 9px rgba(0,0,0, .14) !important;

    transform: translateY(-1px) scale(1.01) !important;
}

#ultrapc-doofinder-compare-ready
.ultrapc-compare-ready__check {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    flex: 0 0 30px !important;

    width: 30px !important;
    height: 30px !important;

    background: rgba(255,255,255,.18) !important;

    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 50% !important;

    color: #ffffff !important;

    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

#ultrapc-doofinder-compare-ready
.ultrapc-compare-ready__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    line-height: 1.05 !important;
}

#ultrapc-doofinder-compare-ready
.ultrapc-compare-ready__count {
    color: #ffffff !important;

    font-size: 11px !important;
    font-weight: 900 !important;

    letter-spacing: .2px !important;
}

#ultrapc-doofinder-compare-ready
.ultrapc-compare-ready__action {
    margin-top: 4px !important;

    color: rgba(255,255,255,.9) !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    letter-spacing: .25px !important;
}

@media (max-width: 767px) {

    #ultrapc-doofinder-compare-ready {
        top: auto !important;
        right: 12px !important;
        bottom: 16px !important;
        left: 12px !important;

        width: calc(100% - 24px) !important;
        min-width: 0 !important;
        min-height: 50px !important;

        padding: 7px 15px !important;
    }

    #ultrapc-doofinder-compare-ready
    .ultrapc-compare-ready__content {
        align-items: center !important;
    }
}




/* =========================================================
   ULTRAPC - COMPARE READY CENTRADO FINAL
   ========================================================= */

#df-header__dffullscreen {
    position: relative !important;
}

@media (min-width: 768px) {

    #ultrapc-doofinder-compare-ready {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;
        right: auto !important;
        bottom: auto !important;

        transform:
            translate(-50%, -50%)
            translateY(-8px)
            scale(.97) !important;
    }

    #ultrapc-doofinder-compare-ready.is-visible {
        transform:
            translate(-50%, -50%)
            scale(1) !important;
    }

    #ultrapc-doofinder-compare-ready:hover {
        transform:
            translate(-50%, -50%)
            translateY(-1px)
            scale(1.01) !important;
    }
}

@media (max-width: 767px) {

    #ultrapc-doofinder-compare-ready {
        position: fixed !important;

        top: auto !important;
        left: 12px !important;
        right: 12px !important;
        bottom: 16px !important;

        transform:
            translateY(8px)
            scale(.98) !important;
    }

    #ultrapc-doofinder-compare-ready.is-visible {
        transform:
            translateY(0)
            scale(1) !important;
    }

    #ultrapc-doofinder-compare-ready:hover {
        transform:
            translateY(-1px)
            scale(1.01) !important;
    }
}

/* =========================================================
   ULTRAPC - YITH COMPARE MODAL SHELL V1
   Marco exterior moderno + overlay blur
   ========================================================= */


/* ---------------------------------------------------------
   FONDO OSCURECIDO / DESENFOCADO
   --------------------------------------------------------- */

body:has(#colorbox.yith_woocompare_colorbox)
#cboxOverlay {
    background: rgba(29,21,36, .62) !important;

    opacity: 1 !important;

    -webkit-backdrop-filter:
        blur(7px)
        saturate(.82) !important;

    backdrop-filter:
        blur(7px)
        saturate(.82) !important;
}


/* ---------------------------------------------------------
   CONTENEDOR GENERAL COLORBOX
   --------------------------------------------------------- */

#colorbox.yith_woocompare_colorbox {
    overflow: visible !important;

    background: transparent !important;

    border: 0 !important;
    border-radius: 18px !important;

    outline: 0 !important;

    filter:
        drop-shadow(0 24px 55px rgba(29,21,36, .28)) !important;
}


#colorbox.yith_woocompare_colorbox
#cboxWrapper {
    overflow: hidden !important;

    background: #ffffff !important;

    border: 1px solid rgba(218,214,210, .90) !important;
    border-radius: 18px !important;

    box-shadow:
        0 24px 70px rgba(29,21,36, .24),
        0 8px 24px rgba(29,21,36, .12) !important;
}


/* ---------------------------------------------------------
   ELIMINAR MARCO GRÁFICO ANTIGUO DE COLORBOX
   --------------------------------------------------------- */

#colorbox.yith_woocompare_colorbox
:is(
    #cboxTopLeft,
    #cboxTopCenter,
    #cboxTopRight,
    #cboxMiddleLeft,
    #cboxMiddleRight,
    #cboxBottomLeft,
    #cboxBottomCenter,
    #cboxBottomRight
) {
    background: transparent !important;
    border: 0 !important;
}


/* Quitar espacio superior e inferior heredado */

#colorbox.yith_woocompare_colorbox
:is(
    #cboxTopLeft,
    #cboxTopCenter,
    #cboxTopRight
) {
    height: 0 !important;
}


#colorbox.yith_woocompare_colorbox
:is(
    #cboxBottomLeft,
    #cboxBottomCenter,
    #cboxBottomRight
) {
    height: 0 !important;
}


/* Quitar laterales heredados */

#colorbox.yith_woocompare_colorbox
:is(
    #cboxTopLeft,
    #cboxMiddleLeft,
    #cboxBottomLeft,
    #cboxTopRight,
    #cboxMiddleRight,
    #cboxBottomRight
) {
    width: 0 !important;
}


/* ---------------------------------------------------------
   CONTENIDO
   --------------------------------------------------------- */

#colorbox.yith_woocompare_colorbox
#cboxContent {
    margin: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 17px !important;
}


#colorbox.yith_woocompare_colorbox
#cboxLoadedContent {
    margin: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;

    border: 0 !important;
    border-radius: 17px !important;
}


#colorbox.yith_woocompare_colorbox
#cboxLoadedContent iframe {
    display: block !important;

    border: 0 !important;
    border-radius: 17px !important;

    background: #ffffff !important;
}


/* ---------------------------------------------------------
   BOTÓN CERRAR MODERNO
   --------------------------------------------------------- */

#colorbox.yith_woocompare_colorbox
#cboxClose {
    position: absolute !important;

    top: 14px !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;

    z-index: 999 !important;

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

    width: 36px !important;
    height: 36px !important;

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

    background: rgba(251,250,249, .96) !important;

    border: 1px solid #eee9e4 !important;
    border-radius: 10px !important;

    color: #5e5852 !important;

    font-size: 0 !important;
    line-height: 1 !important;

    text-indent: 0 !important;

    box-shadow:
        0 2px 7px rgba(29,21,36, .07) !important;

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


#colorbox.yith_woocompare_colorbox
#cboxClose::before {
    content: "×" !important;

    display: block !important;

    color: inherit !important;

    font-family:
        Arial,
        sans-serif !important;

    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}


#colorbox.yith_woocompare_colorbox
#cboxClose:hover {
    background: #f7f5f2 !important;

    border-color: #dad6d2 !important;

    color: #1d1524 !important;

    transform: translateY(-1px) !important;

    box-shadow:
        0 4px 10px rgba(29,21,36, .10) !important;
}


/* ---------------------------------------------------------
   OCULTAR CONTROLES COLORBOX QUE NO USAMOS
   --------------------------------------------------------- */

#colorbox.yith_woocompare_colorbox
:is(
    #cboxTitle,
    #cboxCurrent,
    #cboxPrevious,
    #cboxNext,
    #cboxSlideshow
) {
    display: none !important;
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

    body:has(#colorbox.yith_woocompare_colorbox)
    #cboxOverlay {
        background: rgba(29,21,36, .66) !important;

        -webkit-backdrop-filter:
            blur(5px) !important;

        backdrop-filter:
            blur(5px) !important;
    }

    #colorbox.yith_woocompare_colorbox,
    #colorbox.yith_woocompare_colorbox
    #cboxWrapper,
    #colorbox.yith_woocompare_colorbox
    #cboxContent,
    #colorbox.yith_woocompare_colorbox
    #cboxLoadedContent,
    #colorbox.yith_woocompare_colorbox
    #cboxLoadedContent iframe {
        border-radius: 14px !important;
    }

    #colorbox.yith_woocompare_colorbox
    #cboxClose {
        top: 10px !important;
        right: 10px !important;

        width: 34px !important;
        height: 34px !important;

        border-radius: 9px !important;
    }
}



/* =========================================================
   DOOFINDER — LOGO TEMPORADA
   Colores originales + imagen completa
   ========================================================= */

body.fiestas_patrias .df-fullscreen .df-topbar__logo {
    overflow: visible !important;
}

body.fiestas_patrias .df-fullscreen .df-topbar__logo img {
    filter: none !important;
    margin-top: 0 !important;

    display: block !important;
    height: auto !important;

    object-fit: contain !important;
    object-position: center center !important;

    transition: none !important;
}

/* Quitar brillo metálico anterior */
body.fiestas_patrias .df-fullscreen .df-topbar__logo::after {
    content: none !important;
    display: none !important;
}



/* =========================================================
   DOOFINDER - OFERTA DIECIOCHERA PNG
   ========================================================= */

/* La tarjeta debe ser referencia para la posición absoluta */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card {
    position: relative !important;
}


/* =========================================================
   ETIQUETA OFERTA DIECIOCHERA
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] {

    position: absolute !important;
    z-index: 15 !important;

    /* Nueva ubicación: centrada arriba */
    top: 10px !important;
    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;

    /* Proporción del PNG 2130 x 416 */
    width: 170px !important;
    height: 33px !important;
    min-width: 170px !important;
    max-width: none !important;
    min-height: 0 !important;

    box-sizing: border-box !important;

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

    /* Espacio para estrella + banderines */
    padding: 0 38px 0 31px !important;
    margin: 0 !important;

    background-image:
        url("../../img/oferta-dieciochera-bg.png") !important;

    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    /* Quitar diseño genérico de Doofinder */
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    animation: none !important;

    overflow: visible !important;

    color: #ffffff !important;
}


/* Texto real */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera span,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] span {

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

    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: 0 !important;
    text-transform: none !important;

    white-space: nowrap !important;

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


/* Quitar 🎁 antiguo */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera span::before,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] span::before {

    content: none !important;
    display: none !important;
}


/* Quitar brillo animado genérico */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera::after,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"]::after {

    content: none !important;
    display: none !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] {

        top: 8px !important;

        width: 160px !important;
        height: 31px !important;

        min-width: 160px !important;

        padding:
            0 36px 0 29px !important;
    }


    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera span,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] span {

        font-size: 11px !important;
    }
}



/* =========================================================
   DOOFINDER - OFERTA DIECIOCHERA
   AJUSTE DE TAMAÑO Y POSICIÓN
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] {

    /* Posición tipo badge promocional */
    top: 13px !important;
    left: 15px !important;
    right: auto !important;

    transform: none !important;

    /* Más compacto */
    width: 148px !important;
    height: 29px !important;

    min-width: 148px !important;
    max-width: 148px !important;
    min-height: 0 !important;

    /* Espacio para estrella y banderines del PNG */
    padding:
        0 33px 0 28px !important;
}


/* Texto */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera span,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] span {

    font-size: 10.5px !important;
    font-weight: 700 !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] {

        top: 11px !important;
        left: 12px !important;

        width: 138px !important;
        height: 27px !important;

        min-width: 138px !important;
        max-width: 138px !important;

        padding:
            0 31px 0 26px !important;
    }

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera span,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] span {

        font-size: 10px !important;
    }
}



/* =========================================================
   DOOFINDER - OFERTA DIECIOCHERA
   POSICIÓN FINAL
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] {

    top: 8px !important;
    left: 18px !important;

    width: 148px !important;
    height: 29px !important;
}


/* MÓVIL */
@media (max-width: 767px) {

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] {

        top: 8px !important;
        left: 14px !important;

        width: 138px !important;
        height: 27px !important;
    }
}



/* =========================================================
   DOOFINDER - OFERTA DIECIOCHERA
   POSICION TIPO OVERLAY SOBRE LA FOTO
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] {

    position: absolute !important;
    z-index: 20 !important;

    /* Ubicación como en tu ejemplo */
    top: 165px !important;
    right: 18px !important;
    left: auto !important;
    bottom: auto !important;

    transform: none !important;

    /* Tamaño */
    width: 152px !important;
    height: 30px !important;
    min-width: 152px !important;
    max-width: 152px !important;
    min-height: 0 !important;

    /* Fondo PNG */
    background-image: url("../../img/oferta-dieciochera-bg.png") !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    /* Espacio interno para estrella y banderines */
    padding: 0 34px 0 29px !important;
    margin: 0 !important;

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

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    animation: none !important;
    overflow: visible !important;

    color: #ffffff !important;
}


/* Texto */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera span,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] span {

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

    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;

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


/* Quitar decoraciones antiguas */
:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera span::before,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] span::before,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera::after,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"]::after {

    content: none !important;
    display: none !important;
}


/* =========================================================
   MÓVIL
   ========================================================= */

@media (max-width: 767px) {

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] {

        top: 150px !important;
        right: 14px !important;
        left: auto !important;

        width: 144px !important;
        height: 28px !important;
        min-width: 144px !important;
        max-width: 144px !important;

        padding: 0 32px 0 27px !important;
    }

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera span,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] span {

        font-size: 10.5px !important;
    }
}



/* =========================================================
   DOOFINDER - OFERTA DIECIOCHERA
   MICROAJUSTE FINAL DE POSICIÓN
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] {

    top: 147px !important;
    right: 18px !important;

    left: auto !important;
    transform: none !important;
}


/* MÓVIL */
@media (max-width: 767px) {

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] {

        top: 135px !important;
        right: 14px !important;
    }
}



/* =========================================================
   DOOFINDER - OFERTA DIECIOCHERA
   MÁS ARRIBA Y MÁS PEQUEÑA
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] {

    top: 136px !important;
    right: 18px !important;

    width: 142px !important;
    height: 28px !important;
    min-width: 142px !important;
    max-width: 142px !important;

    padding: 0 31px 0 26px !important;
}

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera span,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] span {

    font-size: 10px !important;
}


/* MÓVIL */
@media (max-width: 767px) {

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] {

        top: 124px !important;
        right: 14px !important;

        width: 136px !important;
        height: 26px !important;
        min-width: 136px !important;
        max-width: 136px !important;

        padding: 0 30px 0 25px !important;
    }

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera span,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] span {

        font-size: 9.5px !important;
    }
}



/* =========================================================
   DOOFINDER - OFERTA DIECIOCHERA
   SUBIR UN POCO MÁS
   ========================================================= */

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta.Oferta.Dieciochera,

:is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
.df-card__tipo-oferta[class*="Oferta Dieciochera"] {

    top: 128px !important;
}


/* MÓVIL */
@media (max-width: 767px) {

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta.Oferta.Dieciochera,

    :is(#df-results__wrapper__dffullscreen, #df-mobile__content__dffullscreen)
    .df-card__tipo-oferta[class*="Oferta Dieciochera"] {

        top: 116px !important;
    }
}



/* =========================================================
   DOOFINDER - CORREGIR FLECHAS DUPLICADAS SCROLLBAR LATERAL
   Mantiene:
   - 1 flecha arriba
   - 1 flecha abajo
   ========================================================= */

.df-fullscreen
.df-aside__content::-webkit-scrollbar-button:vertical:start:increment,

.df-fullscreen
.df-aside__content::-webkit-scrollbar-button:vertical:end:decrement {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}


/* =========================================================
   DOOFINDER - OCULTAR FLECHAS DEL SCROLL INTERIOR DEL SIDEBAR
   Conserva scrollbar y thumb; evita doble flecha visual
   ========================================================= */

.df-fullscreen .df-aside__content::-webkit-scrollbar-button {
    -webkit-appearance: none !important;
    appearance: none !important;

    display: none !important;

    width: 0 !important;
    height: 0 !important;

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

    background: transparent !important;
    border: 0 !important;
}


/* =========================================================
   ULTRAPC BUSCADOR - SELECTOR INICIAL V1
   ========================================================= */


/* ---------------------------------------------------------
   Mientras está activo ocultamos el contenido normal
   de Doofinder, pero mantenemos logo + buscador + cerrar.
   --------------------------------------------------------- */

.df-fullscreen.ultrapc-gateway-active .df-header,
.df-fullscreen.ultrapc-gateway-active .df-layer__content,
.df-fullscreen.ultrapc-gateway-active [data-role="scrolltop"] {
    display: none !important;
}


/* ---------------------------------------------------------
   CONTENEDOR PRINCIPAL
   --------------------------------------------------------- */

.ultrapc-search-gateway {
    width: 100%;
    min-height: calc(100vh - 105px);
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 42px 30px 70px;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(234,109,0, 0.08),
            rgba(255,255,255, 0) 38%
        ),
        #fcfbfa;

    overflow-y: auto;
}


.ultrapc-search-gateway[hidden] {
    display: none !important;
}


.ultrapc-search-gateway__inner {
    width: min(1420px, 100%);
    margin: 0 auto;
}


/* ---------------------------------------------------------
   ENCABEZADO
   --------------------------------------------------------- */

.ultrapc-search-gateway__heading {
    text-align: center;
    margin: 0 auto 42px;
    max-width: 820px;
}


.ultrapc-search-gateway__eyebrow {
    display: inline-flex;
    align-items: center;

    padding: 7px 15px;
    margin-bottom: 14px;

    border-radius: 999px;

    background: #f7f4f2;
    color: #ea6d00;

    font-size: 11px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: 1.15px;
}


.ultrapc-search-gateway__heading h2 {
    margin: 0 0 10px !important;

    color: #ea6d00;

    font-size: clamp(30px, 2.2vw, 42px) !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
}


.ultrapc-search-gateway__heading p {
    margin: 0 !important;

    color: #817a74;

    font-size: 16px;
    line-height: 1.55;
}


/* ---------------------------------------------------------
   GRID
   --------------------------------------------------------- */

.ultrapc-search-gateway__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}


/* ---------------------------------------------------------
   TARJETAS
   --------------------------------------------------------- */

button.ultrapc-search-card {
    appearance: none !important;

    position: relative;

    min-height: 285px;

    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;

    margin: 0 !important;
    padding: 30px 24px 24px !important;

    border: 1px solid #ede7e1 !important;
    border-radius: 20px !important;

    background: #ffffff !important;
    color: #2d2039 !important;

    box-shadow:
        0 8px 28px rgba(57,36,76, 0.07),
        0 2px 7px rgba(57,36,76, 0.04) !important;

    text-align: center !important;
    cursor: pointer;

    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease !important;
}


button.ultrapc-search-card:hover {
    transform: translateY(-6px);

    border-color: #d8c9ba !important;

    box-shadow:
        0 18px 38px rgba(57,36,76, 0.13),
        0 5px 12px rgba(57,36,76, 0.06) !important;
}


button.ultrapc-search-card:focus-visible {
    outline: 3px solid rgba(234,109,0, 0.20) !important;
    outline-offset: 4px;
}


/* ---------------------------------------------------------
   ICONO
   --------------------------------------------------------- */

.ultrapc-search-card__icon {
    width: 78px;
    height: 78px;

    flex: 0 0 78px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 24px;

    border-radius: 19px;

    background:
        linear-gradient(
            145deg,
            #ea6d00 0%,
            #f68019 100%
        );

    color: #ffffff;

    box-shadow: 0 9px 20px rgba(234,109,0, 0.20);

    font-size: 31px;
}


.ultrapc-search-card__icon i {
    color: #ffffff !important;
}


/* ---------------------------------------------------------
   TEXTO
   --------------------------------------------------------- */

.ultrapc-search-card__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.ultrapc-search-card__content strong {
    display: block;

    margin-bottom: 10px;

    color: #ea6d00;

    font-size: 19px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.25px;
}


.ultrapc-search-card__content small {
    display: block;

    min-height: 48px;

    color: #7f7871;

    font-size: 13.5px;
    line-height: 1.55;
    font-weight: 500;
}


/* ---------------------------------------------------------
   ACCIÓN
   --------------------------------------------------------- */

.ultrapc-search-card__action {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-top: auto;
    padding-top: 22px;

    color: #f68019;

    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}


.ultrapc-search-card__action b {
    position: relative;
    top: -1px;

    font-size: 18px;
    line-height: 1;

    transition: transform 0.2s ease;
}


button.ultrapc-search-card:hover
.ultrapc-search-card__action b {
    transform: translateX(4px);
}


/* ---------------------------------------------------------
   TEXTO INFERIOR
   --------------------------------------------------------- */

.ultrapc-search-gateway__hint {
    margin-top: 34px;

    text-align: center;

    color: #9e9893;

    font-size: 12px;
}


/* ---------------------------------------------------------
   TABLET
   --------------------------------------------------------- */

@media (max-width: 1050px) {

    .ultrapc-search-gateway {
        align-items: flex-start;
        padding-top: 35px;
    }

    .ultrapc-search-gateway__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    button.ultrapc-search-card {
        min-height: 250px;
    }

}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .ultrapc-search-gateway {
        min-height: calc(100vh - 80px);

        padding:
            24px
            16px
            50px;
    }

    .ultrapc-search-gateway__heading {
        margin-bottom: 25px;
    }

    .ultrapc-search-gateway__heading h2 {
        font-size: 27px !important;
    }

    .ultrapc-search-gateway__heading p {
        font-size: 14px;
    }

    .ultrapc-search-gateway__grid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    button.ultrapc-search-card {
        min-height: auto;

        display: grid !important;
        grid-template-columns: 58px 1fr auto;
        align-items: center;

        padding: 17px 17px !important;

        border-radius: 16px !important;

        text-align: center !important;
    }

    .ultrapc-search-card__icon {
        width: 54px;
        height: 54px;

        flex-basis: 54px;

        margin: 0;

        border-radius: 13px;

        font-size: 22px;
    }

    .ultrapc-search-card__content {
        align-items: flex-start;

        padding: 0 14px;
    }

    .ultrapc-search-card__content strong {
        margin-bottom: 4px;

        font-size: 15px;
    }

    .ultrapc-search-card__content small {
        min-height: 0;

        font-size: 11.5px;
        line-height: 1.35;
    }

    .ultrapc-search-card__action {
        margin: 0;
        padding: 0;

        font-size: 0;
    }

    .ultrapc-search-card__action b {
        font-size: 20px;
    }

    .ultrapc-search-gateway__hint {
        margin-top: 22px;
    }

}


/* =========================================================
   ULTRAPC BUSCADOR - OCULTAR CABECERA DE RESULTADOS
   EN SELECTOR INICIAL
   ========================================================= */

#dffullscreen.ultrapc-gateway-active
#df-header__dffullscreen {
    display: none !important;
}



/* =========================================================
   ULTRAPC BUSCADOR - PRODUCTOS V1
   ========================================================= */


/* Categorías ajenas a la sección activa */

.ultrapc-category-hidden-by-section {
    display: none !important;
}


/* ---------------------------------------------------------
   BARRA DE SECCIÓN ACTIVA
   --------------------------------------------------------- */

.ultrapc-search-sectionbar {
    width: 100%;
    box-sizing: border-box;

    background: #fbf9f8;
    border-bottom: 1px solid #ede7e1;

    box-shadow: 0 2px 5px rgba(53,38,67, 0.04);
}


.ultrapc-search-sectionbar[hidden] {
    display: none !important;
}


.ultrapc-search-sectionbar__inner {
    min-height: 62px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 8px 30px;
    box-sizing: border-box;
}


/* Sección seleccionada */

.ultrapc-search-sectionbar__current {
    display: flex;
    align-items: center;
    gap: 12px;
}


.ultrapc-search-sectionbar__icon {
    width: 38px;
    height: 38px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 38px;

    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            #ea6d00,
            #f68019
        );

    color: #ffffff;

    font-size: 16px;

    box-shadow:
        0 4px 9px rgba(234,109,0, 0.18);
}


.ultrapc-search-sectionbar__icon i {
    color: #ffffff !important;
}


.ultrapc-search-sectionbar__text {
    display: flex;
    flex-direction: column;

    line-height: 1.15;
}


.ultrapc-search-sectionbar__text small {
    margin-bottom: 3px;

    color: #8a847d;

    font-size: 10px;
    line-height: 1;
    font-weight: 600;

    text-transform: uppercase;
    letter-spacing: 0.45px;
}


.ultrapc-search-sectionbar__text strong {
    color: #ea6d00;

    font-size: 14px;
    line-height: 1.15;
    font-weight: 800;

    letter-spacing: 0.25px;
}


/* Cambiar sección */

button.ultrapc-search-sectionbar__change {
    appearance: none !important;

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

    gap: 8px;

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

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

    border: 1px solid #e1dcd6 !important;
    border-radius: 9px !important;

    background: #ffffff !important;

    color: #5e5246 !important;

    box-shadow: none !important;

    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-transform: uppercase;
    letter-spacing: 0.35px;

    cursor: pointer;

    transition:
        border-color 0.2s ease,
        color 0.2s ease,
        background 0.2s ease !important;
}


button.ultrapc-search-sectionbar__change:hover {
    border-color: #cdbdad !important;

    background: #f9f6f4 !important;

    color: #ea6d00 !important;
}


button.ultrapc-search-sectionbar__change i {
    color: inherit !important;
    font-size: 12px;
}


/* ---------------------------------------------------------
   MÓVIL
   --------------------------------------------------------- */

@media (max-width: 600px) {

    .ultrapc-search-sectionbar__inner {
        min-height: 55px;

        padding:
            7px
            15px;
    }

    .ultrapc-search-sectionbar__icon {
        width: 34px;
        height: 34px;

        flex-basis: 34px;

        font-size: 14px;
    }

    .ultrapc-search-sectionbar__text small {
        font-size: 8.5px;
    }

    .ultrapc-search-sectionbar__text strong {
        font-size: 12px;
    }

    button.ultrapc-search-sectionbar__change {
        padding: 7px 10px !important;

        font-size: 9.5px !important;
    }

}


/* =========================================================
   ULTRAPC BUSCADOR - SUBTITULOS TARJETAS MAS GRANDES
   ========================================================= */

.ultrapc-search-card__content small {
    font-size: 15.5px !important;
    line-height: 1.5 !important;
    min-height: 52px !important;
}


/* MOVIL */
@media (max-width: 600px) {

    .ultrapc-search-card__content small {
        font-size: 13px !important;
        line-height: 1.4 !important;
        min-height: 0 !important;
    }

}



/* =========================================================
   ULTRAPC BUSCADOR - TEXTO INFERIOR SELECTOR +50%
   ========================================================= */

.ultrapc-search-gateway__hint {
    font-size: 18px !important;
    line-height: 1.5 !important;
    font-weight: 500 !important;
    color: #88827b !important;
}


/* MOVIL */
@media (max-width: 600px) {

    .ultrapc-search-gateway__hint {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

}


/* =========================================================
   ULTRAPC BUSCADOR - GATEWAY COMPACTO V2
   Inspirado en selector superior compacto
   ========================================================= */


/* ---------------------------------------------------------
   1. Cuando el gateway inicial está activo,
      NO ocultar resultados ni filtros
   --------------------------------------------------------- */

#dffullscreen.ultrapc-gateway-active #df-header__dffullscreen {
    display: block !important;
}

#dffullscreen.ultrapc-gateway-active #df-aside__dffullscreen {
    display: block !important;
}

#dffullscreen.ultrapc-gateway-active .df-aside {
    display: block !important;
}

#dffullscreen.ultrapc-gateway-active #df-results__wrapper__dffullscreen.df-results {
    display: grid !important;
}

#dffullscreen.ultrapc-gateway-active div#df-results__wrapper__dffullscreen {
    margin-top: 10px !important;
}


/* ---------------------------------------------------------
   2. Convertir el bloque grande a una franja compacta
   --------------------------------------------------------- */

#ultrapc-search-gateway {
    width: 100% !important;
    max-width: none !important;

    margin: 8px 0 12px !important;
    padding: 0 18px !important;

    box-sizing: border-box !important;
    background: transparent !important;
}


/* Ocultar cabecera grande del selector */
#ultrapc-search-gateway .ultrapc-search-gateway__eyebrow,
#ultrapc-search-gateway .ultrapc-search-gateway__title,
#ultrapc-search-gateway .ultrapc-search-gateway__subtitle,
#ultrapc-search-gateway .ultrapc-search-gateway__hint,
#ultrapc-search-gateway .ultrapc-search-gateway__header,
#ultrapc-search-gateway .ultrapc-search-gateway__intro {
    display: none !important;
}


/* ---------------------------------------------------------
   3. Tarjetas pequeñas horizontales
   --------------------------------------------------------- */

#ultrapc-search-gateway .ultrapc-search-gateway__cards {
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;

    gap: 12px !important;

    width: 100% !important;
    max-width: 700px !important;

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


#ultrapc-search-gateway .ultrapc-search-card {
    width: 112px !important;
    min-width: 112px !important;
    min-height: 86px !important;

    margin: 0 !important;
    padding: 10px 8px !important;

    border-radius: 12px !important;
    border: 1px solid #eee9e4 !important;
    background: #ffffff !important;

    box-shadow: 0 4px 12px rgba(234,109,0, 0.08) !important;

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

    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        border-color 0.18s ease !important;
}

#ultrapc-search-gateway .ultrapc-search-card:hover {
    transform: translateY(-2px) !important;
    border-color: #ded4ca !important;
    box-shadow: 0 8px 18px rgba(234,109,0, 0.12) !important;
}


/* Contenido interno centrado */
#ultrapc-search-gateway .ultrapc-search-card__content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;
    width: 100% !important;
}


/* Caja del icono */
#ultrapc-search-gateway .ultrapc-search-card__icon,
#ultrapc-search-gateway .ultrapc-search-card__iconwrap,
#ultrapc-search-gateway .ultrapc-search-card__badge {
    width: 40px !important;
    height: 40px !important;

    min-width: 40px !important;
    min-height: 40px !important;

    border-radius: 10px !important;

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

    margin: 0 auto !important;

    background: linear-gradient(145deg, #ff7905, #f38321) !important;
    color: #ffffff !important;

    box-shadow: 0 5px 12px rgba(234,109,0, 0.14) !important;
}

#ultrapc-search-gateway .ultrapc-search-card__icon i,
#ultrapc-search-gateway .ultrapc-search-card__iconwrap i,
#ultrapc-search-gateway .ultrapc-search-card__badge i,
#ultrapc-search-gateway .ultrapc-search-card__icon svg,
#ultrapc-search-gateway .ultrapc-search-card__iconwrap svg,
#ultrapc-search-gateway .ultrapc-search-card__badge svg {
    color: #ffffff !important;
    fill: #ffffff !important;
}


/* Título */
#ultrapc-search-gateway .ultrapc-search-card__content strong,
#ultrapc-search-gateway .ultrapc-search-card__title,
#ultrapc-search-gateway .ultrapc-search-card h3 {
    margin: 0 !important;

    color: #eb6e00 !important;

    font-size: 10px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;

    text-transform: uppercase !important;
    letter-spacing: 0.2px !important;
}


/* Ocultar subtítulo y CTA dentro de la mini tarjeta */
#ultrapc-search-gateway .ultrapc-search-card__content small,
#ultrapc-search-gateway .ultrapc-search-card__action {
    display: none !important;
}


/* ---------------------------------------------------------
   4. Espaciado general superior
   --------------------------------------------------------- */

#dffullscreen.ultrapc-gateway-active #ultrapc-search-gateway + #df-header__dffullscreen,
#dffullscreen.ultrapc-gateway-active #df-header__dffullscreen {
    margin-top: 10px !important;
}


/* ---------------------------------------------------------
   5. Móvil
   --------------------------------------------------------- */

@media (max-width: 768px) {

    #ultrapc-search-gateway {
        padding: 0 10px !important;
        margin: 6px 0 10px !important;
    }

    #ultrapc-search-gateway .ultrapc-search-gateway__cards {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        padding-bottom: 2px !important;
        gap: 8px !important;

        scrollbar-width: thin;
    }

    #ultrapc-search-gateway .ultrapc-search-card {
        width: 98px !important;
        min-width: 98px !important;
        min-height: 76px !important;

        padding: 8px 6px !important;
        border-radius: 10px !important;
    }

    #ultrapc-search-gateway .ultrapc-search-card__icon,
    #ultrapc-search-gateway .ultrapc-search-card__iconwrap,
    #ultrapc-search-gateway .ultrapc-search-card__badge {
        width: 32px !important;
        height: 32px !important;
        min-width: 32px !important;
        min-height: 32px !important;
        border-radius: 8px !important;
    }

    #ultrapc-search-gateway .ultrapc-search-card__content strong,
    #ultrapc-search-gateway .ultrapc-search-card__title,
    #ultrapc-search-gateway .ultrapc-search-card h3 {
        font-size: 8.8px !important;
        line-height: 1.1 !important;
    }

}


/* =========================================================
   ULTRAPC BUSCADOR - GATEWAY COMPACTO V2 FIX
   Tarjetas entre buscador y resultados
   ========================================================= */


/* ---------------------------------------------------------
   EN MODO INICIAL LOS RESULTADOS DEBEN SEGUIR VISIBLES
   --------------------------------------------------------- */

#dffullscreen.ultrapc-gateway-active .df-layer__content {
    display: flex !important;
}

#dffullscreen.ultrapc-gateway-active #df-header__dffullscreen {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

#dffullscreen.ultrapc-gateway-active .df-aside {
    display: block !important;
}

#dffullscreen.ultrapc-gateway-active
#df-results__wrapper__dffullscreen.df-results {
    display: grid !important;
}


/* ---------------------------------------------------------
   ELIMINAR POR COMPLETO EL FORMATO DE PANTALLA GRANDE
   --------------------------------------------------------- */

#dffullscreen
#ultrapc-search-gateway.ultrapc-search-gateway {

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

    display: block !important;

    margin: 0 !important;
    padding: 9px 20px 11px !important;

    box-sizing: border-box !important;

    background: #fbf9f8 !important;

    overflow: visible !important;
}


/* Contenedor interno */

#dffullscreen
#ultrapc-search-gateway
.ultrapc-search-gateway__inner {

    width: 100% !important;
    max-width: none !important;

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


/* ---------------------------------------------------------
   OCULTAR TODO EL TEXTO DE LA PANTALLA GRANDE
   --------------------------------------------------------- */

#dffullscreen
#ultrapc-search-gateway
.ultrapc-search-gateway__heading,

#dffullscreen
#ultrapc-search-gateway
.ultrapc-search-gateway__hint {

    display: none !important;
}


/* ---------------------------------------------------------
   GRID DE LAS 4 MINI TARJETAS
   --------------------------------------------------------- */

#dffullscreen
#ultrapc-search-gateway
.ultrapc-search-gateway__grid {

    display: grid !important;

    grid-template-columns:
        repeat(4, 112px) !important;

    justify-content: center !important;
    align-items: stretch !important;

    gap: 10px !important;

    width: 100% !important;

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


/* ---------------------------------------------------------
   MINI TARJETAS
   --------------------------------------------------------- */

#dffullscreen
#ultrapc-search-gateway
button.ultrapc-search-card {

    width: 112px !important;
    min-width: 112px !important;

    height: 82px !important;
    min-height: 82px !important;

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

    margin: 0 !important;
    padding: 7px 6px !important;

    border: 1px solid #ebe5de !important;
    border-radius: 10px !important;

    background: #ffffff !important;

    box-shadow:
        0 3px 9px rgba(59,37,78, 0.07) !important;

    transform: none !important;
}


#dffullscreen
#ultrapc-search-gateway
button.ultrapc-search-card:hover {

    transform: translateY(-2px) !important;

    border-color: #d8ccc0 !important;

    box-shadow:
        0 7px 15px rgba(59,37,78, 0.11) !important;
}


/* ---------------------------------------------------------
   ICONOS
   --------------------------------------------------------- */

#dffullscreen
#ultrapc-search-gateway
.ultrapc-search-card__icon {

    width: 38px !important;
    height: 38px !important;

    min-width: 38px !important;
    min-height: 38px !important;
    flex: 0 0 38px !important;

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

    margin: 0 0 6px !important;

    border-radius: 8px !important;

    font-size: 17px !important;
}


/* ---------------------------------------------------------
   TEXTO
   --------------------------------------------------------- */

#dffullscreen
#ultrapc-search-gateway
.ultrapc-search-card__content {

    display: block !important;

    width: 100% !important;

    padding: 0 !important;

    text-align: center !important;
}


#dffullscreen
#ultrapc-search-gateway
.ultrapc-search-card__content strong {

    display: block !important;

    margin: 0 !important;

    color: #ea6d00 !important;

    font-size: 9px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}


/* Sin subtítulos en versión compacta */

#dffullscreen
#ultrapc-search-gateway
.ultrapc-search-card__content small {

    display: none !important;
}


/* ---------------------------------------------------------
   BARRA AZUL DE RESULTADOS
   --------------------------------------------------------- */

#dffullscreen
#df-header__dffullscreen {

    min-height: 54px !important;

    margin: 0 28px 8px !important;
    padding: 7px 13px !important;

    box-sizing: border-box !important;
}


/* ---------------------------------------------------------
   RESULTADOS
   --------------------------------------------------------- */

#dffullscreen.ultrapc-gateway-active
div#df-results__wrapper__dffullscreen {

    margin-top: 0 !important;
}


/* ---------------------------------------------------------
   MÓVIL / TABLET
   --------------------------------------------------------- */

@media (max-width: 700px) {

    #dffullscreen
    #ultrapc-search-gateway.ultrapc-search-gateway {

        padding: 7px 8px 9px !important;
    }


    #dffullscreen
    #ultrapc-search-gateway
    .ultrapc-search-gateway__grid {

        grid-template-columns:
            repeat(4, minmax(72px, 1fr)) !important;

        gap: 6px !important;
    }


    #dffullscreen
    #ultrapc-search-gateway
    button.ultrapc-search-card {

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

        height: 70px !important;
        min-height: 70px !important;

        padding: 5px 3px !important;
    }


    #dffullscreen
    #ultrapc-search-gateway
    .ultrapc-search-card__icon {

        width: 31px !important;
        height: 31px !important;

        min-width: 31px !important;
        min-height: 31px !important;
        flex-basis: 31px !important;

        margin-bottom: 4px !important;

        font-size: 14px !important;
    }


    #dffullscreen
    #ultrapc-search-gateway
    .ultrapc-search-card__content strong {

        font-size: 7.5px !important;
    }


    #dffullscreen
    #df-header__dffullscreen {

        margin-left: 8px !important;
        margin-right: 8px !important;
    }

}


/* =========================================================
   ULTRAPC DOOFINDER - TITULOS DE PRODUCTOS V2
   ========================================================= */

.df-card_letsee .df-card__title {
    min-height: 62px !important;

    margin-top: 10px !important;
    margin-bottom: 8px !important;

    color: #2f223b !important;

    font-size: 15px !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;

    letter-spacing: -0.15px !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    overflow: hidden !important;
}


/* TABLET */
@media (max-width: 1200px) {

    .df-card_letsee .df-card__title {
        font-size: 14px !important;
        min-height: 58px !important;
    }

}


/* MOVIL */
@media (max-width: 600px) {

    .df-card_letsee .df-card__title {
        font-size: 13.5px !important;
        line-height: 1.3 !important;
        min-height: 53px !important;
    }

}


/* =========================================================
   ULTRAPC DOOFINDER - TITULOS DE PRODUCTOS V3
   TITULO MAS GRANDE
   ========================================================= */

.df-card_letsee .df-card__title {
    min-height: 74px !important;

    margin-top: 12px !important;
    margin-bottom: 9px !important;

    color: #2f223b !important;

    font-size: 17.5px !important;
    line-height: 1.28 !important;
    font-weight: 700 !important;

    letter-spacing: -0.2px !important;

    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    overflow: hidden !important;
}


/* TABLET */
@media (max-width: 1200px) {

    .df-card_letsee .df-card__title {
        font-size: 15.5px !important;
        min-height: 66px !important;
    }

}


/* MOVIL */
@media (max-width: 600px) {

    .df-card_letsee .df-card__title {
        font-size: 14px !important;
        line-height: 1.3 !important;
        min-height: 55px !important;
    }

}

/* =========================================================
   ULTRAPC - CYBERMONDAY 2026 - DOOFINDER
   ========================================================= */

.df-card__tipo-oferta.Cybermonday,
body.electro-dark .df-card__tipo-oferta.Cybermonday {

    display: block !important;

    width: 112px !important;
    height: 42px !important;
    min-width: 112px !important;
    max-width: none !important;

    padding: 0 !important;

    top: 69px !important;
    left: 70px !important;

    background-color: transparent !important;
    background-image: url('/wp-content/themes/electro-child/img/cybermonday-2026.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-indent: -9999px !important;

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

    overflow: visible !important;
}

/* Móvil */
@media only screen and (max-width: 768px) {

    .df-card__tipo-oferta.Cybermonday,
    body.electro-dark .df-card__tipo-oferta.Cybermonday {

        width: 100px !important;
        height: 38px !important;
        min-width: 100px !important;

        left: 62px !important;
    }
}

/* FIN ULTRAPC - CYBERMONDAY 2026 - DOOFINDER */



/* =========================================================
   ULTRAPC CYBER — DOOFINDER DESKTOP CARD FIX V1
   Corrige grid, contraste y proporciones de las tarjetas.
   NO modifica Doofinder mobile.
   ========================================================= */

@media (min-width: 768px) {

    /* =====================================================
       TARJETA BLANCA
       ===================================================== */

    body.cybermonday
    #dffullscreen
    #df-results__wrapper__dffullscreen
    > .df-card_letsee {

        min-height:
            430px !important;

        padding:
            14px !important;

        background:
            #ffffff !important;

        border:
            1px solid #ebe4dd !important;

        border-radius:
            18px !important;

        box-shadow:
            0 3px 8px rgba(48,30,64,.04),
            0 10px 24px rgba(48,30,64,.07) !important;

        overflow:
            hidden !important;
    }


    body.cybermonday
    #dffullscreen
    #df-results__wrapper__dffullscreen
    > .df-card_letsee:hover {

        border-color:
            rgba(255,127,15,.32) !important;

        box-shadow:
            0 5px 12px rgba(48,30,64,.06),
            0 14px 28px rgba(48,30,64,.10) !important;
    }


    /* =====================================================
       IMAGEN
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__image {

        height:
            180px !important;

        min-height:
            180px !important;

        flex-basis:
            180px !important;

        margin-bottom:
            10px !important;

        background:
            #ffffff !important;

        border:
            1px solid #f0ebe5 !important;

        border-radius:
            13px !important;
    }


    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__image img {

        max-width:
            100% !important;

        max-height:
            100% !important;

        object-fit:
            contain !important;
    }


    /* =====================================================
       TITULO
       Cyber estaba colocando texto casi blanco sobre
       la tarjeta blanca.
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__title {

        display:
            -webkit-box !important;

        width:
            100% !important;

        height:
            50px !important;

        min-height:
            50px !important;

        max-height:
            50px !important;

        margin:
            0 0 9px !important;

        color:
            #392e42 !important;

        -webkit-text-fill-color:
            #392e42 !important;

        opacity:
            1 !important;

        text-shadow:
            none !important;

        font-size:
            12px !important;

        font-weight:
            750 !important;

        line-height:
            1.35 !important;

        letter-spacing:
            -.1px !important;

        text-align:
            center !important;

        -webkit-line-clamp:
            3 !important;

        -webkit-box-orient:
            vertical !important;

        overflow:
            hidden !important;
    }


    /* =====================================================
       ITEM + CONDICION
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__contenedor_upc {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        flex-wrap:
            wrap !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            28px !important;

        gap:
            6px !important;

        margin:
            0 0 8px !important;
    }


    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__item {

        min-height:
            25px !important;

        padding:
            0 9px !important;

        background:
            #f9f6f4 !important;

        border:
            1px solid #eaded2 !important;

        border-radius:
            999px !important;

        color:
            #f68019 !important;

        -webkit-text-fill-color:
            #f68019 !important;

        font-size:
            9px !important;

        font-weight:
            800 !important;

        opacity:
            1 !important;
    }


    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__condicion {

        min-height:
            25px !important;

        height:
            25px !important;

        padding:
            0 9px !important;

        background:
            #f6f3f1 !important;

        border:
            1px solid #ccebd6 !important;

        border-radius:
            999px !important;

        color:
            #168146 !important;

        -webkit-text-fill-color:
            #168146 !important;

        font-size:
            8.5px !important;

        font-weight:
            800 !important;

        opacity:
            1 !important;
    }


    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__condicion::before {

        color:
            #168146 !important;
    }


    /* =====================================================
       STOCK
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__stock,

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__stock-pill {

        min-height:
            25px !important;

        padding:
            0 10px !important;

        background:
            #f6f3f1 !important;

        background-color:
            #f6f3f1 !important;

        border:
            1px solid #ccebd6 !important;

        border-radius:
            999px !important;

        color:
            #2b7948 !important;

        -webkit-text-fill-color:
            #2b7948 !important;

        font-size:
            9px !important;

        font-weight:
            800 !important;

        line-height:
            1 !important;

        opacity:
            1 !important;

        box-shadow:
            none !important;
    }


    /* =====================================================
       PRECIO
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__pricing {

        width:
            100% !important;

        margin-top:
            auto !important;

        padding-top:
            10px !important;

        border-top:
            1px solid #f0ebe5 !important;
    }


    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__price,

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__price--new {

        color:
            #f7811b !important;

        -webkit-text-fill-color:
            #f7811b !important;

        opacity:
            1 !important;

        text-shadow:
            none !important;

        font-size:
            20px !important;

        font-weight:
            850 !important;
    }


    /* =====================================================
       BOTON CARRITO
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    #contenedor-añadir-carrito {

        width:
            100% !important;

        margin:
            9px 0 0 !important;
    }


    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .link-añadir-carrito {

        width:
            100% !important;

        height:
            42px !important;

        min-height:
            42px !important;

        max-height:
            42px !important;

        border-radius:
            999px !important;

        font-size:
            11px !important;
    }


    /* =====================================================
       FAVORITOS + COMPARAR
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__acciones-secundarias {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        width:
            100% !important;

        gap:
            7px !important;

        margin:
            7px 0 0 !important;
    }


    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__acciones-secundarias
    .add_to_wishlist,

    body.cybermonday
    #dffullscreen
    .df-card_letsee
    .df-card__comparar {

        min-width:
            0 !important;

        width:
            100% !important;

        height:
            34px !important;

        padding:
            0 6px !important;

        font-size:
            9px !important;
    }
}


/* =========================================================
   GRID DESKTOP CORREGIDO

   Antes:
   <=1500px -> 4 columnas
   <=1100px -> 3 columnas

   Eso comprimía demasiado las cards.
   ========================================================= */


/* Desktop grande */
@media (min-width: 1501px) {

    body.cybermonday
    #dffullscreen
    #df-results__wrapper__dffullscreen.df-results {

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap:
            18px !important;
    }
}


/* Desktop común / notebook */
@media (min-width: 1101px) and (max-width: 1500px) {

    body.cybermonday
    #dffullscreen
    #df-results__wrapper__dffullscreen.df-results {

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            16px !important;
    }
}


/* Desktop angosto / tablet horizontal */
@media (min-width: 768px) and (max-width: 1100px) {

    body.cybermonday
    #dffullscreen
    #df-results__wrapper__dffullscreen.df-results {

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            14px !important;

        padding:
            14px !important;
    }
}



/* =========================================================
   ULTRAPC CYBER — DOOFINDER WEB DARK CARDS FINAL
   Tema Cyber real para resultados web
   ========================================================= */


/* =========================================================
   CARD GENERAL
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee {

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(128,11,211,.10),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #261a31 0%,
            #1c1126 100%
        ) !important;

    border:
        1px solid rgba(255,149,56,.24) !important;

    box-shadow:
        0 7px 20px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.03) !important;

    color:
        #fbfaf8 !important;
}


body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee:hover {

    border-color:
        rgba(255,149,56,.48) !important;

    box-shadow:
        0 10px 26px rgba(0,0,0,.30),
        0 0 18px rgba(255,149,56,.07),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
}


/* =========================================================
   CONTENIDO INTERNO
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card,

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__main,

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__content {

    background:
        transparent !important;

    color:
        inherit !important;
}


/* =========================================================
   IMAGEN
   Se mantiene clara para que el producto se vea limpio.
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__image {

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f9f8f6 72%,
            #f6f3f0 100%
        ) !important;

    border:
        1px solid rgba(255,149,56,.17) !important;
}


/* =========================================================
   TITULO
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__title,

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__title * {

    color:
        #fbfaf8 !important;

    -webkit-text-fill-color:
        #fbfaf8 !important;

    opacity:
        1 !important;

    visibility:
        visible !important;

    text-shadow:
        0 0 7px rgba(255,149,56,.04) !important;
}


/* =========================================================
   ITEM
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__item {

    background:
        rgba(255,149,56,.09) !important;

    border:
        1px solid rgba(255,149,56,.30) !important;

    color:
        #ffb370 !important;

    -webkit-text-fill-color:
        #ffb370 !important;
}


/* =========================================================
   CONDICION
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__condicion {

    background:
        rgba(34,197,94,.10) !important;

    border:
        1px solid rgba(74,222,128,.26) !important;

    color:
        #8ce8a9 !important;

    -webkit-text-fill-color:
        #8ce8a9 !important;

    -webkit-text-stroke:
        0 !important;
}


body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__condicion::before {

    color:
        #65dc8b !important;
}


/* =========================================================
   STOCK
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__stock,

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__stock-pill {

    background:
        rgba(34,197,94,.10) !important;

    background-color:
        rgba(34,197,94,.10) !important;

    border:
        1px solid rgba(74,222,128,.26) !important;

    color:
        #8ce8a9 !important;

    -webkit-text-fill-color:
        #8ce8a9 !important;

    box-shadow:
        inset 0 0 8px rgba(74,222,128,.025) !important;
}


/* =========================================================
   SEPARADOR + PRECIO
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__pricing {

    border-top:
        1px solid rgba(255,149,56,.15) !important;
}


body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__price,

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__price--new {

    color:
        var(--upc-cyber-border, #ffae66) !important;

    -webkit-text-fill-color:
        var(--upc-cyber-border, #ffae66) !important;

    text-shadow:
        0 0 11px rgba(255,149,56,.11) !important;
}


/* =========================================================
   BOTON CARRITO
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.link-añadir-carrito {

    background:
        linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important;

    border:
        1px solid rgba(255,149,56,.34) !important;

    color:
        #ffffff !important;

    -webkit-text-fill-color:
        #ffffff !important;

    box-shadow:
        0 5px 14px rgba(255,158,73,.22) !important;
}


/* =========================================================
   FAVORITOS / COMPARAR
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__acciones-secundarias
a,

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__favoritos,

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen
> .df-card_letsee
.df-card__comparar {

    background:
        rgba(33,18,46,.94) !important;

    border:
        1px solid rgba(255,149,56,.30) !important;

    color:
        #eadfd4 !important;

    -webkit-text-fill-color:
        #eadfd4 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}


/* =========================================================
   RESULTADOS — FONDO GENERAL
   ========================================================= */

body.cybermonday
#dffullscreen
#df-results__wrapper__dffullscreen.df-results {

    background:
        radial-gradient(
            circle at 82% 10%,
            rgba(128,11,211,.065),
            transparent 30%
        ),
        radial-gradient(
            circle at 16% 42%,
            rgba(255,149,56,.035),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            var(--upc-cyber-panel-dark, #140d1a) 0%,
            #100a15 100%
        ) !important;
}



/* =========================================================
   ULTRAPC CYBER — DOOFINDER MOBILE DARK CARDS FINAL
   SOLO MOBILE - NO MODIFICA VERSION WEB
   ========================================================= */

@media (max-width: 767px) {


    /* =====================================================
       FONDO GENERAL DE RESULTADOS
       ===================================================== */

    body.cybermonday
    #df-mobile__content__dffullscreen,

    body.cybermonday
    #df-results__wrapper__dffullscreen.df-results {

        background:
            radial-gradient(
                circle at 82% 8%,
                rgba(128,11,211,.07),
                transparent 30%
            ),
            radial-gradient(
                circle at 15% 38%,
                rgba(255,149,56,.04),
                transparent 27%
            ),
            linear-gradient(
                180deg,
                var(--upc-cyber-panel-dark, #140d1a) 0%,
                #100a15 100%
            ) !important;
    }


    /* =====================================================
       TARJETAS
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee {

        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(128,11,211,.10),
                transparent 38%
            ),
            linear-gradient(
                145deg,
                #261a31 0%,
                #1c1126 100%
            ) !important;

        border:
            1px solid rgba(255,149,56,.24) !important;

        box-shadow:
            0 6px 16px rgba(0,0,0,.24),
            inset 0 1px 0 rgba(255,255,255,.03) !important;

        color:
            #fbfaf8 !important;
    }


    /* =====================================================
       ESTRUCTURA INTERNA
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card,

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__main,

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__content {

        background:
            transparent !important;

        color:
            inherit !important;
    }


    /* =====================================================
       FOTO
       Mantener clara para destacar el producto
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__image {

        background:
            linear-gradient(
                145deg,
                #ffffff 0%,
                #f9f8f6 72%,
                #f6f3f0 100%
            ) !important;

        border:
            1px solid rgba(255,149,56,.17) !important;
    }


    /* =====================================================
       TITULO
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__title,

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__title * {

        color:
            #fbfaf8 !important;

        -webkit-text-fill-color:
            #fbfaf8 !important;

        opacity:
            1 !important;

        visibility:
            visible !important;

        text-shadow:
            0 0 7px rgba(255,149,56,.04) !important;

        filter:
            none !important;
    }


    /* =====================================================
       ITEM
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__item {

        background:
            rgba(255,149,56,.09) !important;

        border:
            1px solid rgba(255,149,56,.30) !important;

        color:
            #ffb370 !important;

        -webkit-text-fill-color:
            #ffb370 !important;
    }


    /* =====================================================
       CONDICION
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__condicion {

        background:
            rgba(34,197,94,.10) !important;

        border:
            1px solid rgba(74,222,128,.26) !important;

        color:
            #8ce8a9 !important;

        -webkit-text-fill-color:
            #8ce8a9 !important;

        -webkit-text-stroke:
            0 !important;
    }


    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__condicion::before {

        color:
            #65dc8b !important;
    }


    /* =====================================================
       STOCK
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__stock,

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__stock-pill {

        background:
            rgba(34,197,94,.10) !important;

        background-color:
            rgba(34,197,94,.10) !important;

        border:
            1px solid rgba(74,222,128,.26) !important;

        color:
            #8ce8a9 !important;

        -webkit-text-fill-color:
            #8ce8a9 !important;

        box-shadow:
            inset 0 0 8px rgba(74,222,128,.025) !important;
    }


    /* =====================================================
       PRECIO
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__pricing {

        border-top:
            1px solid rgba(255,149,56,.15) !important;
    }


    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__price,

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__price--new {

        color:
            var(--upc-cyber-border, #ffae66) !important;

        -webkit-text-fill-color:
            var(--upc-cyber-border, #ffae66) !important;

        opacity:
            1 !important;

        text-shadow:
            0 0 11px rgba(255,149,56,.11) !important;
    }


    /* =====================================================
       BOTON AÑADIR AL CARRITO
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .link-añadir-carrito {

        background:
            linear-gradient(100deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important;

        border:
            1px solid rgba(255,149,56,.34) !important;

        color:
            #ffffff !important;

        -webkit-text-fill-color:
            #ffffff !important;

        box-shadow:
            0 5px 14px rgba(255,158,73,.22) !important;
    }


    /* =====================================================
       FAVORITOS + COMPARAR
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__acciones-secundarias
    a,

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__favoritos,

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__comparar {

        background:
            rgba(33,18,46,.94) !important;

        border:
            1px solid rgba(255,149,56,.30) !important;

        color:
            #eadfd4 !important;

        -webkit-text-fill-color:
            #eadfd4 !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025) !important;
    }

}



/* =========================================================
   ULTRAPC CYBER — DOOFINDER MOBILE SEARCH + META V1

   IMPORTANTE:
   - SOLO CYBER
   - SOLO MOBILE <= 767px
   - NO MODIFICA VERSION WEB
   - NO MODIFICA TEMPORADA NORMAL
   ========================================================= */

@media (max-width: 767px) {


    /* =====================================================
       1. TOPBAR / BUSCADOR MOBILE
       Inspirado en la versión Cyber desktop aprobada.
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-topbar {

        min-height:
            72px !important;

        padding:
            9px 10px !important;

        gap:
            8px !important;

        background:
            radial-gradient(
                circle at 95% 0%,
                rgba(128,11,211,.17),
                transparent 32%
            ),
            linear-gradient(
                100deg,
                #190f21 0%,
                #180f1f 60%,
                #1f0d2c 100%
            ) !important;

        border:
            0 !important;

        border-bottom:
            1px solid rgba(255,149,56,.23) !important;

        box-shadow:
            0 5px 16px rgba(0,0,0,.22) !important;

        box-sizing:
            border-box !important;
    }


    /* =====================================================
       2. LIMPIAR FONDOS BLANCOS DEL BUSCADOR
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-topbar
    form:has(input),

    body.cybermonday
    #dffullscreen
    .df-topbar
    [class*="search"]:has(input),

    body.cybermonday
    #dffullscreen
    .df-topbar
    [class*="input"]:has(> input) {

        position:
            relative !important;

        flex:
            1 1 auto !important;

        min-width:
            0 !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            transparent !important;

        background-color:
            transparent !important;

        background-image:
            none !important;

        border:
            0 !important;

        box-shadow:
            none !important;
    }


    body.cybermonday
    #dffullscreen
    .df-topbar
    form:has(input)::before,

    body.cybermonday
    #dffullscreen
    .df-topbar
    [class*="search"]:has(input)::before {

        content:
            none !important;

        display:
            none !important;
    }


    /* =====================================================
       3. INPUT CYBER
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-topbar
    input {

        display:
            block !important;

        width:
            100% !important;

        height:
            48px !important;

        min-height:
            48px !important;

        margin:
            0 !important;

        padding:
            0 58px 0 17px !important;

        background:
            linear-gradient(
                100deg,
                rgba(19,12,26,.99),
                rgba(29,19,37,.99)
            ) !important;

        background-color:
            #180f1f !important;

        border:
            1px solid rgba(255,149,56,.60) !important;

        border-radius:
            999px !important;

        outline:
            0 !important;

        color:
            #f9f6f4 !important;

        -webkit-text-fill-color:
            #f9f6f4 !important;

        font-size:
            13px !important;

        font-weight:
            500 !important;

        line-height:
            1 !important;

        caret-color:
            var(--upc-cyber-cyan, #ff9538) !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025),
            0 4px 14px rgba(0,0,0,.15) !important;
    }


    body.cybermonday
    #dffullscreen
    .df-topbar
    input::placeholder {

        color:
            #a39a92 !important;

        -webkit-text-fill-color:
            #a39a92 !important;

        opacity:
            1 !important;
    }


    body.cybermonday
    #dffullscreen
    .df-topbar
    input:focus {

        border-color:
            var(--upc-cyber-cyan, #ff9538) !important;

        box-shadow:
            0 0 0 3px rgba(255,149,56,.07),
            0 0 17px rgba(128,11,211,.10),
            inset 0 1px 0 rgba(255,255,255,.025) !important;
    }


    /* =====================================================
       4. OCULTAR BOTONES ANTIGUOS DEL FORM
       Micrófono + lupa blanca antigua.

       Doofinder busca mientras se escribe, por lo que
       mantenemos intacto el input y su lógica.
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-topbar
    form:has(input)
    button {

        display:
            none !important;
    }


    body.cybermonday
    #dffullscreen
    .df-topbar
    [class*="voice"],

    body.cybermonday
    #dffullscreen
    .df-topbar
    [class*="microphone"] {

        display:
            none !important;
    }


    /* =====================================================
       5. BOTON VISUAL DE BUSQUEDA
       Círculo Cyber como desktop.
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-topbar
    form:has(input)::after,

    body.cybermonday
    #dffullscreen
    .df-topbar
    [class*="search"]:has(input)::after {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            50% !important;

        right:
            4px !important;

        width:
            40px !important;

        height:
            40px !important;

        transform:
            translateY(-50%) !important;

        border:
            1px solid rgba(255,149,56,.42) !important;

        border-radius:
            50% !important;

        background-color:
            var(--upc-cyber-violet, #800bd3) !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E"),
            linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important;

        background-repeat:
            no-repeat,
            no-repeat !important;

        background-position:
            center,
            center !important;

        background-size:
            21px 21px,
            100% 100% !important;

        box-shadow:
            0 0 12px rgba(255,149,56,.12),
            0 4px 12px rgba(128,11,211,.24) !important;

        pointer-events:
            none !important;

        z-index:
            5 !important;
    }


    /* =====================================================
       6. BOTON CERRAR
       Mantener funcional pero integrado al Cyber.
       ===================================================== */

    body.cybermonday
    #dffullscreen
    .df-topbar
    > button {

        background:
            transparent !important;

        border:
            0 !important;

        color:
            #d6d0c9 !important;

        -webkit-text-fill-color:
            #d6d0c9 !important;

        box-shadow:
            none !important;

        font-size:
            11px !important;

        font-weight:
            750 !important;
    }


    /* =====================================================
       7. ITEM + CONDICION + STOCK
       Tres cápsulas en UNA SOLA FILA.
       ===================================================== */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__contenedor_upc {

        display:
            flex !important;

        flex-direction:
            row !important;

        flex-wrap:
            nowrap !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        height:
            24px !important;

        min-height:
            24px !important;

        column-gap:
            4px !important;

        row-gap:
            0 !important;

        margin:
            0 0 8px !important;

        padding:
            0 !important;

        white-space:
            nowrap !important;

        overflow:
            visible !important;
    }


    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__item,

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__condicion,

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__stock-pill {

        position:
            static !important;

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        flex:
            0 1 auto !important;

        grid-column:
            auto !important;

        justify-self:
            auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            23px !important;

        min-height:
            23px !important;

        margin:
            0 !important;

        padding:
            0 6px !important;

        border-radius:
            999px !important;

        font-size:
            7.4px !important;

        font-weight:
            850 !important;

        line-height:
            1 !important;

        letter-spacing:
            -.08px !important;

        white-space:
            nowrap !important;

        overflow:
            visible !important;

        text-overflow:
            clip !important;

        box-sizing:
            border-box !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.02) !important;
    }


    /* ITEM */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__item {

        background:
            rgba(255,149,56,.08) !important;

        border:
            1px solid rgba(255,149,56,.36) !important;

        color:
            #ffb370 !important;

        -webkit-text-fill-color:
            #ffb370 !important;
    }


    /* CONDICION */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__condicion {

        background:
            rgba(34,197,94,.09) !important;

        border:
            1px solid rgba(74,222,128,.27) !important;

        color:
            #8ce8a9 !important;

        -webkit-text-fill-color:
            #8ce8a9 !important;

        -webkit-text-stroke:
            0 !important;
    }


    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__condicion::before {

        font-size:
            7px !important;

        color:
            #6de395 !important;

        -webkit-text-stroke:
            0 !important;
    }


    /* STOCK */

    body.cybermonday
    :is(
        #df-mobile__content__dffullscreen,
        #df-results__wrapper__dffullscreen
    )
    > .df-card_letsee
    .df-card__stock-pill {

        background:
            rgba(34,197,94,.09) !important;

        border:
            1px solid rgba(74,222,128,.27) !important;

        color:
            #8ce8a9 !important;

        -webkit-text-fill-color:
            #8ce8a9 !important;
    }

}



/* =========================================================
   ULTRAPC CYBER — MOBILE SEARCH V3 FINAL

   SOLO CYBER + MOBILE.
   NO TOCA DESKTOP.
   ========================================================= */

@media (max-width: 767px) {


    /* =====================================================
       FILA COMPLETA
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-search-row-v3 {

        display:
            flex !important;

        align-items:
            center !important;

        gap:
            8px !important;

        width:
            100% !important;

        min-height:
            66px !important;

        margin:
            0 !important;

        padding:
            8px 10px !important;

        background:
            radial-gradient(
                circle at 96% 0%,
                rgba(128,11,211,.16),
                transparent 30%
            ),
            linear-gradient(
                100deg,
                #190f21 0%,
                #180f1f 62%,
                #1f0d2c 100%
            ) !important;

        border:
            0 !important;

        border-bottom:
            1px solid rgba(255,149,56,.22) !important;

        box-shadow:
            0 5px 16px rgba(0,0,0,.20) !important;

        box-sizing:
            border-box !important;
    }


    /* =====================================================
       OCULTAR MIC / LUPA ANTIGUOS
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-search-extra-v3 {

        display:
            none !important;
    }


    /* =====================================================
       LIMPIAR WRAPPERS
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-search-shell-v3 {

        background:
            transparent !important;

        background-color:
            transparent !important;

        background-image:
            none !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    /* =====================================================
       FIELD
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-search-field-v3 {

        position:
            relative !important;

        display:
            block !important;

        flex:
            1 1 auto !important;

        width:
            auto !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        height:
            48px !important;
    }


    /* =====================================================
       INPUT
       ===================================================== */

    body.cybermonday
    input.upc-df-mobile-search-input-v3 {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            none !important;

        height:
            48px !important;

        min-height:
            48px !important;

        margin:
            0 !important;

        padding:
            0 55px 0 17px !important;

        background:
            linear-gradient(
                100deg,
                rgba(19,12,26,.99),
                rgba(29,19,37,.99)
            ) !important;

        background-color:
            #180f1f !important;

        background-image:
            none !important;

        border:
            1px solid rgba(255,149,56,.62) !important;

        border-radius:
            999px !important;

        outline:
            0 !important;

        color:
            #f9f6f4 !important;

        -webkit-text-fill-color:
            #f9f6f4 !important;

        caret-color:
            var(--upc-cyber-cyan, #ff9538) !important;

        font-size:
            13px !important;

        font-weight:
            500 !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025),
            0 4px 14px rgba(0,0,0,.16) !important;

        box-sizing:
            border-box !important;
    }


    body.cybermonday
    input.upc-df-mobile-search-input-v3::placeholder {

        color:
            #a59c94 !important;

        -webkit-text-fill-color:
            #a59c94 !important;

        opacity:
            1 !important;
    }


    /* =====================================================
       NUEVA LUPA CYBER
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-search-field-v3::after {

        content:
            "" !important;

        position:
            absolute !important;

        top:
            50% !important;

        right:
            4px !important;

        width:
            40px !important;

        height:
            40px !important;

        transform:
            translateY(-50%) !important;

        border:
            1px solid rgba(255,149,56,.42) !important;

        border-radius:
            50% !important;

        background:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E")
                center / 21px 21px no-repeat,
            linear-gradient(135deg, #ff8a3d 0%, #f2711c 45%, #d9480f 100%) !important;

        box-shadow:
            0 0 12px rgba(255,149,56,.13),
            0 4px 12px rgba(128,11,211,.25) !important;

        pointer-events:
            none !important;

        z-index:
            4 !important;
    }


    /* =====================================================
       CERRAR -> X
       ===================================================== */

    body.cybermonday
    button.upc-df-mobile-search-close-v3 {

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        flex:
            0 0 42px !important;

        width:
            42px !important;

        min-width:
            42px !important;

        height:
            42px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        color:
            transparent !important;

        -webkit-text-fill-color:
            transparent !important;

        font-size:
            0 !important;
    }


    body.cybermonday
    button.upc-df-mobile-search-close-v3::before {

        content:
            "×" !important;

        color:
            #a7a09a !important;

        -webkit-text-fill-color:
            #a7a09a !important;

        font-size:
            34px !important;

        font-weight:
            300 !important;

        line-height:
            1 !important;
    }

}



/* =========================================================
   ULTRAPC CYBER — DOOFINDER MOBILE UI FINAL V5

   SOLO:
   body.cybermonday
   max-width:767px

   DESKTOP Y TEMA NORMAL: INTACTOS
   ========================================================= */

@media (max-width: 767px) {


    /* =====================================================
       A. BUSCADOR
       Separar correctamente lupa y X
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-search-row-v3 {

        padding:
            8px !important;
    }


    body.cybermonday
    .upc-df-mobile-search-field-v3 {

        flex:
            1 1 calc(100% - 52px) !important;

        width:
            calc(100% - 52px) !important;

        max-width:
            calc(100% - 52px) !important;

        min-width:
            0 !important;

        margin-right:
            52px !important;
    }


    body.cybermonday
    button.upc-df-mobile-search-close-v3 {

        right:
            7px !important;

        width:
            40px !important;

        min-width:
            40px !important;

        height:
            40px !important;

        background:
            rgba(29,17,39,.92) !important;

        border:
            1px solid rgba(255,149,56,.20) !important;

        border-radius:
            50% !important;
    }


    body.cybermonday
    button.upc-df-mobile-search-close-v3::before {

        content:
            "×" !important;

        color:
            #b2aca5 !important;

        -webkit-text-fill-color:
            #b2aca5 !important;

        font-size:
            27px !important;

        font-weight:
            300 !important;
    }


    /*
     * La lupa permanece dentro del extremo del input,
     * mientras X queda en su propio círculo.
     */
    body.cybermonday
    .upc-df-mobile-search-field-v3::after {

        right:
            4px !important;

        width:
            40px !important;

        height:
            40px !important;
    }


    /* =====================================================
       B. RESULTADOS / FILTRAR
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-results-toolbar-v5 {

        background:
            linear-gradient(
                100deg,
                #1b1025 0%,
                #1e1328 68%,
                #281d31 100%
            ) !important;

        background-color:
            #1b1025 !important;

        border:
            0 !important;

        border-bottom:
            1px solid rgba(255,149,56,.17) !important;

        box-shadow:
            0 4px 12px rgba(0,0,0,.16) !important;

        color:
            #f2eee9 !important;

        -webkit-text-fill-color:
            #f2eee9 !important;
    }


    body.cybermonday
    .upc-df-mobile-results-toolbar-v5 * {

        color:
            #f2eee9 !important;

        -webkit-text-fill-color:
            #f2eee9 !important;
    }


    body.cybermonday
    .upc-df-mobile-results-toolbar-v5
    button.df-mobile__button--sm {

        background:
            rgba(255,149,56,.08) !important;

        border:
            1px solid rgba(255,149,56,.28) !important;

        border-radius:
            999px !important;

        color:
            #ffbb80 !important;

        -webkit-text-fill-color:
            #ffbb80 !important;

        box-shadow:
            none !important;
    }


    /* =====================================================
       C. DRAWER COMPLETO
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-filter-shell-v5 {

        background:
            linear-gradient(
                180deg,
                var(--upc-cyber-panel-dark, #140d1a) 0%,
                #1a1022 100%
            ) !important;

        background-color:
            var(--upc-cyber-panel-dark, #140d1a) !important;

        color:
            #f9f6f4 !important;
    }


    /* =====================================================
       D. LIMPIAR / CERRAR
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-filter-toolbar-v5 {

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            space-between !important;

        min-height:
            58px !important;

        padding:
            8px 12px !important;

        background:
            linear-gradient(
                100deg,
                #1b1025,
                #281d31
            ) !important;

        background-color:
            #1b1025 !important;

        border:
            0 !important;

        border-bottom:
            1px solid rgba(255,149,56,.16) !important;

        box-shadow:
            0 4px 12px rgba(0,0,0,.14) !important;
    }


    body.cybermonday
    .upc-df-mobile-filter-toolbar-v5
    button.df-mobile__button {

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            auto !important;

        min-width:
            82px !important;

        height:
            36px !important;

        margin:
            0 !important;

        padding:
            0 13px !important;

        background:
            rgba(34,19,48,.96) !important;

        border:
            1px solid rgba(255,149,56,.25) !important;

        border-radius:
            9px !important;

        color:
            #ede7e1 !important;

        -webkit-text-fill-color:
            #ede7e1 !important;

        font-size:
            11px !important;

        font-weight:
            800 !important;

        box-shadow:
            none !important;
    }


    /* =====================================================
       E. ORDENAR POR
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-sort-block-v5 {

        padding:
            12px 10px 14px !important;

        background:
            #1b1024 !important;

        background-color:
            #1b1024 !important;

        border:
            0 !important;

        border-bottom:
            1px solid rgba(255,149,56,.10) !important;

        color:
            #b4aba1 !important;

        -webkit-text-fill-color:
            #b4aba1 !important;
    }


    body.cybermonday
    .upc-df-mobile-sort-block-v5
    * {

        color:
            #bdb5ad !important;

        -webkit-text-fill-color:
            #bdb5ad !important;
    }


    body.cybermonday
    select.upc-df-mobile-sort-select-v5 {

        display:
            block !important;

        width:
            100% !important;

        height:
            42px !important;

        min-height:
            42px !important;

        margin:
            7px 0 0 !important;

        padding:
            0 42px 0 14px !important;

        background:
            #170e1f !important;

        background-color:
            #170e1f !important;

        border:
            1px solid rgba(255,149,56,.48) !important;

        border-radius:
            999px !important;

        color:
            #f2eee9 !important;

        -webkit-text-fill-color:
            #f2eee9 !important;

        font-size:
            12px !important;

        outline:
            0 !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.02) !important;
    }


    body.cybermonday
    select.upc-df-mobile-sort-select-v5
    option {

        background:
            #1b1024 !important;

        color:
            #f2eee9 !important;
    }

}



/* =========================================================
   ULTRAPC CYBER — DOOFINDER MOBILE FINISH V6

   SOLO:
   body.cybermonday
   max-width: 767px

   NO MODIFICA:
   - Cyber desktop
   - Doofinder normal
   ========================================================= */

@media (max-width: 767px) {


    /* =====================================================
       1. BUSCADOR
       Reservar espacio real para la X.
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-search-row-v3 {

        position:
            relative !important;

        display:
            flex !important;

        align-items:
            center !important;

        width:
            100% !important;

        padding:
            8px 58px 8px 8px !important;

        box-sizing:
            border-box !important;
    }


    body.cybermonday
    .upc-df-mobile-search-field-v3 {

        position:
            relative !important;

        display:
            block !important;

        flex:
            1 1 auto !important;

        width:
            100% !important;

        max-width:
            100% !important;

        min-width:
            0 !important;

        height:
            48px !important;

        margin:
            0 !important;
    }


    /*
     * Eliminamos la lupa pseudo anterior.
     * Ahora la ponemos directamente como background del input.
     */
    body.cybermonday
    .upc-df-mobile-search-field-v3::after {

        content:
            none !important;

        display:
            none !important;
    }


    body.cybermonday
    input.upc-df-mobile-search-input-v3 {

        width:
            100% !important;

        max-width:
            100% !important;

        height:
            48px !important;

        padding:
            0 52px 0 17px !important;

        background-color:
            #170e1f !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.1' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E"),
            linear-gradient(
                100deg,
                rgba(19,12,26,.99),
                rgba(29,19,37,.99)
            ) !important;

        background-repeat:
            no-repeat,
            no-repeat !important;

        background-position:
            calc(100% - 14px) center,
            center !important;

        background-size:
            20px 20px,
            100% 100% !important;

        border:
            1px solid rgba(255,149,56,.62) !important;

        border-radius:
            999px !important;

        color:
            #f9f6f4 !important;

        -webkit-text-fill-color:
            #f9f6f4 !important;
    }


    /* =====================================================
       2. X SEPARADA
       ===================================================== */

    body.cybermonday
    button.upc-df-mobile-search-close-v3 {

        position:
            absolute !important;

        top:
            50% !important;

        right:
            8px !important;

        transform:
            translateY(-50%) !important;

        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            40px !important;

        min-width:
            40px !important;

        height:
            40px !important;

        min-height:
            40px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            rgba(31,18,42,.98) !important;

        border:
            1px solid rgba(255,149,56,.30) !important;

        border-radius:
            50% !important;

        box-shadow:
            0 3px 10px rgba(0,0,0,.18) !important;

        z-index:
            10 !important;
    }


    body.cybermonday
    button.upc-df-mobile-search-close-v3::before {

        content:
            "×" !important;

        color:
            #bcb6b0 !important;

        -webkit-text-fill-color:
            #bcb6b0 !important;

        font-size:
            27px !important;

        font-weight:
            300 !important;

        line-height:
            1 !important;
    }


    /* =====================================================
       3. BLOQUE ORDENAR POR
       ===================================================== */

    body.cybermonday
    .upc-df-mobile-sort-block-v6 {

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            12px 11px 15px !important;

        background:
            linear-gradient(
                180deg,
                #1b1025 0%,
                #170e1f 100%
            ) !important;

        background-color:
            #1b1025 !important;

        border:
            0 !important;

        border-bottom:
            1px solid rgba(255,149,56,.13) !important;

        color:
            #b6aca3 !important;

        box-shadow:
            none !important;

        box-sizing:
            border-box !important;
    }


    /*
     * Título ORDENAR POR.
     */
    body.cybermonday
    .upc-df-mobile-sort-block-v6
    :is(
        label,
        span,
        p,
        strong
    ) {

        color:
            #b6aca3 !important;

        -webkit-text-fill-color:
            #b6aca3 !important;
    }


    /* =====================================================
       4. SELECT RELEVANCIA
       ===================================================== */

    body.cybermonday
    select.upc-df-mobile-sort-select-v6 {

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        height:
            42px !important;

        min-height:
            42px !important;

        margin:
            8px 0 0 !important;

        padding:
            0 42px 0 15px !important;

        background:
            #180e21 !important;

        background-color:
            #180e21 !important;

        border:
            1px solid rgba(255,149,56,.48) !important;

        border-radius:
            999px !important;

        outline:
            0 !important;

        color:
            #f2eee9 !important;

        -webkit-text-fill-color:
            #f2eee9 !important;

        font-size:
            12px !important;

        font-weight:
            550 !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.02) !important;

        box-sizing:
            border-box !important;
    }


    body.cybermonday
    select.upc-df-mobile-sort-select-v6:focus {

        border-color:
            var(--upc-cyber-cyan, #ff9538) !important;

        box-shadow:
            0 0 0 3px rgba(255,149,56,.07) !important;
    }


    body.cybermonday
    select.upc-df-mobile-sort-select-v6
    option {

        background:
            #1b1024 !important;

        color:
            #f6f2ef !important;
    }

}



/* =========================================================
   ULTRAPC CYBER — DOOFINDER MOBILE SORT FINAL
   SOLO CYBER + MOBILE
   NO MODIFICA DESKTOP NI TEMA NORMAL
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       CONTENEDOR ORDENAR POR
       ===================================================== */

    body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__sorting__dffullscreen {

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            13px 11px 15px !important;

        background:
            linear-gradient(
                180deg,
                #1b1025 0%,
                #170e1f 100%
            ) !important;

        background-color:
            #1b1025 !important;

        border:
            0 !important;

        border-bottom:
            1px solid rgba(255,149,56,.14) !important;

        box-shadow:
            none !important;

        color:
            #b6aca3 !important;

        box-sizing:
            border-box !important;
    }


    /* =====================================================
       WRAPPER
       ===================================================== */

    body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__sorting__dffullscreen
    .df-sort-select {

        position:
            relative !important;

        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        color:
            #b6aca3 !important;

        -webkit-text-fill-color:
            #b6aca3 !important;
    }


    /* =====================================================
       TEXTO "ORDENAR POR:"
       ===================================================== */

    body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__sorting__dffullscreen
    .df-sort-select
    :is(
        label,
        span,
        strong,
        p
    ) {

        color:
            #b6aca3 !important;

        -webkit-text-fill-color:
            #b6aca3 !important;

        font-weight:
            750 !important;
    }


    /* =====================================================
       SELECT
       ===================================================== */

    body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__sorting__dffullscreen
    select[data-role="sort"] {

        -webkit-appearance:
            none !important;

        appearance:
            none !important;

        display:
            block !important;

        width:
            100% !important;

        max-width:
            100% !important;

        height:
            44px !important;

        min-height:
            44px !important;

        margin:
            9px 0 0 !important;

        padding:
            0 44px 0 15px !important;

        background-color:
            #180e21 !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23d5bfa9' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E") !important;

        background-repeat:
            no-repeat !important;

        background-position:
            calc(100% - 14px) center !important;

        background-size:
            18px 18px !important;

        border:
            1px solid rgba(255,149,56,.48) !important;

        border-radius:
            999px !important;

        outline:
            0 !important;

        color:
            #f2eee9 !important;

        -webkit-text-fill-color:
            #f2eee9 !important;

        font-size:
            12px !important;

        font-weight:
            550 !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.025) !important;

        box-sizing:
            border-box !important;
    }


    body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__sorting__dffullscreen
    select[data-role="sort"]:focus {

        border-color:
            var(--upc-cyber-cyan, #ff9538) !important;

        box-shadow:
            0 0 0 3px rgba(255,149,56,.07),
            0 0 14px rgba(128,11,211,.08) !important;
    }


    body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__sorting__dffullscreen
    select[data-role="sort"]
    option {

        background:
            #1b1024 !important;

        color:
            #f6f2ef !important;

        -webkit-text-fill-color:
            #f6f2ef !important;
    }

}



/* =========================================================
   ULTRAPC CYBER — DOOFINDER MOBILE BACKGROUND FINAL
   Elimina fondos blancos residuales del buscador y filtros.

   SOLO:
   - body.cybermonday
   - mobile <= 767px

   NO TOCA:
   - Cyber desktop
   - Tema normal
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       RAIZ COMPLETA DE DOOFINDER MOBILE
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile {

        background:
            linear-gradient(
                180deg,
                var(--upc-cyber-panel-dark, #140d1a) 0%,
                #190f21 100%
            ) !important;

        background-color:
            var(--upc-cyber-panel-dark, #140d1a) !important;

        color:
            #f9f6f4 !important;
    }


    /* =====================================================
       CAPA GENERAL
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile
    .df-layer__content {

        background:
            var(--upc-cyber-panel-dark, #140d1a) !important;

        background-color:
            var(--upc-cyber-panel-dark, #140d1a) !important;
    }


    /* =====================================================
       ZONA DEL BUSCADOR
       Quita el blanco que queda alrededor del bloque oscuro.
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile
    .upc-df-mobile-search-row-v3,

    html body.cybermonday
    #dffullscreen.df-mobile
    .upc-df-mobile-search-row-v3
    .upc-df-mobile-search-shell-v3 {

        background-color:
            var(--upc-cyber-panel-dark, #140d1a) !important;
    }


    /*
     * Los wrappers del buscador deben ser transparentes
     * para mostrar el fondo Cyber de la raíz.
     */
    html body.cybermonday
    #dffullscreen.df-mobile
    .upc-df-mobile-search-shell-v3 {

        background:
            transparent !important;

        background-color:
            transparent !important;
    }


    /* =====================================================
       CONTENIDO DE RESULTADOS
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__content__dffullscreen {

        background:
            var(--upc-cyber-panel-dark, #140d1a) !important;

        background-color:
            var(--upc-cyber-panel-dark, #140d1a) !important;
    }


    /* =====================================================
       DRAWER COMPLETO DE FILTROS
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile
    .df-mobile__aside,

    html body.cybermonday
    #dffullscreen.df-mobile
    .upc-df-mobile-filter-shell-v5 {

        background:
            linear-gradient(
                180deg,
                var(--upc-cyber-panel-dark, #140d1a) 0%,
                #1a1022 100%
            ) !important;

        background-color:
            var(--upc-cyber-panel-dark, #140d1a) !important;

        color:
            #f9f6f4 !important;
    }


    /* =====================================================
       ORDENAMIENTO
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__sorting__dffullscreen,

    html body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__sorting__dffullscreen
    .df-sort-select {

        background:
            #1a1022 !important;

        background-color:
            #1a1022 !important;
    }


    /* =====================================================
       ESPACIOS ENTRE BLOQUES DEL DRAWER
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile
    .df-mobile__aside
    > div {

        border-color:
            rgba(255,149,56,.10) !important;
    }


    /* =====================================================
       SCROLL / ÁREAS VACÍAS
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile
    .df-aside,

    html body.cybermonday
    #dffullscreen.df-mobile
    .df-aside__content {

        background:
            var(--upc-cyber-panel-dark, #140d1a) !important;

        background-color:
            var(--upc-cyber-panel-dark, #140d1a) !important;
    }

}



/* =========================================================
   ULTRAPC CYBER — DOOFINDER MOBILE WHITE WRAPPERS FIX
   Selectores confirmados mediante computed styles.

   SOLO CYBER + MOBILE
   NO TOCA DESKTOP NI TEMA NORMAL
   ========================================================= */

@media (max-width: 767px) {

    /* =====================================================
       HEADER MOBILE
       Antes: rgb(238,238,238)
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__header__dffullscreen.df-mobile__header {

        background:
            linear-gradient(
                180deg,
                var(--upc-cyber-panel-dark, #140d1a) 0%,
                #1a1023 100%
            ) !important;

        background-color:
            var(--upc-cyber-panel-dark, #140d1a) !important;

        border-color:
            rgba(255,149,56,.10) !important;

        color:
            #f9f6f4 !important;
    }


    /* =====================================================
       CONTENIDO DEL DRAWER DE FILTROS
       Antes: rgb(255,255,255)
       ===================================================== */

    html body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__content__dffullscreen.df-mobile__aside__content {

        background:
            linear-gradient(
                180deg,
                var(--upc-cyber-panel-dark, #140d1a) 0%,
                #1a1022 100%
            ) !important;

        background-color:
            var(--upc-cyber-panel-dark, #140d1a) !important;

        color:
            #f9f6f4 !important;
    }


    /*
     * Evitar que espacios entre los paneles revelen
     * nuevamente el fondo blanco original.
     */
    html body.cybermonday
    #dffullscreen.df-mobile
    #df-mobile__aside__content__dffullscreen.df-mobile__aside__content
    > * {

        border-color:
            rgba(255,149,56,.10) !important;
    }

}



/* =========================================================
   ULTRAPC CYBER — DOOFINDER CART ICON FINAL

   APLICA:
   - Cyber desktop
   - Cyber mobile

   NO MODIFICA:
   - Tema normal
   ========================================================= */

body.cybermonday
:is(
    #df-results__wrapper__dffullscreen,
    #df-mobile__content__dffullscreen
)
> .df-card_letsee
.link-añadir-carrito::before {

    content:
        "" !important;

    display:
        inline-block !important;

    flex:
        0 0 30px !important;

    width:
        30px !important;

    min-width:
        30px !important;

    height:
        30px !important;

    min-height:
        30px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23ffba7d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.4 10.2a2 2 0 0 0 2 1.6h7.7a2 2 0 0 0 2-1.6L21 8H7'/%3E%3C/svg%3E")
            center / 17px 17px
            no-repeat,
        linear-gradient(
            145deg,
            rgba(40,20,58,.98),
            rgba(35,20,48,.98)
        ) !important;

    border:
        1px solid rgba(255,149,56,.42) !important;

    border-radius:
        50% !important;

    color:
        transparent !important;

    font-family:
        initial !important;

    font-size:
        0 !important;

    line-height:
        1 !important;

    text-indent:
        0 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 3px 9px rgba(0,0,0,.18),
        0 0 9px rgba(255,149,56,.06) !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease !important;
}


/* Hover desktop */

body.cybermonday
#df-results__wrapper__dffullscreen
> .df-card_letsee
.link-añadir-carrito:hover::before {

    border-color:
        rgba(255,149,56,.72) !important;

    box-shadow:
        0 0 11px rgba(255,149,56,.16),
        inset 0 1px 0 rgba(255,255,255,.07) !important;

    transform:
        scale(1.04) !important;
}


/* Ajuste mobile */

@media (max-width: 767px) {

    body.cybermonday
    #df-mobile__content__dffullscreen
    > .df-card_letsee
    .link-añadir-carrito::before,

    body.cybermonday
    #df-results__wrapper__dffullscreen
    > .df-card_letsee
    .link-añadir-carrito::before {

        flex-basis:
            27px !important;

        width:
            27px !important;

        min-width:
            27px !important;

        height:
            27px !important;

        min-height:
            27px !important;

        background-size:
            15px 15px,
            100% 100% !important;
    }
}