.v5-page-bg{background:var(--ns-bg-page)}
.comparar-v5{max-width:var(--ns-max-width);margin:0 auto;font-family:var(--ns-font-body)}

/* ══════════════════════════════════════════════════════════════
   comparar_v5.css — NeedSheep /comparar page (Gen 2)
   Rebuilt: Session s90 (visual overhaul)
   Gold standard: comparar_v5_mockup_v4.html
   All selectors scoped under .comparar-v5
   All values use --ns- prefixed variables
   NO :root block — that lives in a separate global file
   SINGLE @media block at bottom for mobile.
   ══════════════════════════════════════════════════════════════ */

/* 0. SHARED */
.comparar-v5 .section-h{font-size:1.4rem;font-weight:800;color:var(--ns-text-primary);margin:0 0 0.75rem;letter-spacing:-0.01em}
.comparar-v5 .section-h-sub{font-size:0.88rem;color:var(--ns-text-muted);font-weight:600;margin-left:0.35rem}
.comparar-v5 .section-gap{margin-top:1.25rem}
.comparar-v5 .cb{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);padding:1.1rem 1.25rem;box-shadow:var(--ns-shadow-card);margin-bottom:0.8rem}
.comparar-v5 .body-text{font-size:0.95rem;line-height:1.75;color:var(--ns-text-primary)}
.comparar-v5 .chip{padding:0.2rem 0.5rem;border-radius:var(--ns-radius-chip);font-size:0.75rem;font-weight:600}
.comparar-v5 .chip--gold{background:var(--ns-amber-bg);color:var(--ns-amber-dark);border:1px solid var(--ns-amber-border)}
.comparar-v5 .chip--muted{background:var(--ns-bg-track);color:var(--ns-text-muted);border:1px solid var(--ns-divider)}

/* ADS */
.comparar-v5 .ad-banner{text-align:center;padding:0.6rem 1rem;margin-bottom:0.8rem}
.comparar-v5 .ad-banner--top{margin-bottom:1rem}
.comparar-v5 .ad-banner-inner{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0.4rem 1.5rem;border:1.5px dashed var(--ns-divider);border-radius:var(--ns-radius-chip);color:var(--ns-text-faint);font-size:0.68rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em}
.comparar-v5 .ad-slot{text-align:center;padding:1.5rem 1rem;margin-bottom:0.8rem}
.comparar-v5 .ad-slot-label{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--ns-text-faint)}
.ad-rail{display:none;position:fixed;top:50%;transform:translateY(-50%);width:160px;z-index:10}
.ad-rail--left{left:calc((100vw - 960px)/2 - 180px)}
.ad-rail--right{right:calc((100vw - 960px)/2 - 180px)}
.ad-rail-inner{width:160px;min-height:600px;border:1.5px dashed var(--ns-divider);border-radius:var(--ns-radius-chip);display:flex;align-items:center;justify-content:center;color:var(--ns-text-faint);font-size:0.65rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;writing-mode:vertical-lr;text-orientation:mixed}
@media(min-width:1400px){.ad-rail{display:block}}

/* 1. HERO */
.comparar-v5 .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:0.8rem}
.comparar-v5 .hero-media{display:flex;flex-direction:column;gap:0.5rem}
.comparar-v5 .hero-main-img{width:100%;aspect-ratio:1/1;border-radius:var(--ns-radius-card);border:var(--ns-border-width) solid var(--ns-border-dark);box-shadow:var(--ns-shadow-card);overflow:hidden;background:#e8e4db;display:flex;align-items:center;justify-content:center;cursor:pointer}
.comparar-v5 .hero-main-img img{width:100%;height:100%;object-fit:cover}
.comparar-v5 .hero-placeholder{font-size:0.82rem;color:var(--ns-text-faint);text-align:center;padding:1rem;line-height:1.4}
.comparar-v5 .hero-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:0.4rem}
.comparar-v5 .hero-thumb{aspect-ratio:1/1;border-radius:var(--ns-radius-thumb);border:var(--ns-border-width) solid var(--ns-border-dark);overflow:hidden;background:#e8e4db;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color 0.15s}
.comparar-v5 .hero-thumb:hover{border-color:var(--ns-cta)}
.comparar-v5 .hero-thumb.active{border-color:var(--ns-cta);box-shadow:0 0 0 2px rgba(185,69,32,0.25)}
.comparar-v5 .hero-thumb img{width:100%;height:100%;object-fit:cover}
.comparar-v5 .hero-thumb-ph{font-size:0.75rem;color:var(--ns-text-faint);text-align:center}
.comparar-v5 .hero-info{display:flex;flex-direction:column}
.comparar-v5 .hero-title{font-family:var(--ns-font-display);font-size:2.1rem;font-weight:700;line-height:1.15;margin-bottom:0.15rem}
.comparar-v5 .hero-oneliner{font-size:0.9rem;color:var(--ns-text-secondary);line-height:1.5;margin-bottom:0.4rem;font-style:italic;font-weight:500}
.comparar-v5 .hero-sub{font-size:0.9rem;color:var(--ns-text-secondary);margin-bottom:0.5rem;line-height:1.5;font-weight:500}
.comparar-v5 .hero-sub a{color:var(--ns-cta);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.15s;font-weight:600}
.comparar-v5 .hero-sub a:hover{border-color:var(--ns-cta)}
.comparar-v5 .hero-stats{display:flex;align-items:center;gap:0.65rem;flex-wrap:wrap;margin-bottom:0.6rem;font-size:0.82rem;color:var(--ns-text-secondary)}
.comparar-v5 .hero-stat{display:inline-flex;align-items:center;gap:0.25rem;white-space:nowrap}
.comparar-v5 .hero-stat svg{flex-shrink:0;color:var(--ns-text-muted)}
.comparar-v5 .hero-stat strong{font-weight:700;color:var(--ns-text-primary)}
.comparar-v5 .hero-stat .best-count{color:var(--ns-green-dark);font-weight:600}
.comparar-v5 .hero-anchor{font-size:0.78rem;color:var(--ns-cta);text-decoration:none;display:inline-flex;align-items:center;gap:0.2rem;margin-bottom:0.6rem;font-weight:600;transition:opacity 0.15s}
.comparar-v5 .hero-anchor:hover{opacity:0.75}
.comparar-v5 .bgg-row{display:flex;align-items:center;gap:0.45rem;flex-wrap:wrap;margin-bottom:0.8rem}
.comparar-v5 .bgg-badge{display:inline-flex;align-items:center;gap:0.4rem;padding:0.3rem 0.6rem;border-radius:var(--ns-radius-badge);background:linear-gradient(135deg,var(--ns-amber-border),var(--ns-amber-bg));border:var(--ns-border-width) solid var(--ns-border-dark);box-shadow:var(--ns-shadow-chip)}
.comparar-v5 .bgg-score{font-size:1.15rem;font-weight:800;color:var(--ns-amber-dark)}
.comparar-v5 .bgg-label{font-size:0.75rem;color:var(--ns-amber-dark);font-weight:600;line-height:1.15}
.comparar-v5 .hero-icon-actions{display:flex;gap:0.35rem;margin-left:auto}
.comparar-v5 .hero-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--ns-radius-thumb);color:var(--ns-text-muted);cursor:pointer;transition:color 0.15s}
.comparar-v5 .hero-icon-btn:hover{color:var(--ns-cta)}

/* Price card */
.comparar-v5 .price-card{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);padding:1.1rem 1.2rem;box-shadow:var(--ns-shadow-card);display:flex;flex-direction:column;margin-top:0.8rem}
.comparar-v5 .pb{font-size:2rem;font-weight:800;color:var(--ns-green);font-variant-numeric:tabular-nums;white-space:nowrap;margin-bottom:0.25rem}
.comparar-v5 .pvpr-line{display:flex;align-items:baseline;gap:0.4rem;margin-bottom:0.2rem;flex-wrap:wrap}
.comparar-v5 .pvpr-label{font-size:0.88rem;color:var(--ns-text-faint)}
.comparar-v5 .pvpr-strike{font-size:0.88rem;color:var(--ns-text-faint);text-decoration:line-through}
.comparar-v5 .pvpr-discount{display:inline-block;padding:0.1rem 0.4rem;border-radius:var(--ns-radius-chip, 4px);font-size:0.75rem;font-weight:700;background:var(--ns-green-bg, #e6f4ea);color:var(--ns-green-dark, #1a7431);border:1.5px solid var(--ns-green-border, #a3d9b1)}
.comparar-v5 .ps{font-size:0.88rem;color:var(--ns-green-dark);font-weight:600;margin-top:0.15rem}
.comparar-v5 .price-shipping{font-size:0.78rem;color:var(--ns-text-secondary);margin-top:0.2rem}
.comparar-v5 .pcta{padding-top:0.7rem}
.comparar-v5 .pcta a{display:block;text-align:center;padding:0.65rem 1rem;background:var(--ns-cta);color:#fff;border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-button);font-size:0.95rem;font-weight:700;text-decoration:none;box-shadow:var(--ns-shadow-button);transition:transform 0.1s,box-shadow 0.1s}
.comparar-v5 .pcta a:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,0.16)}
.comparar-v5 .ptl{font-size:0.82rem;text-align:center;display:block;margin-top:0.3rem;color:var(--ns-cta);font-weight:600;text-decoration:none}
.comparar-v5 .ptl:hover{opacity:0.75}
.comparar-v5 .leer-mas-anchor{display:inline-flex;align-items:center;gap:0.2rem;font-size:0.85rem;font-weight:700;color:var(--ns-cta);text-decoration:none;margin-top:0.5rem}
.comparar-v5 .leer-mas-anchor:hover{opacity:0.75}

/* 3. STORE CARDS */
.comparar-v5 .store-header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:0.3rem;margin-bottom:0.5rem}
.comparar-v5 .store-updated{font-size:0.78rem;color:var(--ns-text-faint);font-weight:400}
.comparar-v5 .stock-toggle{display:flex;align-items:center;gap:0.4rem;font-size:0.82rem;color:var(--ns-text-secondary);margin-bottom:0.6rem;cursor:pointer}
.comparar-v5 .stock-toggle input{width:16px;height:16px;accent-color:var(--ns-cta)}
.comparar-v5 .store-cards{display:flex;flex-direction:column;gap:0.55rem}
.comparar-v5 .store-card{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);padding:0.75rem 1rem;box-shadow:var(--ns-shadow-card);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:0.5rem 1rem}
.comparar-v5 .store-card--best{background:var(--ns-bg-best);border-left:var(--ns-accent-width) solid var(--ns-green)}
.comparar-v5 .store-card--oos{opacity:0.45}
.comparar-v5 .store-identity{display:flex;align-items:center;gap:0.6rem;min-width:0}
.comparar-v5 .store-logo{max-height:36px;width:auto;max-width:80px;border-radius:var(--ns-radius-thumb);border:1.5px solid var(--ns-divider);background:var(--ns-bg-track);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;padding:2px 4px}
.comparar-v5 .store-logo img{max-height:32px;width:auto;object-fit:contain}
.comparar-v5 .store-logo-ph{font-size:0.7rem;color:var(--ns-text-faint);text-align:center;line-height:1.1;padding:0.3rem 0.4rem}
.comparar-v5 .store-info{min-width:0}
.comparar-v5 .store-name-row{display:flex;align-items:center;gap:0.35rem}
.comparar-v5 .store-name{font-weight:700;font-size:0.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ns-text-body);text-decoration:none}.comparar-v5 .store-name:hover{text-decoration:underline}.comparar-v5 .store-name:hover{text-decoration:underline}.comparar-v5 .store-name:hover{text-decoration:underline}
.comparar-v5 .store-shipping{display:inline-flex;align-items:center;gap:0.25rem;font-size:0.78rem;color:var(--ns-text-muted);margin-top:0.1rem}
.comparar-v5 .store-shipping--free{color:var(--ns-green-dark);font-weight:600}
.comparar-v5 .shipping-free-hl{color:var(--ns-green-dark);font-weight:600}.comparar-v5 .shipping-free-hl{color:var(--ns-green-dark);font-weight:600}
.comparar-v5 .star-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;color:var(--ns-text-faint);transition:color 0.15s,transform 0.1s}
.comparar-v5 .star-btn:hover{color:var(--ns-amber);transform:scale(1.1)}
.comparar-v5 .store-badges{display:flex;gap:0.3rem;flex-wrap:wrap;margin-top:0.2rem}
.comparar-v5 .badge{display:inline-block;font-size:0.68rem;font-weight:600;padding:0.1rem 0.4rem;border-radius:var(--ns-radius-chip);line-height:1.4}
.comparar-v5 .badge--lang{background:var(--ns-amber-bg);color:var(--ns-amber-dark);border:1px solid var(--ns-amber-border)}
.comparar-v5 .badge--condition{background:var(--ns-coral-light,#fee2e2);color:var(--ns-coral-dark);border:1px solid var(--ns-coral)}
.comparar-v5 .badge--prereserva{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}
.comparar-v5 .store-price-col{text-align:right;white-space:nowrap}
.comparar-v5 .price-current{font-size:1.1rem;font-weight:800;font-variant-numeric:tabular-nums}
.comparar-v5 .price-current--best{color:var(--ns-green)}
.comparar-v5 .price-pvpr-strike{font-size:0.78rem;color:var(--ns-text-faint);text-decoration:line-through;margin-left:0.3rem}
.comparar-v5 .price-discount{display:inline-block;padding:0.08rem 0.3rem;border-radius:var(--ns-radius-chip);font-size:0.72rem;font-weight:700;background:var(--ns-green-bg);color:var(--ns-green-dark);border:1px solid var(--ns-green-border);margin-left:0.3rem;vertical-align:middle}
.comparar-v5 .stock-badge{display:flex;align-items:center;gap:0.25rem;font-size:0.72rem;color:var(--ns-text-muted);justify-content:flex-end;margin-top:0.15rem;white-space:nowrap}
.comparar-v5 .stock-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.comparar-v5 .stock-dot--in{background:var(--ns-green)}
.comparar-v5 .stock-dot--out{background:var(--ns-coral)}
.comparar-v5 .cta-link{display:inline-flex;align-items:center;gap:0.3rem;padding:0.45rem 0.85rem;background:var(--ns-cta);color:#fff;border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-button);font-size:0.82rem;font-weight:700;text-decoration:none;box-shadow:var(--ns-shadow-button);transition:transform 0.1s,box-shadow 0.1s;white-space:nowrap}
.comparar-v5 .cta-link:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,0.16)}
.comparar-v5 .cta-link--oos{background:var(--ns-bg-track);color:var(--ns-text-muted);box-shadow:none;pointer-events:none}
.comparar-v5 .expand-row{text-align:center;margin-top:0.6rem}
.comparar-v5 .expand-link{display:inline-flex;align-items:center;gap:0.3rem;padding:0.5rem 1.2rem;background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-button);font-size:0.85rem;font-weight:700;color:var(--ns-text-primary);text-decoration:none;box-shadow:var(--ns-shadow-button);cursor:pointer;transition:transform 0.1s,box-shadow 0.1s}
.comparar-v5 .expand-link:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,0.16)}
.comparar-v5 .table-footer{font-size:0.72rem;color:var(--ns-text-faint);text-align:center;margin-top:0.5rem}

/* 4. HISTORIAL */
.comparar-v5 .historial-toggle{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.85rem;font-weight:700;color:var(--ns-cta);cursor:pointer;border:none;background:none;padding:0.3rem 0;font-family:inherit;text-decoration:none;margin-top:0.4rem}
.comparar-v5 .historial-toggle:hover{opacity:0.75}
.comparar-v5 .historial-panel{max-height:0;overflow:hidden;transition:max-height 0.35s ease}
.comparar-v5 .historial-panel.open{max-height:500px}
.comparar-v5 .chart-placeholder{width:100%;height:180px;border:2px dashed var(--ns-divider);border-radius:var(--ns-radius-card);display:flex;align-items:center;justify-content:center;color:var(--ns-text-faint);font-size:0.82rem;margin-bottom:0.5rem}
.comparar-v5 .chart-stats{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}
.comparar-v5 .chart-stat{text-align:center;min-width:100px}
.comparar-v5 .chart-stat-val{font-size:1.1rem;font-weight:800}
.comparar-v5 .chart-stat-label{font-size:0.72rem;color:var(--ns-text-muted);text-transform:uppercase;letter-spacing:0.03em;font-weight:600}

/* 5. TE ENCAJA */
.comparar-v5 .usecase-scale{font-size:0.72rem;color:var(--ns-text-faint);margin-bottom:0.4rem}
.comparar-v5 .usecase-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:0.55rem;margin-bottom:0.6rem}
.comparar-v5 .usecase-pill{display:flex;align-items:center;gap:0.45rem;padding:0.45rem 0.55rem;background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-chip)}
.comparar-v5 .usecase-score{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.78rem;font-weight:800;color:#fff;flex-shrink:0}
.comparar-v5 .usecase-info{min-width:0}
.comparar-v5 .usecase-label{font-size:0.78rem;font-weight:600;color:var(--ns-text-primary)}
.comparar-v5 .usecase-desc{font-size:0.7rem;color:var(--ns-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.comparar-v5 .usecase-summary{font-size:0.9rem;line-height:1.65;color:var(--ns-text-secondary)}

/* 6. PROS/CONS */
.comparar-v5 .pros-cons-card{display:grid;grid-template-columns:1fr 1fr;gap:0 1.25rem;background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);padding:1.1rem 1.25rem;box-shadow:var(--ns-shadow-card)}
.comparar-v5 .pc-col-label{font-size:0.85rem;font-weight:800;margin-bottom:0.5rem;letter-spacing:0.04em}
.comparar-v5 .pc-col-label--pro{color:var(--ns-green-dark)}
.comparar-v5 .pc-col-label--con{color:var(--ns-coral-dark)}
.comparar-v5 .pros-col,.comparar-v5 .cons-col{display:flex;flex-direction:column;gap:0.35rem}
.comparar-v5 .pc-item{font-size:0.92rem;line-height:1.6;display:flex;gap:0.35rem;align-items:flex-start}
.comparar-v5 .pc-marker{flex-shrink:0;font-weight:700;font-size:0.92rem;line-height:1.6;width:1em;text-align:center}
.comparar-v5 .pc-marker--pro{color:var(--ns-green-dark)}
.comparar-v5 .pc-marker--con{color:var(--ns-coral-bullet)}
.comparar-v5 .pc-text{flex:1;min-width:0}

/* 7. GAME DETAILS */
.comparar-v5 .details-card{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-card);padding:1.1rem 1.25rem 2rem}
.comparar-v5 .profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.1rem 1.5rem}
.comparar-v5 .pr{display:flex;align-items:center;gap:0.5rem;padding:0.35rem 0}
.comparar-v5 .prl{font-size:0.82rem;color:var(--ns-text-secondary);width:110px;flex-shrink:0}
.comparar-v5 .prt{flex:1;height:8px;background:var(--ns-bg-track);border-radius:4px;overflow:hidden}
.comparar-v5 .prf{height:100%;border-radius:4px}
.comparar-v5 .prv{font-size:0.82rem;font-weight:700;width:32px;text-align:right}
.comparar-v5 .details-divider{border:none;border-top:1px solid var(--ns-divider);margin:1.3rem 0}
.comparar-v5 .detail-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--ns-text-heading);margin-bottom:0.4rem;display:flex;align-items:center;gap:0.3rem}
.comparar-v5 .detail-info{color:var(--ns-text-faint);cursor:help;display:inline-flex;transition:color 0.15s}
.comparar-v5 .detail-info:hover{color:var(--ns-text-secondary)}
.comparar-v5 .detail-caption{font-size:0.72rem;color:var(--ns-text-faint);font-style:italic;margin-bottom:0.5rem;margin-top:-0.2rem}
.comparar-v5 .lang-dots{display:flex;align-items:center;gap:0.25rem;margin-bottom:0.3rem}
.comparar-v5 .lang-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ns-sage)}
.comparar-v5 .lang-dot--filled{background:var(--ns-sage)}
.comparar-v5 .lang-level{font-size:0.88rem;font-weight:700;color:var(--ns-sage-dark);margin-left:0.4rem}
.comparar-v5 .lang-text{font-size:0.88rem;line-height:1.6;color:var(--ns-text-primary);margin-top:0.3rem}
.comparar-v5 .community-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.85rem 1.25rem}
.comparar-v5 .community-item{font-size:0.85rem;line-height:1.55;display:flex;gap:0.35rem;align-items:flex-start}
.comparar-v5 .community-marker{flex-shrink:0;font-weight:700;font-size:0.85rem;line-height:1.55;width:1em;text-align:center}
.comparar-v5 .community-text{flex:1;min-width:0}
.comparar-v5 .ficha-ap{font-size:0.88rem;line-height:1.6;color:var(--ns-text-secondary);padding:0.5rem 0.65rem;background:var(--ns-amber-bg);border:1.5px solid var(--ns-amber-border);border-radius:var(--ns-radius-chip);margin-top:0.3rem}

/* 8. TRIVIA */
.comparar-v5 .trivia-items{display:flex;flex-direction:column;gap:0.5rem}
.comparar-v5 .trivia-item{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.9rem;line-height:1.65}
.comparar-v5 .trivia-icon{flex-shrink:0;margin-top:0.15rem;color:var(--ns-amber-dark)}
.comparar-v5 .trivia-item a{color:var(--ns-cta);text-decoration:none;border-bottom:1px solid transparent}
.comparar-v5 .trivia-item a:hover{border-color:var(--ns-cta)}

/* 9. FICHA */
.comparar-v5 .ficha-game-title{font-family:var(--ns-font-display);font-size:1.3rem;font-weight:700;color:var(--ns-text-primary);margin-bottom:0.6rem}
.comparar-v5 .ficha-description{font-size:0.95rem;line-height:1.75;color:var(--ns-text-primary);margin-bottom:0.5rem;position:relative;overflow:hidden}
.comparar-v5 .ficha-description.is-clamped{max-height:14em}
.comparar-v5 .ficha-description.is-clamped::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2em;background:linear-gradient(transparent,var(--ns-bg-card));pointer-events:none}
.comparar-v5 .ficha-read-more{display:inline-block;font-size:0.82rem;font-weight:700;color:var(--ns-cta);cursor:pointer;border:none;background:none;padding:0;margin-bottom:1rem;font-family:inherit}
.comparar-v5 .ficha-read-more:hover{opacity:0.75}
.comparar-v5 .ficha-bgg-float{float:right;margin-left:1rem;margin-bottom:0.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:0.35rem;max-width:180px}
.comparar-v5 .ficha-bgg-float .bgg-badge{font-size:inherit}
.comparar-v5 .ficha-award-chip{white-space:nowrap}
.comparar-v5 .ficha-rank{display:inline-block;padding:0.15rem 0.45rem;border-radius:var(--ns-radius-chip);font-size:0.75rem;font-weight:700;background:var(--ns-bg-track);color:var(--ns-text-secondary);border:1px solid var(--ns-divider);text-decoration:none;transition:background 0.15s,color 0.15s,border-color 0.15s}
.comparar-v5 .ficha-rank:hover{background:var(--ns-border-dark);color:#fff;border-color:var(--ns-border-dark)}
.comparar-v5 .ficha-float-clear{clear:both}
.comparar-v5 .ficha-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.1rem 1.25rem;margin-bottom:1.2rem;padding-top:0.4rem}
.comparar-v5 .ficha-item{display:flex;align-items:flex-start;gap:0.5rem}
.comparar-v5 .ficha-icon{flex-shrink:0;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin-top:0.1rem;background:var(--ns-ficha-icon-bg);color:var(--ns-ficha-icon-color)}
.comparar-v5 .ficha-data{flex:1;min-width:0}
.comparar-v5 .ficha-label{font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--ns-text-muted);margin-bottom:0.1rem}
.comparar-v5 .ficha-value{font-size:0.92rem;font-weight:600;color:var(--ns-text-primary)}
.comparar-v5 .ficha-value a{color:var(--ns-cta);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.15s}
.comparar-v5 .ficha-value a:hover{border-color:var(--ns-cta)}
.comparar-v5 .ficha-value--highlight{color:var(--ns-green-dark);font-weight:700}
.comparar-v5 .ficha-complexity{grid-column:1/-1;display:flex;align-items:flex-start;gap:0.5rem;padding-top:0.3rem;border-top:1px solid var(--ns-divider)}
.comparar-v5 .ficha-section-label{font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--ns-text-heading);margin-bottom:0.35rem;margin-top:0.7rem}
.comparar-v5 .ficha-tags{font-size:0.88rem;line-height:1.6;color:var(--ns-text-secondary);margin-bottom:0.5rem}
.comparar-v5 .ficha-tags a{color:var(--ns-cta);text-decoration:none;border-bottom:1px solid transparent}
.comparar-v5 .ficha-tags a:hover{border-color:var(--ns-cta)}
.comparar-v5 .ficha-chips{display:flex;flex-wrap:wrap;gap:0.35rem;margin-bottom:0.6rem}
.comparar-v5 .chip-theme{padding:0.2rem 0.5rem;border-radius:var(--ns-radius-chip);font-size:0.75rem;font-weight:500;font-style:italic;background:var(--ns-bg-track);color:var(--ns-text-muted);border:1px solid var(--ns-divider)}

/* 9b. VIDEOS + 9c. ARTICLES */
.comparar-v5 .article-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
.comparar-v5 .article-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-radius:var(--ns-radius-card);overflow:hidden;border:var(--ns-border-width) solid var(--ns-border-dark);box-shadow:var(--ns-shadow-card);transition:transform 0.1s,box-shadow 0.1s}
.comparar-v5 .article-card:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 rgba(0,0,0,0.14)}
.comparar-v5 .article-thumb{width:100%;aspect-ratio:16/9;background:var(--ns-bg-track);display:flex;align-items:center;justify-content:center;overflow:hidden;text-decoration:none;color:inherit}
.comparar-v5 .article-thumb img{width:100%;height:100%;object-fit:cover}
.comparar-v5 .article-thumb-ph{font-size:0.82rem;color:var(--ns-text-faint);text-align:center;padding:1rem;line-height:1.4}
.comparar-v5 .article-body{padding:0.55rem 0.7rem;flex:1;display:flex;flex-direction:column}
.comparar-v5 .article-title{font-size:0.82rem;font-weight:700;color:var(--ns-text-primary);line-height:1.3;margin-bottom:0.15rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.comparar-v5 .article-source{font-size:0.72rem;color:var(--ns-text-muted);font-weight:600;margin-top:auto}
.comparar-v5 .article-source--internal{color:var(--ns-cta)}
.comparar-v5 .video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:rgba(0,0,0,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background 0.15s}
.comparar-v5 .article-card:hover .video-play{background:var(--ns-cta)}
.comparar-v5 .video-play svg{color:#fff;margin-left:2px}
.comparar-v5 .video-tag{position:absolute;top:0.5rem;left:0.5rem;padding:0.15rem 0.45rem;border-radius:var(--ns-radius-chip);font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;color:#fff;background:rgba(0,0,0,0.6)}
.comparar-v5 .video-channel{font-size:0.72rem;color:var(--ns-text-muted);font-weight:600}
.comparar-v5 .video-channel a{color:var(--ns-cta);text-decoration:none}
.comparar-v5 .video-channel a:hover{text-decoration:underline}
.comparar-v5 .video-attribution{font-size:0.85rem;line-height:1.6;color:var(--ns-text-secondary);margin-top:0.75rem;padding:0.65rem 0.85rem;background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-chip)}
.comparar-v5 .video-attribution a{color:var(--ns-cta);font-weight:700;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.15s}
.comparar-v5 .video-attribution a:hover{border-color:var(--ns-cta)}

/* 10. EXPANSIONS */
.comparar-v5 .exp-section{margin-bottom:0.6rem}
.comparar-v5 .exp-scroll{display:flex;gap:0.6rem;overflow-x:auto;padding-bottom:0.5rem;-webkit-overflow-scrolling:touch}
.comparar-v5 .exp-scroll::-webkit-scrollbar{height:4px}
.comparar-v5 .exp-scroll::-webkit-scrollbar-thumb{background:var(--ns-divider);border-radius:2px}
.comparar-v5 .exp-card-wrap{flex:0 0 176px}
.comparar-v5 .exp-card{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-card);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:inherit;transition:transform 0.1s,box-shadow 0.1s}
.comparar-v5 .exp-card:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 rgba(0,0,0,0.14)}
.comparar-v5 .exp-img{width:100%;aspect-ratio:1/1;background:var(--ns-bg-track);display:flex;align-items:center;justify-content:center;overflow:hidden}
.comparar-v5 .exp-img img{width:100%;height:100%;object-fit:cover}
.comparar-v5 .exp-img-ph{font-size:0.75rem;color:var(--ns-text-faint);text-align:center;padding:0.5rem}
.comparar-v5 .exp-body{padding:0.5rem 0.6rem 0.6rem;display:flex;flex-direction:column;flex:1}
.comparar-v5 .exp-name{font-size:0.82rem;font-weight:700;line-height:1.3;margin-bottom:0.2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.comparar-v5 .exp-edition{font-size:0.72rem;color:var(--ns-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.comparar-v5 .exp-price-block{margin-top:auto;padding-top:0.45rem}
.comparar-v5 .exp-price-label{font-size:0.72rem;color:var(--ns-text-muted);font-weight:600;line-height:1}
.comparar-v5 .exp-price-link{font-size:0.95rem;font-weight:800;color:var(--ns-green);text-decoration:none}
.comparar-v5 .exp-price-link:hover{text-decoration:underline}
.comparar-v5 .exp-stores-link{display:block;font-size:0.72rem;font-weight:600;color:var(--ns-text-muted);text-decoration:none;text-align:center;padding:0.35rem 0.6rem 0.5rem;border-top:1px solid var(--ns-divider)}
.comparar-v5 .exp-stores-link:hover{color:var(--ns-cta)}
/* === s96: Expansion row layout === */
.comparar-v5 .exp-guide{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-left:var(--ns-accent-width) solid var(--ns-sage);border-radius:var(--ns-radius-card);padding:1rem 1.15rem;margin-bottom:1rem;box-shadow:var(--ns-shadow-card);font-size:0.9rem;line-height:1.65}
.comparar-v5 .exp-guide strong{font-weight:700}
.comparar-v5 .exp-list{display:flex;flex-direction:column;gap:0.65rem}
.comparar-v5 .exp-row{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-card);display:grid;grid-template-columns:140px 1fr;overflow:hidden}
.comparar-v5 .exp-row--oos{opacity:0.45}
.comparar-v5 .exp-row-img{width:140px;height:140px;background:var(--ns-bg-track);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;flex-shrink:0}
.comparar-v5 .exp-row-img img{width:100%;height:100%;object-fit:cover}
.comparar-v5 .exp-row-img-ph{font-size:0.72rem;color:var(--ns-text-faint)}
.comparar-v5 .exp-row-bgg{position:absolute;top:5px;right:5px;padding:0.15rem 0.35rem;border-radius:var(--ns-radius-chip);font-size:0.72rem;font-weight:800;color:#fff;line-height:1;background:var(--ns-amber);display:flex;align-items:center;gap:0.15rem}
.comparar-v5 .exp-row-bgg svg{width:9px;height:9px}
.comparar-v5 .exp-row-essential{position:absolute;bottom:5px;left:5px;padding:0.12rem 0.4rem;border-radius:var(--ns-radius-chip);font-size:0.62rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:0.03em}
.comparar-v5 .exp-row-essential--essential{background:var(--ns-green);color:#fff}
.comparar-v5 .exp-row-essential--recommended{background:var(--ns-green-bg);color:var(--ns-green-dark);border:1px solid var(--ns-green-border)}
.comparar-v5 .exp-row-essential--nice-to-have{background:var(--ns-bg-track);color:var(--ns-text-muted);border:1px solid var(--ns-divider)}
.comparar-v5 .exp-row-essential--completionist{background:var(--ns-bg-track);color:var(--ns-text-faint);border:1px solid var(--ns-divider)}
.comparar-v5 .exp-row-body{padding:0.75rem 1rem;display:flex;flex-direction:column;gap:0.3rem}
.comparar-v5 .exp-row-name{font-size:0.92rem;font-weight:700;line-height:1.3;color:var(--ns-text-primary);text-decoration:none}
.comparar-v5 .exp-row-name:hover{color:var(--ns-cta)}
.comparar-v5 .exp-row-desc{font-size:0.84rem;line-height:1.55;color:var(--ns-text-muted)}
.comparar-v5 .exp-row-desc-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.comparar-v5 .exp-row-pills{display:flex;flex-wrap:wrap;gap:0.3rem}
.comparar-v5 .exp-pill{padding:0.1rem 0.4rem;border-radius:var(--ns-radius-chip);font-size:0.68rem;font-weight:600;background:var(--ns-bg-track);color:var(--ns-text-muted);border:1px solid var(--ns-divider)}
.comparar-v5 .exp-pill--standalone{background:var(--ns-green-bg);color:var(--ns-green-dark);border-color:var(--ns-green-border)}
.comparar-v5 .exp-row-price{margin-top:auto;padding-top:0.35rem}
.comparar-v5 .exp-row-price-line{display:flex;align-items:center;flex-wrap:wrap;gap:0.3rem 0.45rem}
.comparar-v5 .exp-row-pvpr{font-size:0.75rem;color:var(--ns-text-faint);text-decoration:line-through}
.comparar-v5 .exp-row-mejor-label{font-size:0.75rem;color:var(--ns-text-muted);font-weight:600}
.comparar-v5 .exp-row-best{font-size:0.95rem;font-weight:800;color:var(--ns-green);font-variant-numeric:tabular-nums}
.comparar-v5 .exp-row-store-name{font-size:0.78rem;color:var(--ns-text-muted);font-weight:500}
.comparar-v5 .exp-row-savings{font-size:0.68rem;font-weight:700;color:var(--ns-green-dark);background:var(--ns-green-bg);border:1px solid var(--ns-green-border);border-radius:var(--ns-radius-chip);padding:0.08rem 0.35rem}
.comparar-v5 .exp-row-cta-line{margin-top:0.35rem}
.comparar-v5 .exp-row-cta{display:inline-flex;align-items:center;gap:0.25rem;padding:0.3rem 0.7rem;background:var(--ns-cta);color:#fff;border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-button);font-size:0.75rem;font-weight:700;text-decoration:none;box-shadow:var(--ns-shadow-button);white-space:nowrap;transition:transform 0.1s,box-shadow 0.1s}
.comparar-v5 .exp-row-cta:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,0.16)}
.comparar-v5 .exp-row-stores-line{margin-top:0.2rem}
.comparar-v5 .exp-row-stores{font-size:0.75rem;font-weight:600;color:var(--ns-cta);text-decoration:none}
.comparar-v5 .exp-row-stores:hover{text-decoration:underline}
.comparar-v5 .exp-row-noprice{font-size:0.78rem;color:var(--ns-text-faint);font-style:italic}
.comparar-v5 .exp-sub-label{font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--ns-text-muted);margin-bottom:0.5rem;margin-top:1.25rem}
.comparar-v5 .exp-show-more-btn{display:inline-flex;align-items:center;gap:0.3rem;padding:0.5rem 1.2rem;background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-button);font-size:0.85rem;font-weight:700;color:var(--ns-text-primary);box-shadow:var(--ns-shadow-button);cursor:pointer;font-family:var(--ns-font-body)}
.comparar-v5 .exp-show-more-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,0.16)}

/* 11. SIMILAR */
.comparar-v5 .similar-grid{display:flex;flex-direction:column;gap:0.75rem}
.comparar-v5 .similar-card{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-left:var(--ns-accent-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-card);display:flex;flex-direction:row;overflow:hidden}
.comparar-v5 .similar-thumb{width:160px;flex-shrink:0;background:var(--ns-bg-track);display:flex;align-items:center;justify-content:center;overflow:hidden}
.comparar-v5 .similar-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.comparar-v5 .similar-thumb-ph{font-size:0.75rem;color:var(--ns-text-faint)}
.comparar-v5 .similar-body{flex:1;min-width:0;padding:0.85rem 1rem}
.comparar-v5 .similar-header{display:flex;align-items:baseline;gap:0.4rem;margin-bottom:0.3rem}
.comparar-v5 .similar-name{font-size:1rem;font-weight:700}
.comparar-v5 .similar-name a{color:inherit;text-decoration:none}
.comparar-v5 .similar-name a:hover{color:var(--ns-cta)}
.comparar-v5 .similar-bgg{display:inline-block;padding:0.12rem 0.4rem;border-radius:var(--ns-radius-chip);font-size:0.78rem;font-weight:800;background:var(--ns-amber);color:#fff;line-height:1.3}
.comparar-v5 .similar-relation{font-size:0.85rem;line-height:1.55;color:var(--ns-text-secondary);margin-bottom:0.4rem;height:3.95em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.comparar-v5 .similar-price-row{font-size:0.85rem;line-height:1.5;margin-bottom:0.15rem}
.comparar-v5 .similar-pvpr-label{color:var(--ns-text-faint);font-size:0.82rem}
.comparar-v5 .similar-pvpr{color:var(--ns-text-faint);text-decoration:line-through;font-size:0.82rem}
.comparar-v5 .similar-best-label{color:var(--ns-text-secondary);font-size:0.82rem;margin-left:0.3rem}
.comparar-v5 .similar-best{font-weight:800;font-size:0.92rem;color:var(--ns-green);font-variant-numeric:tabular-nums}
.comparar-v5 .similar-store-link{font-size:0.82rem;font-weight:700;color:var(--ns-cta);text-decoration:none;margin-left:0.3rem}
.comparar-v5 .similar-store-link:hover{text-decoration:underline}
.comparar-v5 .similar-compare{font-size:0.78rem;font-weight:600;color:var(--ns-text-muted);text-decoration:none;border-bottom:1px dashed var(--ns-divider);display:inline}
.comparar-v5 .similar-compare:hover{color:var(--ns-cta);border-color:var(--ns-cta)}

/* 12. WALLAPOP */
.comparar-v5 .wallapop-row{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.6rem 0;margin-bottom:0.8rem}
.comparar-v5 .wallapop-text{font-size:0.85rem;color:var(--ns-text-muted)}
.comparar-v5 .wallapop-link{font-size:0.82rem;font-weight:700;color:var(--ns-cta);text-decoration:none;display:inline-flex;align-items:center;gap:0.2rem}
.comparar-v5 .wallapop-link:hover{opacity:0.75}

/* 15. FAQ */
.comparar-v5 .faq-list{display:flex;flex-direction:column;gap:0.55rem}
.comparar-v5 .faq-item{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-card);box-shadow:var(--ns-shadow-card);padding:0.85rem 1.1rem}
.comparar-v5 .faq-q{font-size:0.95rem;font-weight:700;color:var(--ns-text-primary);margin-bottom:0.35rem}
.comparar-v5 .faq-a{font-size:0.88rem;line-height:1.65;color:var(--ns-text-secondary)}
.comparar-v5 .faq-a a{color:var(--ns-cta);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.15s}
.comparar-v5 .faq-a a:hover{border-color:var(--ns-cta)}

/* 16. RECURSOS */
.comparar-v5 .recursos-nudge{font-size:0.88rem;color:var(--ns-text-secondary);text-align:center;line-height:1.55;margin-bottom:0.6rem}
.comparar-v5 .recursos-nudge a{color:var(--ns-cta);font-weight:700;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.15s}
.comparar-v5 .recursos-nudge a:hover{border-color:var(--ns-cta)}
.comparar-v5 .recursos-row{display:flex;align-items:center;justify-content:center;gap:0.75rem;flex-wrap:wrap;padding:0.5rem 0}
.comparar-v5 .recurso-link{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.85rem;font-weight:700;color:var(--ns-text-secondary);text-decoration:none;padding:0.45rem 0.85rem;background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-button);box-shadow:var(--ns-shadow-chip);transition:transform 0.1s,box-shadow 0.1s,color 0.15s}
.comparar-v5 .recurso-link:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,0.16);color:var(--ns-cta)}
.comparar-v5 .recurso-logo{display:inline-flex;align-items:center;justify-content:center;padding:0.15rem 0.35rem;border-radius:3px;font-size:0.65rem;font-weight:800;letter-spacing:0.02em;line-height:1}
.comparar-v5 .recurso-logo--bga{background:var(--ns-green);color:#fff}
.comparar-v5 .recurso-logo--bgg{background:var(--ns-amber-dark);color:#fff}

/* ACTIONS */
.comparar-v5 .action-row{display:flex;justify-content:center;gap:0.5rem;margin-top:1.25rem;margin-bottom:0.8rem}
.comparar-v5 .action-btn{display:inline-flex;align-items:center;gap:0.35rem;padding:0.55rem 1rem;background:var(--ns-bg-card);color:var(--ns-text-primary);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-button);font-size:0.85rem;font-weight:700;font-family:inherit;cursor:pointer;box-shadow:var(--ns-shadow-button);transition:transform 0.1s,box-shadow 0.1s}
.comparar-v5 .action-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(0,0,0,0.16)}
.comparar-v5 .action-emoji{font-size:1rem;line-height:1}
.comparar-v5 .action-icon{display:flex;align-items:center;color:inherit}
/* ──────────────────────────────────────────
   EDITIONS: COMPACT CARDS (below hero)
   ────────────────────────────────────────── */

.comparar-v5 .editions-section {
  margin-top: 1.25rem;
}
.comparar-v5 .editions-heading {
  font-size: 0.82rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--ns-text-heading);
  margin-bottom: 0.5rem;
}
.comparar-v5 .editions-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.comparar-v5 .edition-card {
  background: var(--ns-bg-card);
  border: var(--ns-border-width) solid var(--ns-border-dark);
  border-radius: var(--ns-radius-card);
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  box-shadow: var(--ns-shadow-chip);
}
.comparar-v5 .edition-info {
  flex: 1;
  min-width: 0;
}
.comparar-v5 .edition-name {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--ns-text-primary);
  margin-bottom: 0.15rem;
}
.comparar-v5 .edition-pricing {
  font-size: 0.82rem;
  color: var(--ns-text-secondary);
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  flex-wrap: wrap;
}
.comparar-v5 .edition-pvpr {
  color: var(--ns-text-faint);
  text-decoration: line-through;
  font-size: 0.78rem;
}
.comparar-v5 .edition-best-link {
  text-decoration: none;
  display: inline-flex;
  align-items: baseline;
  gap: 0.3rem;
}
.comparar-v5 .edition-best-link:hover .edition-best-price {
  text-decoration: underline;
}
.comparar-v5 .edition-best-link:hover .edition-store {
  text-decoration: underline;
}
.comparar-v5 .edition-best-price {
  font-weight: 800;
  color: var(--ns-green);
  font-variant-numeric: tabular-nums;
}
.comparar-v5 .edition-store {
  color: var(--ns-text-muted);
  font-size: 0.78rem;
}
.comparar-v5 .edition-count {
  color: var(--ns-text-faint);
  font-size: 0.75rem;
}
.comparar-v5 .edition-actions {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.2rem;
}
.comparar-v5 .edition-compare {
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--ns-text-muted);
  text-decoration: none;
  border-bottom: 1px dashed var(--ns-divider);
}
.comparar-v5 .edition-compare:hover {
  color: var(--ns-cta);
  border-color: var(--ns-cta);
}
.comparar-v5 .edition-nostock {
  font-size: 0.82rem;
  color: var(--ns-text-faint);
  font-style: italic;
}
.comparar-v5 .editions-footer {
  text-align: center;
  margin-top: 0.5rem;
}
.comparar-v5 .editions-footer-link {
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--ns-text-muted);
  text-decoration: none;
  border-bottom: 1px dashed var(--ns-divider);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.comparar-v5 .editions-footer-link:hover {
  color: var(--ns-cta);
  border-color: var(--ns-cta);
}


/* ──────────────────────────────────────────
   EDITIONS: FILTER TABS (price table)
   ────────────────────────────────────────── */

.comparar-v5 .edition-tabs {
  display: flex;
  gap: 0.35rem;
  flex-wrap: wrap;
  margin-bottom: 0.75rem;
}
.comparar-v5 .edition-tab {
  padding: 0.3rem 0.65rem;
  border-radius: var(--ns-radius-chip);
  font-size: 0.78rem;
  font-weight: 700;
  border: 1px solid var(--ns-divider);
  background: var(--ns-bg-track);
  color: var(--ns-text-muted);
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border-color 0.15s;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.comparar-v5 .edition-tab:hover {
  background: var(--ns-divider);
  color: var(--ns-text-primary);
}
.comparar-v5 .edition-tab--active {
  background: var(--ns-border-dark);
  color: #fff;
  border-color: var(--ns-border-dark);
}
.comparar-v5 .edition-tab--active:hover {
  background: var(--ns-border-dark);
  color: #fff;
}
.comparar-v5 .edition-tab-count {
  font-weight: 600;
  font-size: 0.72rem;
  opacity: 0.7;
}


/* ──────────────────────────────────────────
   EDITIONS: FULL SECTION (lower page)
   ────────────────────────────────────────── */

.comparar-v5 .editions-full-card {
  background: var(--ns-bg-card);
  border: var(--ns-border-width) solid var(--ns-border-dark);
  border-radius: var(--ns-radius-card);
  padding: 1.1rem 1.25rem;
  box-shadow: var(--ns-shadow-card);
}
.comparar-v5 .editions-full-list {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}
.comparar-v5 .editions-full-item {
  padding-bottom: 0.85rem;
  border-bottom: 1px solid var(--ns-divider);
}
.comparar-v5 .editions-full-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.comparar-v5 .editions-full-name {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ns-text-primary);
  margin-bottom: 0.25rem;
}
.comparar-v5 .editions-full-desc {
  font-size: 0.88rem;
  line-height: 1.6;
  color: var(--ns-text-secondary);
  margin-bottom: 0.35rem;
}
.comparar-v5 .editions-full-price-row {
  font-size: 0.82rem;
  display: flex;
  align-items: baseline;
  gap: 0.35rem;
  flex-wrap: wrap;
}
/* ──────────────────────────────────────────
   15. FAQ
   ────────────────────────────────────────── */

.comparar-v5 .faq-list {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}

.comparar-v5 .faq-item {
  background: var(--ns-bg-card);
  border: var(--ns-border-width) solid var(--ns-border-dark);
  border-radius: var(--ns-radius-card);
  box-shadow: var(--ns-shadow-card);
  padding: 0.85rem 1.1rem;
}

.comparar-v5 .faq-q {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ns-text-primary);
  margin-bottom: 0.35rem;
}

.comparar-v5 .faq-a {
  font-size: 0.88rem;
  line-height: 1.65;
  color: var(--ns-text-secondary);
}

.comparar-v5 .faq-a a {
  color: var(--ns-cta);
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s;
}

.comparar-v5 .faq-a a:hover { border-color: var(--ns-cta); }


/* ──────────────────────────────────────────
   16. RECURSOS
   ────────────────────────────────────────── */

.comparar-v5 .recursos-nudge {
  font-size: 0.88rem;
  color: var(--ns-text-secondary);
  text-align: center;
  line-height: 1.55;
  margin-bottom: 0.6rem;
}

.comparar-v5 .recursos-nudge a {
  color: var(--ns-cta);
  font-weight: 700;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.15s;
}

.comparar-v5 .recursos-nudge a:hover { border-color: var(--ns-cta); }

.comparar-v5 .recursos-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-wrap: wrap;
  padding: 0.5rem 0;
}

.comparar-v5 .recurso-link {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--ns-text-secondary);
  text-decoration: none;
  padding: 0.45rem 0.85rem;
  background: var(--ns-bg-card);
  border: var(--ns-border-width) solid var(--ns-border-dark);
  border-radius: var(--ns-radius-button);
  box-shadow: var(--ns-shadow-chip);
  transition: transform 0.1s, box-shadow 0.1s, color 0.15s;
}

.comparar-v5 .recurso-link:hover {
  transform: translate(-1px, -1px);
  box-shadow: 3px 3px 0 rgba(0,0,0,0.16);
  color: var(--ns-cta);
}

.comparar-v5 .recurso-logo-img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  flex-shrink: 0;
}


/* ── MOBILE ADDITIONS (add inside existing @media block) ── */
/* .comparar-v5 .recursos-row { flex-direction: column; gap: 0.5rem; } */
/* .comparar-v5 .recurso-link { width: 100%; justify-content: center; } */
/* ═══════ MOBILE ═══════ */
@media(max-width:640px){
  .comparar-v5 .hero-title{font-size:1.7rem}
  .comparar-v5 .section-h{font-size:1.25rem}
  .comparar-v5 .hero-grid{grid-template-columns:1fr;gap:1rem}
  .comparar-v5 .price-card{margin-top:0}
  .comparar-v5 .store-card{grid-template-columns:1fr;gap:0.5rem}
  .comparar-v5 .store-price-col{text-align:left;display:flex;align-items:baseline;gap:0.5rem;flex-wrap:wrap}
  .comparar-v5 .stock-badge{justify-content:flex-start;margin-top:0}
  .comparar-v5 .cta-link{width:100%;justify-content:center;padding:0.55rem 1rem}
  .comparar-v5 .usecase-strip{grid-template-columns:repeat(2,1fr)}
  .comparar-v5 .pros-cons-card{grid-template-columns:1fr}
  .comparar-v5 .community-grid{grid-template-columns:1fr}
  .comparar-v5 .profile-grid{grid-template-columns:1fr}
  .comparar-v5 .ficha-grid{grid-template-columns:1fr 1fr;gap:0.65rem 1rem}
  .comparar-v5 .ficha-complexity{grid-column:1/-1}
  .comparar-v5 .ficha-bgg-float{float:none;margin-left:0;margin-bottom:0.75rem;flex-direction:row;flex-wrap:wrap;max-width:none;gap:0.3rem;align-items:center}
  .comparar-v5 .similar-thumb{width:100px}
  .comparar-v5 .similar-body{padding:0.7rem 0.85rem}
  .comparar-v5 .exp-card-wrap{flex:0 0 170px}
  .comparar-v5 .exp-row{grid-template-columns:100px 1fr}
  .comparar-v5 .exp-row-img{width:100px;height:100px}
  .comparar-v5 .exp-row-body{padding:0.55rem 0.75rem}
  .comparar-v5 .exp-row-name{font-size:0.85rem}
  .comparar-v5 .exp-row-cta{padding:0.25rem 0.55rem;font-size:0.72rem}
  .comparar-v5 .exp-guide{font-size:0.84rem;padding:0.85rem 1rem}
  .comparar-v5 .action-row{flex-wrap:wrap}
  .comparar-v5 .action-btn{flex:1;min-width:0;justify-content:center;padding:0.5rem 0.6rem;font-size:0.82rem}
  .comparar-v5 .article-grid{grid-template-columns:1fr}
  .comparar-v5 .recursos-row{flex-direction:column;gap:0.5rem}
  .comparar-v5 .recurso-link{width:100%;justify-content:center}
  .comparar-v5 .recursos-row { flex-direction: column; gap: 0.5rem; }
  .comparar-v5 .recurso-link { width: 100%; justify-content: center; }
  /* Editions compact — add inside @media (max-width: 640px) { ... } */
  .comparar-v5 .edition-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.4rem;
  }
  .comparar-v5 .edition-actions {
    align-self: flex-end;
    flex-direction: row;
    gap: 0.75rem;
    align-items: center;
  }
}
.comparar-v5 .ficha-subcards{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin:1rem 0}
.comparar-v5 .ficha-subcard{background:var(--ns-bg-card);border:var(--ns-border-width) solid var(--ns-border-dark);border-radius:var(--ns-radius-thumb);padding:0.6rem 0.75rem;box-shadow:var(--ns-shadow-card)}
.comparar-v5 .ficha-subcard--bgg{background:var(--ns-amber-bg);border-color:var(--ns-border-dark)}
.comparar-v5 .ficha-subcard .ficha-label{font-size:0.68rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;color:var(--ns-text-primary);margin-bottom:0.15rem;display:flex;align-items:center;gap:0.2rem}
.comparar-v5 .ficha-subcard .ficha-label svg{flex-shrink:0;color:var(--ns-ficha-icon-color)}
.comparar-v5 .ficha-subcard .ficha-value{font-size:0.95rem;font-weight:700;color:var(--ns-text-heading)}
.comparar-v5 .ficha-value--bgg{color:var(--ns-amber-dark);font-size:1.05rem}
.comparar-v5 .ficha-sublabel{font-size:0.78rem;color:var(--ns-text-muted);display:inline;margin-left:0.2rem}
.comparar-v5 .ficha-link{color:var(--ns-cta);text-decoration:none;font-weight:700}
.comparar-v5 .ficha-link:hover{text-decoration:underline}
.comparar-v5 .ficha-awards-row{display:flex;flex-wrap:wrap;gap:0.4rem;margin:0.75rem 0}.comparar-v5 .ficha-award-chip{white-space:normal;line-height:1.4}.comparar-v5 .ficha-award-chip{white-space:normal;line-height:1.4}
.comparar-v5 .ficha-rankings-row{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:0.75rem}
.comparar-v5 .ficha-note-block{margin:0.75rem 0;padding-top:0.75rem;border-top:1px solid var(--ns-divider)}
.comparar-v5 .ficha-note-text{font-size:0.88rem;line-height:1.6;color:var(--ns-text-body)}

.comparar-v5 .ficha-chips{display:flex;flex-wrap:wrap;gap:0.35rem;margin-bottom:0.5rem}
.comparar-v5 .chip--mechanic{display:inline-block;padding:0.2rem 0.55rem;border-radius:var(--ns-radius-chip);font-size:0.75rem;font-weight:600;text-decoration:none;background:var(--ns-bg-track);border:1px solid var(--ns-divider);color:var(--ns-cta)}
.comparar-v5 .chip--mechanic:hover,.comparar-v5 .chip--category:hover{background:var(--ns-divider)}
.comparar-v5 .chip--theme{display:inline-block;padding:0.2rem 0.55rem;border-radius:var(--ns-radius-chip);font-size:0.75rem;font-weight:600;background:var(--ns-green-bg);border:1px solid var(--ns-green-border);color:var(--ns-green-dark)}
.comparar-v5 .chip--category{display:inline-block;padding:0.2rem 0.55rem;border-radius:var(--ns-radius-chip);font-size:0.75rem;font-weight:600;text-decoration:none;background:var(--ns-amber-bg);border:1px solid var(--ns-amber-border);color:var(--ns-amber-dark)}.comparar-v5 .chip--category:hover{background:var(--ns-amber-border)}
.comparar-v5 .ficha-split{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin:1rem 0;align-items:start}
.comparar-v5 .ficha-split-left{min-width:0}
.comparar-v5 .ficha-split-left .ficha-subcards{grid-template-columns:repeat(3,1fr)}
.comparar-v5 .ficha-split-right{display:flex;align-items:center;justify-content:center}
.comparar-v5 .ficha-cover{width:100%;max-width:240px;border-radius:var(--ns-radius-card)}
.comparar-v5 .chip--category{display:inline-block;padding:0.2rem 0.55rem;border-radius:var(--ns-radius-chip);font-size:0.75rem;font-weight:600;text-decoration:none;background:var(--ns-amber-bg);border:1px solid var(--ns-amber-border);color:var(--ns-amber-dark)}
.comparar-v5 .chip--category:hover{background:var(--ns-amber-border)}
.comparar-v5 .ficha-subcard .ficha-sublabel{display:inline;font-size:0.78rem;color:var(--ns-text-muted);margin-left:0.2rem}