/* ==========================================================================
   Piel de campaña — ficha de producto en subasta inversa
   ========================================================================== */

body.weu-subasta-product {
    --weu-sub-ink: #0C0C0E;
    --weu-sub-panel: #17171B;
    --weu-sub-red: var(--weu-color-primary, #EA1E1C);
    --weu-sub-amber: var(--weu-color-yellow, #F3A41D);
    --weu-sub-chalk: #EBECEE;
    --weu-sub-dim: #8C8E96;
    --weu-sub-radius: 4px;
}

/* Precio de la ficha: refuerzo ámbar sin tirar la ficha al modo oscuro */
body.weu-subasta-product .product__current-price {
    color: var(--weu-sub-amber);
    font-variant-numeric: tabular-nums;
}

body.weu-subasta-product .product--weu-subasta {
    scroll-margin-top: 1rem;
}

/* ——— Franja superior ——— */

.weu-sub-banner {
    position: relative;
    margin: 0 0 1.25rem;
    background: var(--weu-sub-ink, #0C0C0E);
    color: var(--weu-sub-chalk, #EBECEE);
    border-radius: var(--weu-sub-radius, 4px);
    overflow: hidden;
}

.weu-sub-banner__inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem 1.25rem;
    padding: .85rem 1.1rem;
}

.weu-sub-banner__kicker {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.weu-sub-banner__label {
    text-transform: none;
}

.weu-sub-banner__live {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .15rem .45rem;
    border: 1px solid rgba(243, 164, 29, .45);
    border-radius: 999px;
    color: var(--weu-sub-amber, #F3A41D);
    font-size: .68rem;
    letter-spacing: .06em;
}

.weu-sub-banner__live::before {
    content: "";
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--weu-sub-red, #EA1E1C);
    box-shadow: 0 0 0 3px rgba(234, 30, 28, .25);
}

.weu-sub-banner__clock {
    margin: 0;
    font-size: .88rem;
    color: var(--weu-sub-dim, #8C8E96);
}

.weu-sub-banner__clock time,
.weu-sub-skin__clock-value {
    margin-left: .35rem;
    color: #fff;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
}

.weu-sub-banner__link {
    margin-left: auto;
    color: var(--weu-sub-amber, #F3A41D);
    font-size: .88rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.weu-sub-banner__link:hover,
.weu-sub-banner__link:focus-visible {
    color: #fff;
}

/* ——— Panel junto al CTA de compra ——— */

.weu-sub-skin {
    position: relative;
    margin: 1rem 0 0;
    padding: 1rem 1rem 1.1rem;
    background: var(--weu-sub-panel, #17171B);
    color: var(--weu-sub-chalk, #EBECEE);
    border-radius: var(--weu-sub-radius, 4px);
    overflow: hidden;
}

.weu-sub-skin__head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem 1rem;
    margin-bottom: .55rem;
}

.weu-sub-skin__kicker {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.weu-sub-skin__kicker-label {
    text-transform: none;
}

.weu-sub-skin__live {
    color: var(--weu-sub-amber, #F3A41D);
    font-weight: 700;
    letter-spacing: .04em;
}

.weu-sub-skin__clock {
    margin: 0;
    font-size: .82rem;
    color: var(--weu-sub-dim, #8C8E96);
}

.weu-sub-skin__lead {
    margin: 0 0 .9rem;
    font-size: .92rem;
    line-height: 1.45;
    color: #c9cbd1;
}

.weu-sub-skin__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .65rem .9rem;
}

.weu-sub-skin__cta {
    appearance: none;
    border: 0;
    border-radius: var(--weu-sub-radius, 4px);
    background: var(--weu-sub-amber, #F3A41D);
    color: #111;
    font: inherit;
    font-weight: 800;
    font-size: .95rem;
    padding: .7rem 1.1rem;
    cursor: pointer;
}

.weu-sub-skin__cta:hover,
.weu-sub-skin__cta:focus-visible {
    filter: brightness(1.05);
}

.weu-sub-skin__board {
    color: #fff;
    font-size: .9rem;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.weu-sub-skin__board:hover,
.weu-sub-skin__board:focus-visible {
    color: var(--weu-sub-amber, #F3A41D);
}

/* ——— Precio ——— */

.weu-sub-price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .55rem;
    margin-top: .35rem;
    width: 100%;
}

.weu-sub-price__note {
    font-size: .78rem;
    color: var(--weu-sub-dim, #8C8E96);
}

.weu-sub-price__saving {
    font-size: .82rem;
    font-weight: 700;
    color: var(--weu-sub-red, #EA1E1C);
}

.weu-sub-price__floor {
    display: inline-flex;
    padding: .12rem .45rem;
    border-radius: 999px;
    background: rgba(243, 164, 29, .15);
    color: #9a6500;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .02em;
}

body.weu-subasta-product .weu-sub-price__floor {
    color: var(--weu-sub-amber, #F3A41D);
}

@media (max-width: 575.98px) {
    .weu-sub-banner__inner {
        padding: .75rem .9rem;
    }

    .weu-sub-banner__link {
        margin-left: 0;
        width: 100%;
    }

    .weu-sub-skin__cta {
        width: 100%;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .weu-sub-banner__live::before {
        box-shadow: none;
    }
}