/* adie-brand.css — refuerzo de identidad sobre el export de Stitch
   ADIE Sistemas Empresariales · Manual v1.0 (2026) */

:root {
  --adie-azul-profundo: #0B132B;
  --adie-azul:          #1D4ED8;
  --adie-azul-hover:    #1E40AF;
  --adie-azul-claro:    #38BDF8;
  --adie-gris-acero:    #64748B;
  --adie-gris-claro:    #F1F5F9;
  --adie-borde:         #E2E8F0;
}

/* Fuentes corporativas (cap. 19 del manual) */
body, p, h1, h2, h3, h4, button, a { font-family: 'Montserrat', Arial, Helvetica, sans-serif; }
table, input, select, textarea, .font-data-ui, .text-data-ui { font-family: 'Inter', Arial, sans-serif; }

/* Interlineado mínimo 120% */
p { line-height: 1.6; }

/* Área de protección del logo: X = grosor del trazo del isotipo A */
nav img[alt*="Logo"], footer img[alt*="Logo"] { padding: 8px 12px; }

/* Sombras del manual (cap. 9) — sutiles, nunca dramáticas */
.shadow-md, .shadow-lg { box-shadow: 0 8px 24px rgba(11, 19, 43, 0.08) !important; }

/* Foco visible — accesibilidad WCAG AA (cap. 21) */
a:focus-visible, button:focus-visible, input:focus-visible {
  outline: 2px solid var(--adie-azul);
  outline-offset: 2px;
}

/* Área táctil mínima de 44px en móvil */
@media (max-width: 768px) {
  nav a, nav button, footer a { min-height: 44px; display: inline-flex; align-items: center; }
}

/* Hover de tarjetas: máximo 4px, 150-250ms (cap. 11) */
.hover\:-translate-y-1:hover { transform: translateY(-4px); transition: all 200ms ease; }