/* ofertas-reales.html — "¿es real la oferta?" (reales.js). Uses the chrome.css tokens. */
.rl-legend{padding:28px 0 6px;border:0}
.rl-legend .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.rl-key{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:18px;border:2px solid var(--c-ink);background:#fff;box-shadow:0 4px 0 var(--c-ink)}
.rl-key b{font-family:'Lilita One',var(--sans);font-weight:400;font-size:20px;color:var(--c-navy)}
.rl-key span{font-size:14.5px;line-height:1.45;color:var(--c-text-2)}
.rl-key.ok{background:#EAF7F0}
.rl-key.warn{background:#FFF3D9}
.rl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.rl-card{display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--c-ink);border-radius:18px;box-shadow:0 3px 0 var(--c-ink);
  overflow:hidden;color:inherit;transition:transform .15s ease,box-shadow .15s ease}
.rl-card:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--c-ink)}
.rl-fig{position:relative;display:block;height:150px;flex:none;overflow:hidden;background:#fff;border-bottom:1.5px solid rgba(27,34,51,.12);font-size:34px;text-align:center;line-height:150px}
.rl-fig img{display:block;width:100%;height:100%;object-fit:contain;padding:12px}
.rl-pct{position:absolute;top:10px;left:10px;font:700 13px/1 var(--mono);background:#0F8A60;color:#fff;padding:5px 8px;border-radius:999px;border:1.5px solid var(--c-ink)}
.rl-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}
.rl-store{font-size:12.5px;font-weight:700;color:var(--c-text-3)}
.rl-name{font-weight:700;font-size:14px;line-height:1.3;color:#1B2233;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.rl-pr{display:flex;align-items:baseline;gap:8px}
.rl-pr b{font:600 18px/1 var(--mono);color:var(--c-ink);font-variant-numeric:tabular-nums}
.rl-pr s{font:500 12.5px/1 var(--mono);color:#7A8296}
.rl-badge{align-self:flex-start;font-size:12.5px;font-weight:700;padding:4px 9px;border-radius:999px;line-height:1.25}
.rl-badge.ok{background:#E3F4EC;color:#0B6E4B}
.rl-badge.warn{background:#FFEFC7;color:#7A4B00}
.rl-seen{font-size:12.5px;color:var(--c-text-3)}
.rl-table{border:2px solid var(--c-ink);border-radius:20px;background:#fff;box-shadow:0 4px 0 var(--c-ink);overflow:hidden}
.rl-row{display:grid;grid-template-columns:minmax(120px,1.2fr) 90px 1fr 1fr;gap:14px;align-items:center;padding:12px 18px;border-top:1px solid rgba(27,34,51,.1)}
.rl-row:first-child{border-top:0}
.rl-head{font-size:13px;font-weight:700;color:var(--c-text-3);background:#F6F2E9}
.rl-sn{font-weight:800;color:var(--c-navy)}
.rl-row>span{display:flex;align-items:center;gap:8px;min-width:0;font-size:14px}
.rl-bar{display:block;height:10px;border-radius:999px;flex:0 0 auto;max-width:70%}
.rl-bar.ok{background:#0F8A60}
.rl-bar.warn{background:#E0A526}
.rl-row b{font-family:var(--mono);font-weight:600;font-size:13.5px}
@media (max-width:760px){
  .rl-legend .wrap{grid-template-columns:1fr}
  .rl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .rl-fig{height:120px;line-height:120px}
  .rl-row{grid-template-columns:1fr 1fr 1fr;gap:6px 10px;padding:12px 14px}
  .rl-row>span:nth-child(1){grid-column:1/-1}
  .rl-row>span:nth-child(2){display:none}
  .rl-head>span:nth-child(1){display:none}
}
@media (prefers-reduced-motion:reduce){.rl-card{transition:none}}