/* ComoVa — Calidad del aire (comova/aire, comova/aire-historial). Colours of the Índice AIRE y SALUD (NOM-172-SEMARNAT-2023). */
.cv-aire,.cv-aire-hist{--cv-aire-1:#00e400;--cv-aire-2:#ffff00;--cv-aire-3:#ff7e00;--cv-aire-4:#ff0000;--cv-aire-5:#8f3f97;--cv-aire-0:#9ca3af;margin:0 0 1.5rem;min-width:0}
.cv-aire-l0{--cv-aire-c:var(--cv-aire-0);--cv-aire-ink:#111}
.cv-aire-l1,.cv-aire-l1-card{--cv-aire-c:var(--cv-aire-1);--cv-aire-ink:#0b2e0b}
.cv-aire-l2,.cv-aire-l2-card{--cv-aire-c:var(--cv-aire-2);--cv-aire-ink:#3a3500}
.cv-aire-l3,.cv-aire-l3-card{--cv-aire-c:var(--cv-aire-3);--cv-aire-ink:#3a1a00}
.cv-aire-l4,.cv-aire-l4-card{--cv-aire-c:var(--cv-aire-4);--cv-aire-ink:#fff}
.cv-aire-l5,.cv-aire-l5-card{--cv-aire-c:var(--cv-aire-5);--cv-aire-ink:#fff}
.cv-aire-l0-card{--cv-aire-c:var(--cv-aire-0);--cv-aire-ink:#111}
.cv-aire-lead{font-size:1.08em;line-height:1.55}
.cv-aire-stale{color:var(--cv-muted);font-style:italic}
.cv-aire-badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;background:var(--cv-aire-c);color:var(--cv-aire-ink);font-weight:700;font-size:.9em;line-height:1.5}
.cv-aire-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin:1rem 0}
.cv-aire-tile{background:var(--cv-surface);border:1px solid var(--cv-border);border-radius:var(--cv-radius,14px);padding:.75rem 1rem;min-width:0}
.cv-aire-tile b{display:block;font-size:1.6em;line-height:1.2;color:var(--cv-text)}
.cv-aire-tile .cv-aire-badge{font-size:1em;margin:.2rem 0}
.cv-aire-tile span:not(.cv-aire-badge){display:block;color:var(--cv-muted);font-size:.85em;line-height:1.35;margin-top:.2rem}
.cv-aire-hint{border:1px solid var(--cv-border);border-left:6px solid var(--cv-aire-2);border-radius:var(--cv-radius,14px);padding:.75rem 1rem;margin:0 0 1rem;background:var(--cv-surface)}
.cv-aire-hint p{margin:.25rem 0}
.cv-aire-hint-minimo,.cv-aire-hint-nd{border-left-color:var(--cv-aire-1)}
.cv-aire-hint-bajo{border-left-color:var(--cv-aire-2)}
.cv-aire-hint-moderado{border-left-color:var(--cv-aire-3)}
.cv-aire-hint-alto{border-left-color:var(--cv-aire-4)}
.cv-aire-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.75rem;margin:1rem 0}
.cv-aire-card{background:var(--cv-surface);border:1px solid var(--cv-border);border-top:6px solid var(--cv-aire-c);border-radius:var(--cv-radius,14px);padding:.75rem 1rem;min-width:0}
.cv-aire-card h3{margin:0 0 .4rem;font-size:1.05em}
.cv-aire-card p{margin:.4rem 0}
.cv-aire-risk{font-weight:600}
.cv-aire-rec{font-size:.92em}
.cv-aire-small,.cv-aire-note{color:var(--cv-muted);font-size:.82em;line-height:1.4;overflow-wrap:anywhere}
.cv-aire-rec-sens{font-size:.95em}
.cv-aire-strips{margin:.75rem 0}
.cv-aire-row{display:flex;align-items:center;gap:.5rem;margin:.25rem 0;min-width:0}
.cv-aire-rl{flex:0 0 6.5rem;font-size:.82em;color:var(--cv-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cv-aire-strip{display:grid;grid-template-columns:repeat(30,1fr);gap:2px;flex:1 1 auto;min-width:0;max-width:34rem}
.cv-aire-sq{display:block;aspect-ratio:1;border-radius:2px;background:var(--cv-aire-c);min-width:0}
.cv-aire-sq.cv-aire-l0{background:var(--cv-surface-2);outline:1px solid var(--cv-border);outline-offset:-1px}
.cv-aire-legend{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin-top:.5rem;font-size:.8em;color:var(--cv-muted)}
.cv-aire-legend span{display:inline-flex;align-items:center;gap:.3rem}
.cv-aire-legend .cv-aire-sq{width:.8rem}
.cv-aire-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.cv-aire-table{width:100%;border-collapse:collapse;font-size:.92em}
.cv-aire-table th,.cv-aire-table td{padding:.4rem .5rem;border-bottom:1px solid var(--cv-border);text-align:left;white-space:nowrap}
.cv-aire-barcell{width:40%;min-width:80px}
.cv-aire-bar{display:block;height:10px;border-radius:3px;background:var(--cv-aire-3)}
@media (max-width:480px){
	.cv-aire-rl{flex-basis:4.5rem}
	.cv-aire-strip{gap:1px}
	.cv-aire-tile b{font-size:1.35em}
}