/* Módulo «estados»: la respuesta del día bajo el H1 y la lista de fechas del año. Colores propios,
   medidos a más de 4,5, para no depender de la paleta de cada web (como los rótulos de sol_hoy). */
.estado{margin:.6rem 0 1rem;padding:.9rem 1.1rem;border-radius:8px;border-left:6px solid #5B6B7A;background:#EEF2F5;color:#1D2731}
.estado--parado{border-left-color:#B3261E;background:#FBEDEC;color:#3B0F0C}
.estado--hoy{border-left-color:#1E7B34;background:#E8F5EB;color:#0E3318}
.estado--sin_aviso{border-left-color:#1F5E8C;background:#EAF2F8;color:#0E2A40}
.estado p{margin:0}
.estado-frase{font:600 1.2rem/1.35 var(--display)}
.estado .estado-fuente{margin-top:.35rem;font-size:.92rem}
.estado-fuente a{color:inherit;text-decoration:underline}
.estado .estado-proxima{margin-top:.5rem}
.estado-fechas{margin:1.5rem 0}
.estado-lista{list-style:none;margin:.5rem 0 0;padding:0;display:grid;gap:.3rem}
.estado-lista li{display:grid;gap:.1rem .8rem;padding:.4rem .6rem;border-radius:6px}
@media (min-width:40rem){.estado-lista li{grid-template-columns:15rem 1fr}}
.estado-dia{font-weight:600}
.estado-lista .is-pasada{opacity:.75}
.estado-lista .is-proxima{background:#FFF3C4;color:#3D2E00}