/* ════════════════════════════════════════════════════════════
   SmartDeal — Recién Vendidos page
   Lista densa estilo HubX "Just Sold" con paleta SmartDeal.
   ════════════════════════════════════════════════════════════ */

.sd-rv-page{
    max-width:1180px;
    margin:0 auto;
    padding:36px 20px 72px;
    font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    color:#101418;
}

/* ─── Hero header ─── */
.sd-rv-hero{
    background:#101418;
    color:#fff;
    border-radius:18px;
    padding:36px 32px 32px;
    margin:0 0 28px;
    position:relative;
    overflow:hidden;
}
/* Versión compacta — sólo eyebrow-title + chips, sin H1 ni lead largo */
.sd-rv-hero--compact{
    padding:22px 28px;
    margin:0 0 22px;
}
.sd-rv-hero__eyebrow--title{
    font-size:17px;
    font-weight:700;
    letter-spacing:-0.01em;
    text-transform:none;
    color:#fff;
    background:rgba(197,255,62,0.10);
    border-color:rgba(197,255,62,0.30);
    padding:9px 18px;
    margin:0 0 14px;
    line-height:1;
}
.sd-rv-hero--compact .sd-rv-hero__chips{
    margin-top:0;
}
.sd-rv-hero::before{
    content:"";
    position:absolute;
    top:-30%;right:-10%;
    width:50%;height:160%;
    background:radial-gradient(circle,rgba(197,255,62,0.18) 0%,transparent 60%);
    pointer-events:none;
}
.sd-rv-hero__inner{position:relative;z-index:1;}
.sd-rv-hero__eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    padding:6px 14px;border-radius:99px;
    background:rgba(197,255,62,0.12);
    border:1px solid rgba(197,255,62,0.30);
    color:#C5FF3E;
    font-size:11px;font-weight:700;letter-spacing:0.14em;
    text-transform:uppercase;
    margin-bottom:14px;
}
.sd-rv-hero__pulse{
    width:7px;height:7px;border-radius:50%;background:#C5FF3E;
    box-shadow:0 0 0 0 rgba(197,255,62,0.5);
    animation:sdRvPulse 2s infinite;
}
@keyframes sdRvPulse{
    0%{box-shadow:0 0 0 0 rgba(197,255,62,0.5);}
    70%{box-shadow:0 0 0 8px rgba(197,255,62,0);}
    100%{box-shadow:0 0 0 0 rgba(197,255,62,0);}
}
.sd-rv-hero__title{
    font-size:36px;font-weight:800;line-height:1.1;letter-spacing:-0.02em;
    margin:0 0 10px;color:#fff;
}
.sd-rv-hero__lead{
    font-size:15px;line-height:1.55;color:rgba(255,255,255,0.75);
    margin:0 0 18px;max-width:640px;
}
.sd-rv-hero__chips{
    display:flex;flex-wrap:wrap;gap:8px;
}
.sd-rv-hero__chip{
    display:inline-flex;align-items:center;gap:6px;
    padding:6px 12px;border-radius:99px;
    background:rgba(255,255,255,0.06);
    border:1px solid rgba(255,255,255,0.12);
    font-size:12px;font-weight:500;color:rgba(255,255,255,0.85);
}

/* ─── Empty state ─── */
.sd-rv-empty{
    text-align:center;padding:40px 20px;color:#5D6773;
    background:#fff;border:1px solid #E4E8EC;border-radius:14px;
}

/* ─── Lista de items ─── */
.sd-rv-list-wrap{}
.sd-rv-list{
    list-style:none;
    margin:0;padding:0;
    display:flex;flex-direction:column;gap:10px;
}
.sd-rv-item{
    display:flex;align-items:center;gap:18px;
    background:#fff;
    border:1px solid #E4E8EC;
    border-radius:14px;
    padding:14px 18px 14px 14px;
    transition:all 0.18s ease;
    position:relative;
}
.sd-rv-item:hover{
    border-color:#101418;
    box-shadow:0 6px 18px rgba(16,20,24,0.08);
    transform:translateY(-1px);
}

/* Columna principal — clickeable al PDP */
.sd-rv-item__main{
    flex:1;min-width:0;
    display:flex;align-items:center;gap:16px;
    text-decoration:none;color:inherit;
}
.sd-rv-item__media{
    position:relative;flex-shrink:0;
}
.sd-rv-item__thumb{
    width:96px;height:96px;border-radius:10px;
    border:1px solid #E4E8EC;
    background:#F5F7F9;
    object-fit:contain;
    display:block;
}
.sd-rv-item__sold-pill{
    position:absolute;top:-6px;left:-6px;
    background:#C5FF3E;color:#101418;
    font-size:10px;font-weight:700;letter-spacing:0.06em;
    padding:3px 8px;border-radius:99px;
    text-transform:uppercase;
    box-shadow:0 2px 6px rgba(16,20,24,0.12);
}
.sd-rv-item__info{
    flex:1;min-width:0;
}
.sd-rv-item__name{
    font-size:15px;font-weight:700;color:#101418;
    margin:0 0 10px;line-height:1.3;
    /* Truncate a 2 líneas */
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.sd-rv-item__chips{
    display:flex;flex-wrap:wrap;gap:6px;
}
.sd-rv-item__chip{
    display:inline-flex;align-items:center;gap:5px;
    padding:4px 10px;border-radius:99px;
    font-size:11px;font-weight:600;
    line-height:1.2;
}
.sd-rv-item__chip--estado{
    background:#f3f4f6;color:#101418;border:1px solid #d1d5db;
}
.sd-rv-item__chip--premium{background:#fef3c7;color:#92400e;border-color:#fde68a;}
.sd-rv-item__chip--excelente{background:#fef3c7;color:#92400e;border-color:#fde68a;}
.sd-rv-item__chip--muybueno{background:#d1fae5;color:#065f46;border-color:#a7f3d0;}
.sd-rv-item__chip--nuevo-sellado{background:#dbeafe;color:#1e40af;border-color:#bfdbfe;}
.sd-rv-item__chip--open-box{background:#e9d5ff;color:#6b21a8;border-color:#d8b4fe;}
.sd-rv-item__chip--warranty{
    background:#d1fae5;color:#047857;border:1px solid rgba(110,231,183,0.5);
}
.sd-rv-item__chip--ship{
    background:#F5F7F9;color:#5D6773;border:1px solid #E4E8EC;
}
/* Stock disponible (más de 3 unidades) — informativo neutro */
.sd-rv-item__chip--stock{
    background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;
}
/* Stock bajo (1-3 unidades) — urgencia roja con pulse sutil */
.sd-rv-item__chip--stock-urgent{
    background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;
    font-weight:700;
    animation:sdRvStockPulse 2.4s infinite;
}
@keyframes sdRvStockPulse{
    0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,0.0);}
    50%{box-shadow:0 0 0 4px rgba(220,38,38,0.15);}
}

/* Columna derecha — precio + botón */
.sd-rv-item__cta-col{
    display:flex;flex-direction:column;align-items:flex-end;gap:8px;
    flex-shrink:0;
    min-width:200px;
}
.sd-rv-item__price{
    font-size:22px;font-weight:800;color:#101418;
    letter-spacing:-0.01em;
    line-height:1;
}
.sd-rv-item__add{
    display:inline-flex;align-items:center;gap:8px;
    background:#101418;color:#C5FF3E;
    border:1.5px solid #101418;border-radius:8px;
    padding:10px 18px;
    font-size:13px;font-weight:700;
    cursor:pointer;
    font-family:inherit;
    transition:all 0.15s ease;
}
.sd-rv-item__add:hover{
    background:#C5FF3E;color:#101418;
    transform:translateY(-1px);
    box-shadow:0 4px 12px rgba(197,255,62,0.4);
}
.sd-rv-item__add.is-loading{opacity:0.6;cursor:wait;}
.sd-rv-item__add.is-success{
    background:#C5FF3E;color:#101418;
    border-color:#C5FF3E;
}
.sd-rv-item__add svg{flex-shrink:0;}

/* ─── Estado AGOTADO ─── */
.sd-rv-item.is-oos{
    opacity:0.85;
}
.sd-rv-item.is-oos:hover{
    border-color:#E4E8EC;
    transform:none;
    box-shadow:none;
}
.sd-rv-item.is-oos .sd-rv-item__thumb{
    filter:grayscale(40%) opacity(0.85);
}
.sd-rv-item__price--oos{
    text-decoration:line-through;
    color:#9ca3af !important;
    font-weight:600 !important;
}
.sd-rv-item__sold-out{
    display:inline-flex;align-items:center;gap:6px;
    background:#f3f4f6;color:#6b6f75;
    border:1.5px solid #d1d5db;
    border-radius:8px;
    padding:10px 18px;
    font-size:13px;font-weight:700;
    letter-spacing:0.04em;
    text-transform:uppercase;
    cursor:not-allowed;
    line-height:1;
}
.sd-rv-item__sold-out::before{
    content:"";
    display:inline-block;
    width:7px;height:7px;border-radius:50%;
    background:#9ca3af;
}

/* ─── Responsive ─── */
@media (max-width:768px){
    .sd-rv-page{padding:24px 14px 56px;}
    .sd-rv-hero{padding:28px 22px 24px;border-radius:14px;}
    .sd-rv-hero__title{font-size:26px;}
    .sd-rv-hero__lead{font-size:14px;}
    .sd-rv-item{
        flex-direction:column;align-items:stretch;gap:14px;
        padding:14px;
    }
    .sd-rv-item__main{width:100%;}
    .sd-rv-item__thumb{width:80px;height:80px;}
    .sd-rv-item__cta-col{
        flex-direction:row;justify-content:space-between;align-items:center;
        min-width:0;width:100%;
        border-top:1px solid #E4E8EC;padding-top:12px;
    }
    .sd-rv-item__add{flex:1;justify-content:center;}
}

/* ═══════════════════════════════════════════════════════════════════
   MENU NAV — entry "Recién Vendidos" con animación
   ═══════════════════════════════════════════════════════════════════ */

/* Desktop: similar a Liquidación pero con accent lima */
.sd-nav__link--recien{
    color:#101418 !important;
    font-weight:600 !important;
    position:relative;
}
.sd-nav__link--recien::after{
    content:"";
    position:absolute;
    top:50%;right:6px;
    transform:translateY(-50%);
    width:6px;height:6px;border-radius:50%;
    background:#C5FF3E;
    box-shadow:0 0 0 0 rgba(197,255,62,0.6);
    animation:sdRvNavPulse 2.4s infinite;
}
.sd-nav__link--recien:hover{
    border-bottom-color:#C5FF3E !important;
}
@keyframes sdRvNavPulse{
    0%{box-shadow:0 0 0 0 rgba(197,255,62,0.6);}
    70%{box-shadow:0 0 0 7px rgba(197,255,62,0);}
    100%{box-shadow:0 0 0 0 rgba(197,255,62,0);}
}

/* Mobile menu entry */
.sd-mobile-menu__recien a{
    color:#101418 !important;
    font-weight:500 !important;
    position:relative;
}
.sd-mobile-menu__recien a::before{
    content:"";
    display:inline-block;
    width:7px;height:7px;border-radius:50%;background:#C5FF3E;
    margin-right:6px;
    vertical-align:middle;
    box-shadow:0 0 0 0 rgba(197,255,62,0.6);
    animation:sdRvNavPulse 2.4s infinite;
}