/* Uvamejai · el bosque encantado de fondo (aprobado en ensayo el 9 oct 2026).
   Solo en las páginas generales (body[data-bosque]); los talleres y cursos con estética propia no lo llevan. */
@property --bq-c1{syntax:'<color>';inherits:true;initial-value:#121a16}
@property --bq-c2{syntax:'<color>';inherits:true;initial-value:#18221d}
@property --bq-c3{syntax:'<color>';inherits:true;initial-value:#0c120f}
@property --bq-lejos{syntax:'<color>';inherits:true;initial-value:#33423b}
@property --bq-medio{syntax:'<color>';inherits:true;initial-value:#1d2823}
@property --bq-cerca{syntax:'<color>';inherits:true;initial-value:#0b100d}
@property --bq-m1{syntax:'<color>';inherits:true;initial-value:#1a2620}
@property --bq-m2{syntax:'<color>';inherits:true;initial-value:#0d1310}

body[data-bosque]{background:#0c120f}
body[data-bosque] main,body[data-bosque] footer,body[data-bosque] .pie{position:relative;z-index:1}
/* las secciones dejan ver el bosque (las tarjetas y el papel conservan su fondo) */
body[data-bosque] main > section:not([data-tono="propio"]){background:transparent !important}

.bosque{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  transition:--bq-c1 1.6s,--bq-c2 1.6s,--bq-c3 1.6s,--bq-lejos 1.6s,--bq-medio 1.6s,--bq-cerca 1.6s,--bq-m1 1.6s,--bq-m2 1.6s;
  background:radial-gradient(70% 55% at 30% 8%,rgba(var(--bq-luz),.12),transparent 70%),radial-gradient(60% 40% at 50% 92%,rgba(var(--bq-luz),.05),transparent 70%),linear-gradient(180deg,var(--bq-c1),var(--bq-c2) 55%,var(--bq-c3))}
.bq-capa{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.bq-lejos path{fill:var(--bq-lejos);opacity:.38}
.bq-lejos{filter:blur(5px)}
.bq-medio path{fill:var(--bq-medio);opacity:.8}
.bq-medio{filter:blur(1.6px)}
.bq-cerca path{fill:var(--bq-cerca)}
.bq-cerca .bq-musgo-lejos{fill:var(--bq-m1);opacity:.9}
.bq-cerca .bq-musgo{fill:var(--bq-m2);stroke:rgba(var(--bq-luz),.08);stroke-width:2}
.bq-niebla{position:absolute;left:-20%;right:-20%;height:45%;background:radial-gradient(50% 50% at 50% 50%,rgba(var(--bq-niebla),.07),transparent 70%);animation:bq-niebla 40s ease-in-out infinite alternate}
.bq-niebla-1{top:30%}.bq-niebla-2{top:55%;animation-duration:55s;animation-direction:alternate-reverse}
@keyframes bq-niebla{to{transform:translateX(12%)}}
.bq-rayos{position:absolute;inset:-10% 0 0 0;mix-blend-mode:screen}
.bq-rayos i{position:absolute;top:-10%;height:120%;width:9%;transform-origin:top center;transform:rotate(-24deg);
  background:linear-gradient(180deg,rgba(var(--bq-luz),.15),rgba(var(--bq-luz),.04) 60%,transparent);filter:blur(14px);animation:bq-rayo 12s ease-in-out infinite}
.bq-rayos i:nth-child(1){left:14%}.bq-rayos i:nth-child(2){left:24%;width:5%;animation-delay:-4s}
.bq-rayos i:nth-child(3){left:36%;width:12%;animation-delay:-7s}.bq-rayos i:nth-child(4){left:50%;width:4%;animation-delay:-2s}
@keyframes bq-rayo{50%{opacity:.45}}
.bq-luces{position:absolute;inset:0;width:100%;height:100%}
@media (prefers-reduced-motion:reduce){.bq-niebla,.bq-rayos i{animation:none}}