/* Astrolab — Pulido de la interfaz móvil (v1.1.311, 16/10/2026)
   Se carga después de astrolab.css. Solo actúa en ≤ 768 px, salvo la brújula.
   Objetivo: alineación y centrado de «app»: cabecera con hueco para el menú,
   rueda centrada sin que la columna de herramientas la pise, bloques de
   controles con el mismo ancho y márgenes, avisos que no tapan los controles. */

/* ── Brújula zodiacal (botón y rótulo) ─────────────────────────────────── */
/* Con la brújula activa la rueda es solo el cielo de ahora: los controles de tiempo,
   «Ir a fecha», lunaciones, Mensual y el modo Horóscopo quedan bloqueados. */
.astrolab-host #panel-home.al-brujula-on #timeControls,
.astrolab-host #panel-home.al-brujula-on #lunarPhases,
.astrolab-host #panel-home.al-brujula-on #alMonthForecast,
.astrolab-host:has(#panel-home.al-brujula-on) .manual-date-corner,
.astrolab-host:has(#panel-home.al-brujula-on) .horo-corner{pointer-events:none!important;opacity:.3!important;filter:grayscale(1)}
.astrolab-host .tools-col #alBrujulaBtn.is-active{color:#bc99ff;border-color:rgba(188,153,255,.6);background:rgba(188,153,255,.12)}
.astrolab-host .wheel-wrap{position:relative}
.astrolab-host .al-brujula-hud{display:block;width:auto;margin:10px 12px 0;text-align:center;padding:8px 11px;border:1.5px solid rgba(188,153,255,.55);border-radius:12px;background:rgba(10,8,14,.82);backdrop-filter:blur(6px);color:#fff;font-size:12px;line-height:1.3;pointer-events:none}
.astrolab-host .al-brujula-hud .al-br-main{display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:15px}
.astrolab-host .al-brujula-hud .al-br-deg{color:#bc99ff;font-variant-numeric:tabular-nums}
.astrolab-host .al-brujula-hud .al-br-sub{opacity:.78;margin-top:2px;font-variant-numeric:tabular-nums}
.astrolab-host .al-brujula-hud .al-br-near{margin-top:3px;color:#bc99ff}
.astrolab-host .al-brujula-hud .al-br-t{opacity:.85}
@media (prefers-reduced-motion:no-preference){
	.astrolab-host #alBrujulaLayer line,.astrolab-host #alBrujulaLayer polygon{transition:none}
}

/* ── Ajustes: una sola columna que crece y el panel hace scroll ─────────
   El .inner-panel base lleva flex-wrap:wrap y, con la altura del panel
   acotada, las secciones a partir de «Cuerpos opcionales» saltaban a
   columnas laterales recortadas (invisibles en todos los navegadores). */
.astrolab-host #panel-ajustes .inner-panel{flex-wrap:nowrap!important;flex:0 0 auto!important;overflow:visible!important;height:auto!important}

/* ── Panel de lectura (columna derecha de los módulos): cuerpo de texto como en los artículos del blog ── */
.astrolab-host .right-panel-content .al-est-b p,
.astrolab-host .right-panel-content .al-est-b li{font-size:20px!important;line-height:1.45!important;color:#ffffff!important}
.astrolab-host .right-panel-content .al-est-b p.al-est-mini,
.astrolab-host .right-panel-content .al-est-mini{font-size:17px!important;line-height:1.45!important;color:rgba(255,255,255,.78)!important}
.astrolab-host .right-panel-content .al-est-b h5{font-size:15px!important;line-height:1.3!important;letter-spacing:.08em}
.astrolab-host .right-panel-content .al-si-sect{font-size:13px!important;letter-spacing:.16em}
.astrolab-host .right-panel-content .al-est-b{padding:16px 18px!important}
.astrolab-host .right-panel-content .al-lun-decl__lbl{font-size:12px}
.astrolab-host .right-panel-content label{font-size:15px!important}

@media (max-width:768px){
	/* ── Cabecera: el menú del sitio (#al-burger, 56 px) ocupa la esquina derecha ── */
	.astrolab-host .header-app-mobile .hm-line-1,
	.astrolab-host .header-app-mobile .hm-line-2{padding-right:60px!important;box-sizing:border-box}
	.astrolab-host .header-app-mobile .hm-line-1 .manual-date-corner{display:flex;align-items:center;gap:8px;width:100%;padding:4px 0!important}
	.astrolab-host .header-app-mobile .hm-line-1 .manual-date-input{flex:1 1 auto;min-width:0;width:auto!important;text-align:center}
	.astrolab-host .header-app-mobile .hm-line-1 .manual-date-btn{flex:0 0 auto;margin:0!important}
	.astrolab-host .header-app-mobile .hm-line-2 .horo-corner{margin-left:auto!important;padding-right:0!important}
	/* «Ir a fecha» solo tiene sentido con la rueda del momento */
	.astrolab-host:not(:has(#panel-home.active)) .header-app-mobile .hm-line-1 .manual-date-corner{display:none!important}

	/* ── Rueda: centrada en la pantalla y sin solaparse con la columna de herramientas ── */
	.astrolab-host #panel-home .wheel-wrap{display:flex;justify-content:center;box-sizing:border-box}
	.astrolab-host #panel-home .al-brujula-hud{align-self:stretch;order:1}
	.astrolab-host #panel-home .wheel-wrap #zodiacWheel{width:100%!important;max-width:304px!important;height:auto!important;margin:0 auto!important}
	.astrolab-host #panel-home .tools-col{right:0!important;width:44px!important}
	.astrolab-host #panel-home .tools-col .tool-btn{width:40px!important;height:40px!important;margin:0 auto}

	/* ── Bloques bajo la rueda: mismo ancho y mismos márgenes (12 px) ── */
	.astrolab-host #panel-home .time-controls#timeControls,
	.astrolab-host #panel-home .lunar-phases#lunarPhases,
	.astrolab-host #panel-home #alMonthForecast,
	.astrolab-host #panel-home #alHomeOverlays{width:auto!important;max-width:none!important;margin-left:12px!important;margin-right:12px!important;box-sizing:border-box;align-self:stretch}
	.astrolab-host #panel-home #alHomeOverlays{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
	.astrolab-host #panel-home .time-controls .time-btns{display:grid!important;grid-template-columns:repeat(6,1fr)!important}
	.astrolab-host #panel-home .time-controls .time-btns .tbtn{width:auto!important;min-width:0!important;justify-content:center}
	.astrolab-host #panel-home .time-controls .tbtn-now{width:100%!important;text-align:center}
	/* espacio final para que el último bloque no quede bajo la barra inferior ni bajo el botón de emitir */
	.astrolab-host #panel-home{padding-bottom:84px!important}

	/* ── Aviso de aislamiento: tostada a todo el ancho sobre la barra inferior ── */
	.astrolab-host .isolation-footer{left:12px!important;right:12px!important;width:auto!important;max-width:none!important;transform:none!important;bottom:70px!important;flex-direction:column;align-items:flex-start;gap:2px!important;padding:8px 12px!important;border-radius:12px!important;font-size:.72rem!important;text-align:left}
	.astrolab-host .isolation-footer #isolationMsg{font-size:.78rem!important;white-space:normal;line-height:1.3}
	.astrolab-host .isolation-footer #isolationHint{font-size:.64rem!important;margin-top:2px}

	/* ── Botón «Emitir rueda» (solo admin): más pequeño y en la esquina inferior izquierda ── */
	#adsRuedaBtn{bottom:70px!important;left:12px!important;padding:5px 10px!important;font-size:.6rem!important;opacity:.9}

	/* ── Cartas guardadas: barra de herramientas en rejilla y paginación en una línea ── */
	.astrolab-host #panel-guardadas .saved-toolbar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;align-items:stretch}
	.astrolab-host #panel-guardadas .saved-toolbar>*{width:100%!important;margin:0!important;justify-content:center;box-sizing:border-box}
	.astrolab-host #panel-guardadas .saved-pager,
	.astrolab-host #panel-guardadas .pager,
	.astrolab-host #panel-guardadas [class*="pagin"]{display:flex!important;flex-wrap:nowrap!important;align-items:center;justify-content:space-between;gap:8px}

	/* ── Hoja «Más herramientas»: por encima de la barra inferior (61 px + zona segura),
	      con todo el contenido alcanzable hasta Cuenta › Ajustes ── */
	.astrolab-host .al-more-sheet .al-more-panel,
	.al-more-sheet .al-more-panel{bottom:calc(61px + env(safe-area-inset-bottom,0px))!important;max-height:calc(100dvh - 61px - env(safe-area-inset-bottom,0px) - 16px)!important;padding-bottom:0!important}
	.astrolab-host .al-more-sheet .al-more-body,
	.al-more-sheet .al-more-body{padding-bottom:1.4rem!important;-webkit-overflow-scrolling:touch}

	/* ── Barra inferior: iconos y etiquetas centrados ── */
	.astrolab-host .al-bottom-bar .al-bb-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
	.astrolab-host .al-bottom-bar .al-bb-item span{line-height:1}
}