/* QuinielaLab — página pública de resultados (analítica) */
.qlr-wrap { --g:#0a6e3c; --g2:#0d8a4a; --line:#e2e8e4; --ink:#1c2b23; max-width:820px; margin:0 auto; color:var(--ink); }
.qlr-h { font-size:1.5rem; margin:0 0 1rem; }
.qlr-h3 { font-size:1.15rem; margin:1.5rem 0 .6rem; }

.qlr-card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.2rem 1.3rem; box-shadow:0 2px 10px rgba(10,110,60,.05); }
.qlr-destacada { position:relative; border-color:#bfe6cf; }
.qlr-badge { position:absolute; top:-.7rem; left:1.2rem; background:var(--g); color:#fff; font-size:.72rem;
	font-weight:700; padding:.2rem .7rem; border-radius:999px; letter-spacing:.03em; text-transform:uppercase; }
.qlr-jhead { display:flex; justify-content:space-between; align-items:baseline; gap:.6rem; margin:.3rem 0 1rem; }
.qlr-jnum { font-size:1.3rem; font-weight:800; }
.qlr-jdate { color:#6b7c72; font-size:.9rem; }

.qlr-result { display:flex; align-items:center; gap:.35rem; flex-wrap:wrap; margin-bottom:1.1rem; }
.qlr-result-lbl { font-size:.8rem; color:#6b7c72; margin-right:.3rem; text-transform:uppercase; letter-spacing:.04em; }
.qlr-chip { width:1.7rem; height:1.7rem; display:inline-flex; align-items:center; justify-content:center;
	background:#f2f8f4; border:1px solid #cfe6d8; border-radius:6px; font-weight:800; font-size:.85rem; color:var(--g); }
.qlr-pleno { margin-left:.5rem; font-size:.85rem; color:#8a6100; background:#fff6e6; border:1px solid #f0dca6; border-radius:6px; padding:.15rem .5rem; }

.qlr-tiles { display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; margin-bottom:1.2rem; }
.qlr-tile { background:#f7faf8; border:1px solid var(--line); border-radius:10px; padding:.7rem; text-align:center; }
.qlr-tile.qlr-hl { background:var(--g); border-color:var(--g); }
.qlr-tile.qlr-hl .qlr-tnum, .qlr-tile.qlr-hl .qlr-tlbl { color:#fff; }
.qlr-tnum { display:block; font-size:1.5rem; font-weight:800; color:var(--g); line-height:1.1; }
.qlr-tlbl { display:block; font-size:.72rem; color:#6b7c72; margin-top:.2rem; }

.qlr-dist-lbl { font-size:.8rem; color:#6b7c72; text-transform:uppercase; letter-spacing:.04em; }
.qlr-dist-row { display:flex; align-items:flex-end; gap:.5rem; height:130px; margin-top:.5rem; padding-top:1rem; }
.qlr-bar-col { flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:.25rem; height:100%; }
.qlr-bar { width:100%; max-width:48px; background:var(--g2); border-radius:6px 6px 0 0; transition:height .3s; }
.qlr-bar[data-cat="15"] { background:#0a6e3c; }
.qlr-bar[data-cat="14"] { background:#0d8a4a; }
.qlr-bar[data-cat="13"] { background:#3aa568; }
.qlr-bar[data-cat="12"] { background:#6bbd8c; }
.qlr-bar[data-cat="11"] { background:#9dd4b3; }
.qlr-bar[data-cat="10"] { background:#c9e8d5; }
.qlr-bar-v { font-size:.8rem; font-weight:700; color:var(--ink); }
.qlr-bar-lbl { font-size:.78rem; font-weight:700; color:#6b7c72; }

.qlr-tablewrap { overflow-x:auto; }
.qlr-table { width:100%; border-collapse:collapse; font-size:.9rem; }
.qlr-table th, .qlr-table td { text-align:center; padding:.55rem .4rem; border-bottom:1px solid var(--line); white-space:nowrap; }
.qlr-table th { color:#6b7c72; font-weight:700; font-size:.78rem; text-transform:uppercase; }
.qlr-table tbody tr:hover { background:#f7faf8; }

.qlr-legal { font-size:.78rem; color:#8a948d; text-align:center; margin-top:1.2rem; }

@media (max-width:560px){
	.qlr-tiles { grid-template-columns:repeat(2,1fr); }
}