/* Astra R11 · EXPERIMENT. Sólo las dos láminas existentes cambian la luz. */
#ventana .astra-ventana-lamina {
  position:absolute; inset:0; z-index:1; pointer-events:none;
  opacity:0;
}
#ventana .astra-ventana-lamina img {
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
}
#ventana .astra-ventana-lamina[data-luz="noche"] { z-index:2; }
#ventana .astra-ventana-activa > .ventana-noche { opacity:0!important; }
#ventana .astra-ventana-activa > .lienzo-video {
  opacity:calc(var(--astra-ventana-video,1) * var(--astra-video-listo,0))!important;
}
#ventana .astra-ventana-activa > .lienzo-video.listo { --astra-video-listo:1; }
#ventana .astra-ventana-sin-video .astra-cortina-controls { visibility:hidden; }
#ventana .astra-ventana-movil .astra-ventana-lamina img { object-position:35% 50%; }
#ventana .astra-sol-panel {
  position:absolute; z-index:7; top:clamp(88px,13svh,130px); right:clamp(22px,5vw,76px);
  width:min(250px,calc(100% - 36px)); color:#f7e5c9; text-align:center;
  padding:8px 10px 4px; border-radius:18px; user-select:none; -webkit-user-select:none;
  text-shadow:0 1px 5px rgb(7 19 28/.95),0 0 12px rgb(7 19 28/.65);
  background:radial-gradient(ellipse,rgb(10 24 36/.25),rgb(10 24 36/0) 72%);
}
#ventana .astra-sol-panel[hidden] { display:none; }
#ventana .astra-sol-ayuda { margin:0; font:400 1.15rem/1.1 var(--mano,'Caveat',cursive); }
#ventana .astra-sol-slider { position:relative; width:100%; height:62px; touch-action:pan-y; cursor:ew-resize; border-radius:8px; }
#ventana .astra-sol-slider > svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
#ventana .astra-sol-slider:focus-visible { outline:2px solid #f4ce82; outline-offset:3px; }
#ventana .astra-sol-disco {
  position:absolute; width:44px; height:44px; top:var(--sol-y,38px); left:var(--sol-x,18px);
  transform:translate(-50%,-50%); display:grid; place-items:center; pointer-events:none;
}
#ventana .astra-sol-disco svg { width:32px; height:32px; overflow:visible; }
#ventana .astra-sol-disco .sol { opacity:calc(1 - var(--luz-noche,0)); }
#ventana .astra-sol-disco .luna { opacity:var(--luz-noche,0); }
#ventana .astra-sol-extremos { display:flex; justify-content:space-between; margin:-2px 0 2px; font:400 .64rem/1.2 var(--ui,sans-serif); letter-spacing:.035em; color:#ebd6b8; }
#ventana .astra-sol-botones { display:flex; justify-content:center; gap:6px; flex-wrap:wrap; }
#ventana .astra-sol-botones button {
  min-height:44px; min-width:44px; padding:5px 8px; border:0; border-radius:8px;
  color:#f7e5c9; background:transparent; font:500 .7rem/1.15 var(--ui,sans-serif); cursor:pointer; touch-action:pan-y;
}
#ventana .astra-sol-botones button:focus-visible { outline:2px solid #f4ce82; outline-offset:2px; }
#ventana .astra-sol-botones button:hover { background:rgb(247 229 201/.09); }
#ventana .astra-sol-botones [hidden] { display:none; }
#ventana .astra-sol-estado { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(orientation:portrait) {
  /* Reserve room for the touch arc above the existing text on short phones. */
  html:not(.pelicula) #ventana .escena-banda { min-height:620px; }
  #ventana .astra-sol-panel { right:18px; top:calc(var(--cab-h,56px) + 18px); width:min(235px,calc(100% - 36px)); }
}
@media(max-height:500px) and (orientation:landscape) {
  #ventana .astra-sol-panel { top:68px; right:22px; width:225px; padding-block:6px; }
  #ventana .astra-sol-slider { height:56px; }
  #ventana .astra-sol-ayuda { font-size:1.1rem; }
}
@media print { #ventana .astra-sol-panel { display:none; } }