/* =========================================================
   ULTRAPC - SISTEMA GLOBAL DE ESTADOS DE PRODUCTO
   =========================================================

   PALETA OFICIAL

   NUEVO / NUEVO SELLADO
   → Azul oscuro

   OPEN BOX
   → Azul claro

   SEMINUEVO / REACONDICIONADO
   → Verde oscuro

   USADO
   → Verde claro

   Este archivo debe cargarse DESPUÉS de los demás CSS.
   ========================================================= */


/* =========================================================
   1. VARIABLES GLOBALES
   ========================================================= */

:root {

    /* NUEVO */
    --upc-status-nuevo: #003EB2;
    --upc-status-nuevo-bg: #EAF1FF;
    --upc-status-nuevo-border: #C8D9FA;

    /* OPEN BOX */
    --upc-status-openbox: #4DA3E3;
    --upc-status-openbox-bg: #EFF8FF;
    --upc-status-openbox-border: #CBE8FA;

    /* SEMINUEVO / REACONDICIONADO */
    --upc-status-seminuevo: #198754;
    --upc-status-seminuevo-bg: #ECF8F1;
    --upc-status-seminuevo-border: #CAE8D5;

    /* USADO */
    --upc-status-usado: #79C98B;
    --upc-status-usado-text: #4A995D;
    --upc-status-usado-bg: #F1FAF3;
    --upc-status-usado-border: #D3EDDA;
}


/* =========================================================
   2. NUEVO / NUEVO SELLADO
   AZUL OSCURO
   ========================================================= */

.condicion_item_ultrapc_archivos:is(
    .nuevo,
    .nuevo-sellado
),
.condicion_item_ultrapc.texto_sumario
.condicion:is(
    .nuevo,
    .nuevo-sellado
) {
    background-color: var(--upc-status-nuevo-bg) !important;
    border-color: var(--upc-status-nuevo-border) !important;
    color: var(--upc-status-nuevo) !important;
}

.condicion_item_ultrapc_archivos:is(
    .nuevo,
    .nuevo-sellado
)::before {
    color: var(--upc-status-nuevo) !important;
    border-color: var(--upc-status-nuevo) !important;
}

.contenedor-short-ultrapc
.condicion:is(
    .nuevo,
    .nuevo-sellado
)
.fa-info-circle::before {
    color: var(--upc-status-nuevo) !important;
    -webkit-text-fill-color: var(--upc-status-nuevo) !important;
}


/* =========================================================
   3. OPEN BOX
   AZUL CLARO
   ========================================================= */

.condicion_item_ultrapc_archivos.open-box,
.condicion_item_ultrapc.texto_sumario
.condicion.open-box {
    background-color: var(--upc-status-openbox-bg) !important;
    border-color: var(--upc-status-openbox-border) !important;
    color: var(--upc-status-openbox) !important;
}

.condicion_item_ultrapc_archivos.open-box::before {
    color: var(--upc-status-openbox) !important;
    border-color: var(--upc-status-openbox) !important;
}

.contenedor-short-ultrapc
.condicion.open-box
.fa-info-circle::before {
    color: var(--upc-status-openbox) !important;
    -webkit-text-fill-color: var(--upc-status-openbox) !important;
}


/* =========================================================
   4. SEMINUEVO / REACONDICIONADO
   VERDE OSCURO
   ========================================================= */

.condicion_item_ultrapc_archivos:is(
    .seminuevo,
    .reacondicionado,
    .reac-sin-uso
),
.condicion_item_ultrapc_archivos[class*="reacondicionado"],
.condicion_item_ultrapc.texto_sumario
.condicion:is(
    .seminuevo,
    .reacondicionado,
    .reac-sin-uso
),
.condicion_item_ultrapc.texto_sumario
.condicion[class*="reacondicionado"] {
    background-color: var(--upc-status-seminuevo-bg) !important;
    border-color: var(--upc-status-seminuevo-border) !important;
    color: var(--upc-status-seminuevo) !important;
}

.condicion_item_ultrapc_archivos:is(
    .seminuevo,
    .reacondicionado,
    .reac-sin-uso
)::before,
.condicion_item_ultrapc_archivos[class*="reacondicionado"]::before {
    color: var(--upc-status-seminuevo) !important;
    border-color: var(--upc-status-seminuevo) !important;
}

.contenedor-short-ultrapc
.condicion:is(
    .seminuevo,
    .reacondicionado,
    .reac-sin-uso
)
.fa-info-circle::before,
.contenedor-short-ultrapc
.condicion[class*="reacondicionado"]
.fa-info-circle::before {
    color: var(--upc-status-seminuevo) !important;
    -webkit-text-fill-color: var(--upc-status-seminuevo) !important;
}


/* =========================================================
   5. USADO
   VERDE CLARO
   ========================================================= */

.condicion_item_ultrapc_archivos.usado,
.condicion_item_ultrapc.texto_sumario
.condicion.usado {
    background-color: var(--upc-status-usado-bg) !important;
    border-color: var(--upc-status-usado-border) !important;
    color: var(--upc-status-usado-text) !important;
}

.condicion_item_ultrapc_archivos.usado::before {
    color: var(--upc-status-usado) !important;
    border-color: var(--upc-status-usado) !important;
}

.contenedor-short-ultrapc
.condicion.usado
.fa-info-circle::before {
    color: var(--upc-status-usado-text) !important;
    -webkit-text-fill-color: var(--upc-status-usado-text) !important;
}


/* =========================================================
   6. DOOFINDER - NUEVO / NUEVO SELLADO
   ========================================================= */

: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"]
    )
)
.df-card__condicion {
    background: var(--upc-status-nuevo-bg) !important;
    border-color: var(--upc-status-nuevo-border) !important;
    color: var(--upc-status-nuevo) !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"]
    )
)
.df-card__condicion::before {
    color: var(--upc-status-nuevo) !important;
}


/* =========================================================
   7. DOOFINDER - OPEN BOX
   ========================================================= */

:is(
    #df-results__wrapper__dffullscreen,
    #df-mobile__content__dffullscreen
)
> .df-card_letsee:has(
    .df-card:is(
        [class*="/Open Box/"],
        [class$="/Open Box"]
    )
)
.df-card__condicion {
    background: var(--upc-status-openbox-bg) !important;
    border-color: var(--upc-status-openbox-border) !important;
    color: var(--upc-status-openbox) !important;
}

:is(
    #df-results__wrapper__dffullscreen,
    #df-mobile__content__dffullscreen
)
> .df-card_letsee:has(
    .df-card:is(
        [class*="/Open Box/"],
        [class$="/Open Box"]
    )
)
.df-card__condicion::before {
    color: var(--upc-status-openbox) !important;
}


/* =========================================================
   8. DOOFINDER - SEMINUEVO / REACONDICIONADO
   ========================================================= */

:is(
    #df-results__wrapper__dffullscreen,
    #df-mobile__content__dffullscreen
)
> .df-card_letsee:has(
    .df-card:is(
        [class*="/Seminuevo/"],
        [class$="/Seminuevo"],
        [class*="/Reacondicionado/"],
        [class$="/Reacondicionado"],
        [class*="/Reacondicionado (Sin Uso)/"],
        [class$="/Reacondicionado (Sin Uso)"]
    )
)
.df-card__condicion {
    background: var(--upc-status-seminuevo-bg) !important;
    border-color: var(--upc-status-seminuevo-border) !important;
    color: var(--upc-status-seminuevo) !important;
}

:is(
    #df-results__wrapper__dffullscreen,
    #df-mobile__content__dffullscreen
)
> .df-card_letsee:has(
    .df-card:is(
        [class*="/Seminuevo/"],
        [class$="/Seminuevo"],
        [class*="/Reacondicionado/"],
        [class$="/Reacondicionado"],
        [class*="/Reacondicionado (Sin Uso)/"],
        [class$="/Reacondicionado (Sin Uso)"]
    )
)
.df-card__condicion::before {
    color: var(--upc-status-seminuevo) !important;
}


/* =========================================================
   9. DOOFINDER - USADO
   ========================================================= */

:is(
    #df-results__wrapper__dffullscreen,
    #df-mobile__content__dffullscreen
)
> .df-card_letsee:has(
    .df-card:is(
        [class*="/Usado/"],
        [class$="/Usado"]
    )
)
.df-card__condicion {
    background: var(--upc-status-usado-bg) !important;
    border-color: var(--upc-status-usado-border) !important;
    color: var(--upc-status-usado-text) !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 {
    color: var(--upc-status-usado) !important;
}


/* =========================================================
   10. TARJETAS USADO - ELIMINAR ACENTO NARANJO ANTIGUO
   ========================================================= */

.product.product_tag-usado .product-item__inner,
section.related.products
li.product.product_tag-usado
.product-item__inner {
    border-color: var(--upc-status-usado-border) !important;
}

.product.product_tag-usado:hover .product-item__inner,
section.related.products
li.product.product_tag-usado:hover
.product-item__inner {
    border-color: var(--upc-status-usado) !important;
}


/* =========================================================
   11. API VISUAL PARA ELEMENTOS FUTUROS

   Permite usar:
   data-product-status="nuevo"
   data-product-status="open-box"
   data-product-status="seminuevo"
   data-product-status="reacondicionado"
   data-product-status="usado"
   ========================================================= */

[data-product-status="nuevo"],
[data-product-status="nuevo-sellado"] {
    --upc-current-status: var(--upc-status-nuevo);
    --upc-current-status-bg: var(--upc-status-nuevo-bg);
    --upc-current-status-border: var(--upc-status-nuevo-border);
}

[data-product-status="open-box"] {
    --upc-current-status: var(--upc-status-openbox);
    --upc-current-status-bg: var(--upc-status-openbox-bg);
    --upc-current-status-border: var(--upc-status-openbox-border);
}

[data-product-status="seminuevo"],
[data-product-status="reacondicionado"] {
    --upc-current-status: var(--upc-status-seminuevo);
    --upc-current-status-bg: var(--upc-status-seminuevo-bg);
    --upc-current-status-border: var(--upc-status-seminuevo-border);
}

[data-product-status="usado"] {
    --upc-current-status: var(--upc-status-usado);
    --upc-current-status-bg: var(--upc-status-usado-bg);
    --upc-current-status-border: var(--upc-status-usado-border);
}


/* =========================================================
   12. HOME - PRIORIDAD GLOBAL DE ESTADOS
   ========================================================= */


/* NUEVO / NUEVO SELLADO — AZUL OSCURO */
body.home .condicion_item_ultrapc_archivos:is(
    .nuevo,
    .nuevo-sellado
) {
    background: var(--upc-status-nuevo-bg) !important;
    border-color: var(--upc-status-nuevo-border) !important;
    color: var(--upc-status-nuevo) !important;
}

body.home .condicion_item_ultrapc_archivos:is(
    .nuevo,
    .nuevo-sellado
)::before {
    color: var(--upc-status-nuevo) !important;
    border-color: var(--upc-status-nuevo) !important;
}


/* OPEN BOX — AZUL CLARO */
body.home .condicion_item_ultrapc_archivos.open-box {
    background: var(--upc-status-openbox-bg) !important;
    border-color: var(--upc-status-openbox-border) !important;
    color: var(--upc-status-openbox) !important;
}

body.home .condicion_item_ultrapc_archivos.open-box::before {
    color: var(--upc-status-openbox) !important;
    border-color: var(--upc-status-openbox) !important;
}


/* SEMINUEVO — VERDE OSCURO */
body.home .condicion_item_ultrapc_archivos.seminuevo {
    background: var(--upc-status-seminuevo-bg) !important;
    border-color: var(--upc-status-seminuevo-border) !important;
    color: var(--upc-status-seminuevo) !important;
}

body.home .condicion_item_ultrapc_archivos.seminuevo::before {
    color: var(--upc-status-seminuevo) !important;
    border-color: var(--upc-status-seminuevo) !important;
}


/* REACONDICIONADO — VERDE OSCURO */
body.home .condicion_item_ultrapc_archivos:is(
    .reacondicionado,
    .reac-sin-uso
),
body.home .condicion_item_ultrapc_archivos[class*="reacondicionado"] {
    background: var(--upc-status-seminuevo-bg) !important;
    border-color: var(--upc-status-seminuevo-border) !important;
    color: var(--upc-status-seminuevo) !important;
}

body.home .condicion_item_ultrapc_archivos:is(
    .reacondicionado,
    .reac-sin-uso
)::before,
body.home .condicion_item_ultrapc_archivos[class*="reacondicionado"]::before {
    color: var(--upc-status-seminuevo) !important;
    border-color: var(--upc-status-seminuevo) !important;
}


/* USADO — VERDE CLARO */
body.home .product.product_tag-usado
.condicion_item_ultrapc_archivos,
body.home .condicion_item_ultrapc_archivos.usado {
    background: var(--upc-status-usado-bg) !important;
    border-color: var(--upc-status-usado-border) !important;
    color: var(--upc-status-usado-text) !important;
}

body.home .product.product_tag-usado
.condicion_item_ultrapc_archivos::before,
body.home .condicion_item_ultrapc_archivos.usado::before {
    color: var(--upc-status-usado) !important;
    border-color: var(--upc-status-usado) !important;
}


/* TARJETA USADO — QUITAR RASTRO NARANJO */
body.home .product.product_tag-usado .product-item__inner {
    border-color: var(--upc-status-usado-border) !important;

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

body.home .product.product_tag-usado:hover .product-item__inner {
    border-color: var(--upc-status-usado) !important;

    box-shadow:
        0 7px 16px rgba(74, 153, 93, .09),
        0 15px 30px rgba(74, 153, 93, .10) !important;
}