/* B07 App visual (2026-09-29). Presentación solamente: no hay selectores de cálculo ni cambios de lógica TrafoΩ/DGA.
   BRAND_LOGO_RULE: logo transparente sin placa. No añadir background/padding/borde de placa. Guard: 08_QA/brand_logo_guard.py
   Rollback: retirar el <link> a este archivo en app/index.html y app/dga/index.html. */

/* 1. Barra de herramientas SESPIN: nombres claros y todas las rutas visibles en móvil (antes quedaban fuera de pantalla). */
.sespin-app-nav .sespin-app-nav__brand { text-decoration: none; }
.sespin-app-nav .sespin-app-nav__current { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 2px; background: #d9b765; color: #082536 !important; line-height: 1.2; }
.sespin-app-nav a { display: inline-flex; align-items: center; min-height: 32px; }
@media (max-width: 700px) {
  body .sespin-app-nav .sespin-app-nav__inner { display: flex !important; flex-wrap: wrap !important; overflow: visible !important; white-space: normal !important; justify-content: flex-start !important; gap: 2px 16px !important; padding: 8px 16px 10px !important; min-height: 0 !important; width: 100% !important; }
  body .sespin-app-nav .sespin-app-nav__brand { flex: 1 0 100% !important; width: 100% !important; margin: 0 0 4px !important; }
  body .sespin-app-nav .sespin-app-nav__other { display: inline-flex !important; }
  body .sespin-app-nav :is(a, .sespin-app-nav__current) { font-size: .78rem !important; min-height: 44px; }
}

/* 2. BRAND_LOGO_RULE en TrafoΩ: logo sin placa blanca (el PNG ya es transparente). */
body.visual-trafo :is(.brand-logo-frame, .brand-lockup), body.visual-trafo .hero-card .brand-lockup { background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; border-radius: 0 !important; }

/* 3. Pie TrafoΩ: marca legible y márgenes internos (antes texto azul oscuro sobre fondo oscuro y contenido pegado al borde). */
body.visual-trafo .site-footer { width: min(calc(100% - 32px), 1270px) !important; }
body.visual-trafo .site-footer-inner { padding: 0 20px !important; }
body.visual-trafo .site-footer strong { color: #ffffff !important; }

/* 4. Contraste AA de la etiqueta del historial (antes #b58d36 sobre blanco, 3.07:1 → 5.48:1). */
body.visual-trafo .home-panel .eyebrow { color: #856419 !important; }

/* 5. Foco visible y movimiento reducido para la barra añadida. */
.sespin-app-nav :is(a, button):focus-visible { outline: 3px solid #d9b765 !important; outline-offset: 3px !important; }
@media (prefers-reduced-motion: reduce) { .sespin-app-nav * { transition: none !important; } }

/* B10-L4: the DGA auth shell fills only the space after the tool nav.
   Flex allows the form to grow naturally when a short viewport needs scrolling. */
body:has(> main.auth-shell) { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; }
body:has(> main.auth-shell) > main.auth-shell { box-sizing: border-box; min-height: 0; flex: 1 0 auto; }

/* PREB12 B07-L1: contraste del logo transparente sobre fondos oscuros de TrafoΩ.
   BRAND_LOGO_RULE intacta: sin fondo, borde, caja ni sombra de caja; solo un contorno luminoso que sigue el trazo del PNG. */
body.visual-trafo :is(.brand-logo-frame, .brand-lockup) img { filter: none !important; } /* BRAND_LOGO_RULE: original colors, no filter, no plate. */