.cielo { --cielo-tarjeta: var(--aire-niebla); }
.cielo__fecha { margin: 0 0 1rem; }
.cielo__grilla { display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 1rem; margin: 1rem 0 2rem; }
.cielo__tarjeta { background: var(--cielo-tarjeta); border-radius: 1.2rem; padding: 1.2rem 1.4rem; display: flex; flex-direction: column; gap: .35rem; }
.cielo__tarjeta h3 { font-family: var(--aire-serif); font-weight: 400; font-size: 1.7rem; margin: 0 0 .2rem; }
.cielo__tarjeta p { margin: 0; color: var(--aire-suave); }
.cielo__tarjeta strong { font-size: 1.15rem; font-weight: 600; color: var(--aire-tinta); }
.cielo__luna { width: 7.5rem; height: 7.5rem; margin: .3rem 0; filter: drop-shadow(0 0 14px rgba(246, 231, 192, .35)); }
.cielo__planetas { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: 1rem; margin: 1rem 0 2rem; }
.cielo__planeta { background: var(--cielo-tarjeta); border-radius: 1rem; padding: 1rem 1.2rem; display: flex; flex-direction: column; gap: .25rem; border-left: 4px solid var(--aire-linea); }
.cielo__planeta.si { border-left-color: var(--aire-sol); }
.cielo__planeta b { font-size: 1.15rem; }
.cielo__planeta span { color: var(--aire-suave); font-size: .95rem; }
.cielo__etiqueta { display: inline-block; align-self: flex-start; background: var(--aire-sol); color: #17150F !important; border-radius: 999px; padding: .1rem .7rem; font-size: .8rem !important; font-weight: 600; }
.cielo__nota { color: var(--aire-suave); font-size: .9rem; }