/**
 * CECAMIT Portal — Estilos públicos base
 * Versión: 1.0.0
 *
 * Estos estilos se cargan en el frontend de WordPress
 * solo cuando se usan los shortcodes del plugin.
 */

:root {
    --cecamit-primary: #1a3a5c;
    --cecamit-accent: #2980b9;
    --cecamit-accent-light: #e8f4fd;
    --cecamit-success: #059669;
    --cecamit-danger: #ef4444;
    --cecamit-warning: #f59e0b;
    --cecamit-gray: #6b7280;
    --cecamit-gray-light: #f3f4f6;
    --cecamit-border: #e5e7eb;
    --cecamit-white: #ffffff;
    --cecamit-dark: #1a1a2e;
    --cecamit-radius: 10px;
    --cecamit-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

/* ── Contenedor general del portal ────────────────────────── */
.cecamit-portal-wrap {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
    color: var(--cecamit-dark);
}

/* ── Mensajes flash ───────────────────────────────────────── */
.cecamit-alert {
    padding: 12px 18px;
    border-radius: var(--cecamit-radius);
    margin-bottom: 16px;
    font-size: 14px;
    font-weight: 500;
}

.cecamit-alert-success {
    background: #d1fae5;
    color: var(--cecamit-success);
    border: 1px solid #a7f3d0;
}

.cecamit-alert-error {
    background: #fee2e2;
    color: var(--cecamit-danger);
    border: 1px solid #fca5a5;
}

.cecamit-alert-warning {
    background: #fef3c7;
    color: #92400e;
    border: 1px solid #fde68a;
}