/* Estilos base compartidos. Los colores de cada escuela se inyectan
   desde escuela.js (aplicarTema) sobre estas variables. Para cambios
   visuales propios de una escuela usa escuelas/<slug>/escuela.css */
:root {
  --primario: #1a1147;
  --primario-2: #3a1f8f;
  --acento: #d4a017;
  --texto-acento: #1a1147;
  --primario-suave: color-mix(in srgb, var(--primario) 12%, white);
  --primario-hover: color-mix(in srgb, var(--primario) 85%, white);
  --acento-hover: color-mix(in srgb, var(--acento) 85%, white);
  --texto-sobre-primario: color-mix(in srgb, white 80%, var(--primario));
  --fondo: #eef0f4;
  --fondo-suave: #f4f3ef;
  --texto: #2c2c2a;
  --texto-2: #6b6a66;
  --texto-3: #9a988f;
  --borde: #dcdad2;
  --rojo: #a4291d;
  --verde: #0f6e56;
}
* { box-sizing: border-box; }
body { font-family: -apple-system, "Segoe UI", Arial, sans-serif; margin: 0; color: var(--texto); }
.oculto { display: none !important; }
.verde { color: var(--verde); }
.rojo { color: var(--rojo); }

.msg { padding: 12px 14px; border-radius: 10px; font-size: 14px; margin-top: 16px; }
.msg.error { background: #fcebeb; color: var(--rojo); }
.msg.info { background: #e6f1fb; color: #0c447c; }
.msg.success { background: #eaf3de; color: #2f5f16; }

.footer-creado { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 22px; padding: 6px; font-size: 12px; color: var(--texto-3); }
.footer-creado img { height: 26px; border-radius: 4px; opacity: 0.9; }

.ayuda { font-size: 12px; color: var(--texto-2); margin: 6px 0 0; }