*{box-sizing:border-box}body{margin:0;background:#f3eee5;color:#352f26;font-family:system-ui,sans-serif}main{max-width:1634px;margin:auto;padding:24px}header{padding:8px 0 24px}.municipio{font-size:14px;font-weight:650;letter-spacing:.02em}h1{font:400 clamp(30px,4vw,48px) Georgia,serif;margin:12px 0}header p{line-height:1.6}figure{margin:0}.paisaje{position:relative;width:100%;aspect-ratio:1586/992;background:#48463d;overflow:hidden;isolation:isolate}.paisaje img,.paisaje canvas,.grupo,#capas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.paisaje img{object-fit:fill}.grupo{opacity:0}.fondo{mask:url(fondo.svg) 0 0/100% 100% no-repeat}.copa{mask:url(copa.svg) 0 0/100% 100% no-repeat;transform-origin:20.996% 83.972%}.sombra{background:#243126;mask:url(copa.svg) 0 0/100% 100% no-repeat;transform-origin:20.996% 82.258%;opacity:.12}.grupo .sombra{z-index:2}.grupo .copa{z-index:3}#cielo{z-index:4}.rayo{z-index:5;opacity:0;clip-path:polygon(0 0,100% 0,100% 27%,90% 25%,80% 27%,75% 25%,70% 26%,63% 25%,60% 23%,57% 20.7%,54% 23%,50% 24.5%,46% 24%,43% 22%,40% 23%,35% 24%,28% 26%,23% 25%,19% 26%,17% 24%,12% 25%,9% 27%,0 26%)}#reflejo{position:absolute;inset:23% 0 0;z-index:6;background:radial-gradient(ellipse at 70% 0,rgba(207,214,222,.14),transparent 58%);opacity:0;pointer-events:none}#precipitacion{z-index:7}figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;font-size:14px}button,input,select{font:inherit}button{border:1px solid #8b7c68;color:#352f26;background:#fffaf2;padding:9px 14px;border-radius:5px;cursor:pointer}button:disabled{opacity:.6}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8f5832;outline-offset:3px}#estado,.nota,footer{font-size:13px;line-height:1.7}details{border-top:1px solid #d9d0c3;margin-top:20px;padding-top:16px}summary{cursor:pointer;font-weight:600}.controles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:22px 0}.controles label{display:flex;gap:12px;align-items:center}.controles input[type=range]{flex:1;min-width:40px;accent-color:#785333}.controles input[type=date],select{padding:7px;max-width:100%}output{white-space:nowrap;min-width:65px}footer{padding:28px 0 8px;color:#756b5c}@media(max-width:650px){main{padding:16px}.controles{grid-template-columns:1fr}figcaption{align-items:start}.paisaje{aspect-ratio:1586/992}button{font-size:13px}}

.cielo-limpio .fondo{mask-image:url(fondo-cielo.svg)}

.integrado main{padding:0;max-width:none}.integrado header,.integrado figcaption,.integrado details,.integrado footer{display:none}.integrado #estado{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.integrado .paisaje{height:100vh;aspect-ratio:auto}

.prueba header{padding-bottom:8px}.panel-prueba{padding:0 0 16px}.panel-prueba .controles{padding:10px 0;grid-template-columns:repeat(3,minmax(0,1fr))}.prueba .paisaje{max-width:min(100%,1120px);margin:auto}.panel-prueba .nota{margin:5px 0 0}@media(max-width:1050px){.panel-prueba .controles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.panel-prueba .controles{grid-template-columns:1fr}}

.integrado .enlace-prueba{display:none}

.filtros-paisaje{position:absolute;pointer-events:none}.grupo .atenuar-luces{z-index:4;filter:brightness(.18);mask-size:100% 100%;mask-repeat:no-repeat;transition:opacity 1.1s ease}.grupo .polideportivo{z-index:5;mask:url(polideportivo.svg) 0 0/100% 100% no-repeat;opacity:0;transition:opacity 1.1s ease}@media(prefers-reduced-motion:reduce){.grupo .atenuar-luces,.grupo .polideportivo{transition:none}}

.grupo .copa,.grupo .sombra,.grupo .retirar-copa{display:none!important}.grupo .solo-cielo{mask:linear-gradient(#000 0 19%,transparent 21%) 0 0/100% 100% no-repeat}

.rayo{mix-blend-mode:screen}

.grupo .atenuar-luces{opacity:1;filter:brightness(.08);transition:none}.grupo .polideportivo{transition:none}.grupo .luces-encendidas{z-index:4;mask-size:100% 100%;mask-repeat:no-repeat;mix-blend-mode:screen;transition:none}

.integrado .paisaje{position:absolute;width:max(100vw,159.879vh);height:max(100vh,62.548vw);left:50%;top:28%;transform:translate(-50%,-28%)}

.gym-luces{position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity 1.1s ease;background:rgba(236,200,131,.52);mask:url(gym-luces.svg) 0 0/100% 100% no-repeat;mix-blend-mode:screen}@media(prefers-reduced-motion:reduce){.gym-luces{transition:none}}

.grupo{display:none}