/* 🔴 GENERADO POR construir_estilos.mjs — NO SE EDITA A MANO.
   La fuente, con sus comentarios, está en 5_IDENTIDAD/04_ILUSTRACION/cielos.css
   Regenerar con:  node construir_estilos.mjs */
.escena{ --cielo-alto:var(--bc-il-sky); --cielo-bajo:var(--bc-il-sky);
         --astro:#F5F1E8; --tinte-color:#241F3D; --tinte-op:0 }
.sol,.luna,.estrellas{ opacity:0 }
.escena[data-cielo="dia"]{ --cielo-alto:var(--bc-il-sky); --cielo-bajo:var(--bc-il-sky); --tinte-op:0 }
.escena[data-cielo="amanecer"]{
  --cielo-alto:#D9CDE9; --cielo-bajo:#F8D9C4; --astro:#F2A765;
  --tinte-color:#F0A868; --tinte-op:.10 }
.escena[data-cielo="amanecer"] .sol{ opacity:1 }
.escena[data-cielo="atardecer"]{
  --cielo-alto:#9E7CB8; --cielo-bajo:#F3BE93; --astro:#E8734A;
  --tinte-color:#D9723F; --tinte-op:.16 }
.escena[data-cielo="atardecer"] .sol{ opacity:1 }
.escena[data-cielo="noche"]{
  --cielo-alto:#3E3A63; --cielo-bajo:#5B5480; --astro:#F5F1E8;
  --tinte-color:#241F3D; --tinte-op:.34 }
.escena[data-cielo="noche"] .luna{ opacity:1 }
.escena[data-cielo="noche"] .estrellas{ opacity:.85 }
@media (prefers-color-scheme:dark){:root:where(:not([data-theme="light"])) .escena[data-cielo]{
  --cielo-alto:var(--bc-il-sky); --cielo-bajo:var(--bc-il-sky); --tinte-op:0 }
  :root:where(:not([data-theme="light"])) .escena[data-cielo="amanecer"] .sol,
  :root:where(:not([data-theme="light"])) .escena[data-cielo="atardecer"] .sol{ opacity:0 }}
:root[data-theme="dark"] .escena[data-cielo]{
  --cielo-alto:var(--bc-il-sky); --cielo-bajo:var(--bc-il-sky); --tinte-op:0 }
:root[data-theme="dark"] .escena[data-cielo="amanecer"] .sol,
:root[data-theme="dark"] .escena[data-cielo="atardecer"] .sol{ opacity:0 }
.sol,.luna,.estrellas,.tinte{ transition:opacity .6s ease }