/* Opción C, sólo pantallas de celular. Escritorio conserva su composición. */
#natalMovil,#movilVolver,.movil-titulo-lectura{display:none}
#movilMenu{color:#173A47;background:#fff;border:1px solid #CFD7D8;border-radius:16px;
  width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:16px;overflow:auto;
  box-shadow:0 18px 60px #173A4733;font:16px/1.5 system-ui,sans-serif}
#movilMenu::backdrop{background:#173A4755}
#movilMenu .movil-menu-cab{display:flex;align-items:center;justify-content:space-between;gap:12px}
#movilMenu h2{margin:0;font:600 24px Spectral,Georgia,serif;color:#173A47!important}
#movilMenu button,#movilMenu a,#movilMenu summary{min-height:44px;padding:10px 12px;border-radius:8px;font:500 15px/1.4 system-ui,sans-serif;color:#173A47}
#movilMenu>button,#movilMenu a,#movilMenu .movil-descargas button{display:block;width:100%;text-align:left;text-decoration:none}
#movilMenu button:hover,#movilMenu a:hover,#movilMenu summary:hover{background:#F4F1EA}
#movilMenu #movilCerrarMenu{font-size:24px;min-width:44px}
#movilMenu details{border-bottom:1px solid #E2E6E5;margin:8px 0;padding-bottom:8px}
#movilMenu summary{cursor:pointer}
#movilMenu #movilDatos{margin:8px 12px;color:#526B77;font-size:14px;overflow-wrap:anywhere}
#movilMenu .movil-nivel{display:grid;grid-template-columns:1fr 1fr;padding:3px;border:1px solid #D5D4CE;border-radius:10px;margin:8px 0}
#movilMenu .movil-nivel button[aria-pressed="true"]{background:#DAB86A;color:#173A47}
#movilMenu :focus-visible{outline:2px solid #1675BE;outline-offset:2px}
@media (max-width:760px), (max-width:960px) and (max-height:500px) and (pointer:coarse){
  html #app.natal.natal-movil{
    --studio-bg:#fff;--studio-panel:#fff;--studio-soft:#F4F5F2;--studio-text:#173A47;
    --studio-muted:#526B77;--studio-line:#D7DFDF;--studio-accent:#947025;--studio-b:#1675BE;
    --natal-ivory:#173A47;--natal-muted:#526B77;--natal-line:#D7DFDF;--natal-gold:#947025;
    --natal-line-soft:#E4E9E9;--pergamino:#173A47;--tenue:#526B77;--linea:#D7DFDF;
    --linea-suave:#E4E9E9;--laton:#947025;--laton-hondo:#947025;
    background:#fff;color:#173A47;height:100dvh;min-height:0;overflow:hidden;color-scheme:light;
    padding-top:env(safe-area-inset-top);
    padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);
  }
  html #app.natal.natal-movil>header,
  html #app.natal.natal-movil>#barraNatal,
  html #app.natal.natal-movil>footer,
  html #app.natal.natal-movil .pista{display:none!important}
  html #app.natal.natal-movil #natalMovil{display:block;flex:none;background:#fff;color:#173A47;z-index:6}
  #natalMovil .movil-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 12px}
  #natalMovil .movil-cabecera strong{display:block;font:600 19px/1.15 Spectral,Georgia,serif}
  #natalMovil .movil-cabecera span{display:block;font:12px/1.25 system-ui,sans-serif;color:#526B77}
  #natalMovil #movilAbrirMenu{min-width:44px;min-height:44px;font:700 24px/1 system-ui,sans-serif;border-radius:8px}
  #natalMovil .movil-vistas{display:grid;grid-template-columns:1fr 1fr;margin:0 12px 6px;padding:3px;border:1px solid #D5D4CE;border-radius:10px;background:#FAF9F5}
  #natalMovil .movil-vistas button{min-height:44px;padding:8px 12px;border-radius:7px;font:600 16px/1.3 system-ui,sans-serif;color:#173A47}
  #natalMovil .movil-vistas button[aria-pressed="true"]{background:#DAB86A;color:#173A47;box-shadow:0 1px 3px #94702526}
  #natalMovil button:focus-visible,#movilVolver:focus-visible{outline:2px solid #1675BE;outline-offset:-3px}
  html #app.natal.natal-movil #escena{flex:1;min-height:0;background:#fff}
  html #app.natal.natal-movil #escena::before{display:none}
  /* Sólo un panel ocupa el área principal; la rueda no reserva altura en Lectura. */
  html #app.natal.natal-movil[data-movil-vista="lectura"] #lienzo,
  html #app.natal.natal-movil[data-movil-vista="lectura"] #controlesRueda,
  html #app.natal.natal-movil[data-movil-vista="lectura"] #globo{display:none!important}
  html #app.natal.natal-movil[data-movil-vista="carta"] #cartaPanel{display:none!important}
  html #app.natal.natal-movil[data-movil-vista="lectura"] #cartaPanel.abierto{
    display:flex!important;position:absolute;inset:0;width:100%!important;height:100%!important;
    min-height:0;max-height:none;border:0!important;border-radius:0;padding:0;
    background:#fff!important;color:#173A47!important;box-shadow:none;backdrop-filter:none;
    overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;
  }
  html #app.natal.natal-movil #cartaPanel .modo-carta{display:none!important}
  html #app.natal.natal-movil #cartaPanel .pest-fila{
    display:flex!important;position:sticky;top:0;z-index:4;order:0;flex:none;
    background:#fff!important;border-bottom:1px solid #D7DFDF;
  }
  html #app.natal.natal-movil #cartaPanel .pest-carrusel{padding:0 4px;gap:0}
  html #app.natal.natal-movil #cartaPanel #pestCarta{gap:0}
  html #app.natal.natal-movil #cartaPanel #pestCarta button{
    min-height:46px;padding:10px 12px;border:0;border-bottom:3px solid transparent;border-radius:0;
    font:500 14px/1.4 system-ui,sans-serif;background:#fff!important;color:#526B77!important;
  }
  html #app.natal.natal-movil #cartaPanel #pestCarta button[aria-selected="true"]{
    background:#fff!important;color:#806023!important;border-bottom-color:#AD842D!important;font-weight:600;
  }
  html #app.natal.natal-movil #cartaPanel .pest-flecha{flex-basis:32px;min-width:32px;min-height:46px;border:0;background:#fff}
  html #app.natal.natal-movil #cartaPanel .pest-flecha:disabled{visibility:hidden}
  html #app.natal.natal-movil #cartaPanel .hoja:not([hidden]){
    display:block;order:1;flex:none;overflow-x:auto;min-height:0;min-width:0;padding:16px 16px 24px;
    font-size:16px;line-height:1.6;color:#173A47!important;overflow-wrap:anywhere;
  }
  html #app.natal.natal-movil #cartaPanel .hoja :is(input,select){font-size:16px;min-height:44px;color-scheme:light!important}
  html #app.natal.natal-movil #cartaPanel .hoja input[type="checkbox"]{min-height:22px;min-width:22px}
  html #app.natal.natal-movil #cartaPanel .hoja button{min-height:44px}
  html #app.natal.natal-movil #cartaPanel .hoja :is(p,.sent,.aviso){font-size:15px;line-height:1.65}
  html #app.natal.natal-movil #cartaPanel .hoja :is(h2,h3){line-height:1.3}
  html #app.natal.natal-movil #cartaPanel .hoja table{max-width:100%;font-size:14px}
  html #app.natal.natal-movil #cartaPanel .hoja :is(.filtros-lista label,.campo label){font-size:12px;letter-spacing:0}
  html #app.natal.natal-movil #cartaPanel .hoja .filtros-lista{margin:0 0 12px;gap:12px}
  html #app.natal.natal-movil .movil-titulo-lectura{display:block;margin:0 0 12px;font:600 25px/1.25 Spectral,Georgia,serif;color:#173A47!important}
  /* La exploración completa sigue disponible al final del contenido, sin otra fila fija. */
  html #app.natal.natal-movil #cartaPanel #lecturaGuiada:not([hidden]){order:2;flex:none;margin:0 16px 16px;border:1px solid #D7DFDF;border-radius:10px}
  html #app.natal.natal-movil #lecturaGuiada .guiada-contenido{max-height:none;overflow:visible}
  html #app.natal.natal-movil #lecturaGuiada .guiada-desplegable>summary{min-height:44px;font-size:16px}
  html #app.natal.natal-movil #cartaPanel ul.aspectos{gap:10px;color:#173A47!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li{
    border:1px solid #D7DFDF;border-radius:10px;padding:12px;
    grid-template-columns:24px 24px 24px 1fr;gap:6px;align-items:center;
  }
  html #app.natal.natal-movil #cartaPanel ul.aspectos .cg{font-size:23px}
  html #app.natal.natal-movil #cartaPanel ul.aspectos .nom{grid-column:1/-1;grid-row:2;font:500 15px/1.5 system-ui,sans-serif;letter-spacing:0;color:#173A47!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos .orbe{grid-column:4;grid-row:1;justify-self:end;font-size:12px}
  html #app.natal.natal-movil #cartaPanel ul.aspectos .orbe::before{content:"Orbe ";font:12px system-ui,sans-serif}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="sol"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="sol"]>.cg:nth-child(3){color:#B77700!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="luna"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="luna"]>.cg:nth-child(3){color:#425E8E!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="mercurio"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="mercurio"]>.cg:nth-child(3){color:#7B3FB3!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="venus"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="venus"]>.cg:nth-child(3){color:#008357!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="marte"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="marte"]>.cg:nth-child(3){color:#CF3D33!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="jupiter"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="jupiter"]>.cg:nth-child(3){color:#BF5B0B!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="saturno"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="saturno"]>.cg:nth-child(3){color:#756344!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="urano"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="urano"]>.cg:nth-child(3){color:#007F91!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="neptuno"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="neptuno"]>.cg:nth-child(3){color:#304CCA!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="pluton"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="pluton"]>.cg:nth-child(3){color:#A53480!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="nodoN"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="nodoN"]>.cg:nth-child(3){color:#615599!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="nodoS"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="nodoS"]>.cg:nth-child(3){color:#826891!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="lilith"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="lilith"]>.cg:nth-child(3){color:#934B65!important}
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-a="fortuna"]>.cg:first-child,
  html #app.natal.natal-movil #cartaPanel ul.aspectos li[data-b="fortuna"]>.cg:nth-child(3){color:#57752A!important}
  html #app.natal.natal-movil .a-rojo{color:#B4472A!important}
  html #app.natal.natal-movil .a-azul{color:#2F5F9E!important}
  html #app.natal.natal-movil .a-oro{color:#8A6A22!important}
  html #app.natal.natal-movil .a-lila{color:#6B57A8!important}
  html #app.natal.natal-movil .a-verde{color:#21754b!important}
  html #app.natal.natal-movil .a-violeta{color:#8851b8!important}
  html #app.natal.natal-movil #controlesRueda{
    left:50%;bottom:max(12px,env(safe-area-inset-bottom))!important;transform:translateX(-50%);
    border-radius:12px;padding:4px;gap:4px;max-width:calc(100% - 16px);background:#fff!important;
  }
  html #app.natal.natal-movil #controlesRueda button{min-width:44px;min-height:44px;color:#173A47;font-size:13px}
  html #app.natal.natal-movil #ruedaAspectos{display:block;max-width:125px}
  html #app.natal.natal-movil #movilVolver:not([hidden]){
    display:block;flex:none;align-self:stretch;min-height:46px;margin:6px 12px max(8px,env(safe-area-inset-bottom));
    border:1px solid #A6BAC4;border-radius:9px;background:#fff;color:#173A47;font:500 15px/1.4 system-ui,sans-serif;padding:10px;
  }
  html #app.natal.natal-movil #velo{z-index:20;padding:8px}
  html #app.natal.natal-movil #natalForm :is(input,select){font-size:16px;color-scheme:light!important}
}
@media print{#natalMovil,#movilVolver,#movilMenu{display:none!important}}