/* Presentación de pantalla únicamente. Los lienzos de descarga conservan su diseño. */
html[data-studio-theme] #app.natal #escena,
#app.natal #escena,#app.natal #lienzo{background:#fff}
#app.natal #escena::before{display:none}
#app.natal .pista{color:#526B77!important;text-shadow:none}
#lecturaGuiada{display:none}
#app.natal #lecturaGuiada:not([hidden]){
  display:block;flex:0 1 auto;min-height:82px;max-height:245px;overflow:auto;
  padding:12px 15px;border-bottom:1px solid #CFDCE2;background:#fff!important;
  color:#173A47!important;color-scheme:light;scrollbar-width:thin;
}
#app.natal #cartaPanel.plegado #lecturaGuiada{display:none}
#lecturaGuiada .guiada-barra{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#lecturaGuiada label{font:600 12px "IBM Plex Mono",monospace;color:#173A47}
html[data-studio-theme] #app.natal #lecturaGuiada select{
  flex:1;min-width:120px;max-width:100%;min-height:36px;padding:5px 8px;
  background:#fff!important;color:#173A47!important;border:1px solid #A6BAC4!important;
  border-radius:7px;font:500 13px "IBM Plex Mono",monospace;color-scheme:light!important;
}
#lecturaGuiada button{color:#173A47;background:#fff;border:1px solid #B9CBD4;border-radius:7px;
  min-height:36px;padding:5px 8px;font:500 12px "IBM Plex Mono",monospace;cursor:pointer}
#lecturaGuiada button:disabled{opacity:.45;cursor:default}
#lecturaGuiada :is(button,select):focus-visible{outline:3px solid #1675BE;outline-offset:2px}
#lecturaGuiada .guiada-cabecera{display:flex;align-items:center;gap:12px;margin-top:12px}
#lecturaGuiada .guiada-glifo{color:var(--planeta);font:36px "Segoe UI Symbol",Spectral,serif;line-height:1.2}
#lecturaGuiada strong{font:600 17px Spectral,serif;color:var(--planeta)}
#lecturaGuiada .guiada-cabecera p{margin:2px 0 0;font:12px "IBM Plex Mono",monospace;color:#526B77}
#lecturaGuiada .guiada-ayuda{margin:10px 0;font:14px/1.45 Spectral,serif;color:#526B77}
#lecturaGuiada .guiada-aspectos{list-style:none;margin:10px 0 0;padding:0}
#lecturaGuiada .guiada-aspectos li+li{margin-top:4px}
#lecturaGuiada .guiada-aspectos button{
  display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;
  width:100%;text-align:left;border:0;border-bottom:1px solid #E5EBEF;border-radius:0;
  padding:7px 0;font:14px Spectral,serif;color:#173A47;
}
#lecturaGuiada .guiada-aspectos button:hover{background:#F0F5F8}
#lecturaGuiada .guiada-aspecto-simbolo{color:var(--aspecto);font-size:19px}
#lecturaGuiada small{font:10px "IBM Plex Mono",monospace;color:#526B77;white-space:nowrap}
#lecturaGuiada .guiada-leyenda{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:10px;font:11px "IBM Plex Mono",monospace;color:#526B77}
#lecturaGuiada .guiada-leyenda span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:var(--elemento)}
html[data-studio-theme] #app.natal #controlesRueda{background:#FFFFFFF2;border-color:#B9CBD4}
html[data-studio-theme] #app.natal #controlesRueda button{color:#173A47;border-color:#B9CBD4}
@media(max-width:620px){
  #app.natal #lecturaGuiada:not([hidden]){padding:9px 12px;max-height:172px;min-height:72px}
  #lecturaGuiada .guiada-barra{gap:6px}
  #lecturaGuiada label{font-size:10px}
  #lecturaGuiada .guiada-cabecera{margin-top:8px}
  #lecturaGuiada .guiada-glifo{font-size:28px}
  #lecturaGuiada .guiada-leyenda{margin-top:7px;font-size:10px}
}
@media print{#lecturaGuiada{display:none!important}}