/* Codao Aire — modo noche: cielo estrellado y paleta oscura. Se activa con html.codao-noche. */
html.codao-noche {
	color-scheme: dark;
	--aire-hueso: #0E1310;
	--aire-niebla: #18201A;
	--aire-tinta: #EFE9DA;
	--aire-suave: #A9A595;
	--aire-linea: rgba(239, 233, 218, 0.14);
	--aire-bosque: #8FB07A;
	--wp--preset--color--crema: #0E1310;
	--wp--preset--color--crema-claro: #151C17;
	--wp--preset--color--blanco: #151C17;
	--wp--preset--color--arena: #18201A;
	--wp--preset--color--borde: #2A342C;
	--wp--preset--color--tinta: #EFE9DA;
}
html.codao-noche { background: #0E1310; }
html.codao-noche body { background: transparent; color: #EFE9DA; }

/* Cielo: estrellas fijas que titilan despacio, detrás de todo. */
.codao-cielo { display: none; }
html.codao-noche .codao-cielo {
	display: block;
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		radial-gradient(1.5px 1.5px at 8% 12%, #fff 50%, transparent 51%),
		radial-gradient(1px 1px at 17% 41%, #f6e7c0 50%, transparent 51%),
		radial-gradient(1.5px 1.5px at 26% 77%, #fff 50%, transparent 51%),
		radial-gradient(1px 1px at 34% 23%, #fff 50%, transparent 51%),
		radial-gradient(2px 2px at 43% 58%, #f6e7c0 50%, transparent 51%),
		radial-gradient(1px 1px at 52% 9%, #fff 50%, transparent 51%),
		radial-gradient(1.5px 1.5px at 61% 36%, #fff 50%, transparent 51%),
		radial-gradient(1px 1px at 69% 84%, #f6e7c0 50%, transparent 51%),
		radial-gradient(1.5px 1.5px at 77% 19%, #fff 50%, transparent 51%),
		radial-gradient(1px 1px at 85% 63%, #fff 50%, transparent 51%),
		radial-gradient(2px 2px at 92% 31%, #f6e7c0 50%, transparent 51%),
		radial-gradient(1px 1px at 96% 90%, #fff 50%, transparent 51%),
		radial-gradient(1px 1px at 4% 66%, #fff 50%, transparent 51%),
		radial-gradient(1.5px 1.5px at 48% 92%, #fff 50%, transparent 51%),
		radial-gradient(1px 1px at 73% 52%, #f6e7c0 50%, transparent 51%),
		linear-gradient(180deg, #070B10 0%, #0E1310 70%);
	animation: codao-titilar 7s ease-in-out infinite alternate;
}
@keyframes codao-titilar { from { opacity: 0.75; } to { opacity: 1; } }

/* Superficies que eran blancas */
html.codao-noche .aire-header__barra { background: rgba(14, 19, 16, 0.55); }
html.codao-noche .aire-sectores li,
html.codao-noche .aire-celda,
html.codao-noche .codao-tarjeta,
html.codao-noche .codao-rubros a,
html.codao-noche .aire-red,
html.codao-noche .aire-lanzador { background: rgba(14, 19, 16, 0.55); -webkit-backdrop-filter: saturate(160%) blur(18px); backdrop-filter: saturate(160%) blur(18px); color: var(--aire-tinta); }
html.codao-noche .aire-flecha { background: rgba(21, 28, 23, 0.92); color: var(--aire-tinta); }
html.codao-noche .aire-celda--clara { background: #18201A; }
html.codao-noche .aire-celda--grande,
html.codao-noche .aire-celda--alta,
html.codao-noche .aire-celda--mitad { background: #1D2619; }
html.codao-noche .aire-celda--sol { background: #8A6320; color: #FFF6E2; }
html.codao-noche .aire-nav [aria-current="page"],
html.codao-noche .codao-rubros a[aria-current="page"],
html.codao-noche .aire-enlace { background: var(--aire-sol); color: #17150F !important; }
html.codao-noche .aire-enlace:hover { background: #F4C977; }
html.codao-noche .aire-enlace--claro { background: #151C17; color: var(--aire-tinta) !important; }
html.codao-noche .aire-pie { background: transparent; }

/* Botón luna/sol */
.codao-noche-boton {
	position: fixed;
	left: 1rem;
	bottom: 1rem;
	z-index: 50;
	width: 2.8rem;
	height: 2.8rem;
	border: 1px solid rgba(23, 21, 15, 0.15);
	border-radius: 50%;
	background: rgba(247, 244, 238, 0.72);
	-webkit-backdrop-filter: saturate(160%) blur(18px);
	backdrop-filter: saturate(160%) blur(18px);
	color: #17150F;
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}
html.codao-noche .codao-noche-boton { background: rgba(14, 19, 16, 0.55); -webkit-backdrop-filter: saturate(160%) blur(18px); backdrop-filter: saturate(160%) blur(18px); color: #F4C977; border-color: rgba(239, 233, 218, 0.2); }
@media (prefers-reduced-motion: reduce) { html.codao-noche .codao-cielo { animation: none; } }

/* Algo que pasa volando por el cielo: estrellas fugaces, al fondo. */
.codao-cielo { overflow: hidden; }
.codao-fugaz {
	position: absolute;
	width: 140px;
	height: 2px;
	border-radius: 2px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), #fff 85%, #fff);
	box-shadow: 0 0 8px 1px rgba(246, 231, 192, 0.6);
	opacity: 0;
	transform-origin: 100% 50%;
	animation: codao-fugaz 1.3s ease-in forwards;
}
@keyframes codao-fugaz {
	0% { opacity: 0; transform: rotate(var(--ang)) translateX(0); }
	15% { opacity: 1; }
	100% { opacity: 0; transform: rotate(var(--ang)) translateX(480px); }
}
@media (prefers-reduced-motion: reduce) { .codao-fugaz { display: none; } }

html.codao-noche { --cielo-tarjeta: #151C17; }
html.codao-noche .clima-ahora li, html.codao-noche .clima-dia { background: #151C17; }

/* Textos con color oscuro fijo: enlaces del contenido y la ficha de Plaza del Arte */
html.codao-noche main a:not([class]) { color: #9DBB86; }
html.codao-noche { --aire-canal: #8CC6CC; }
html.codao-noche .aire-sumate, html.codao-noche .aire-sumate:hover, html.codao-noche .aire-sumate__titulo { color: #17150F; }
html.codao-noche main label { color: #E4DDCB; }
html.codao-noche .codao-sumate__nota { color: #B9B2A0; }
html.codao-noche main .wp-element-button, html.codao-noche main button.wp-element-button { color: #17150F; }