/* =========================================================================
   OPTIPIXEL THEME — ÁREA DE CLIENTES
   =========================================================================
   Personaliza lo que ven tus clientes al iniciar sesión.
   Misma lógica que admin.css: edita las variables y listo.
   ========================================================================= */

/* ---- 1. TIPOGRAFÍA ------------------------------------------------------ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/* ---- 2. PALETA (EDITA AQUÍ — úsala igual que en admin.css) -------------- */
:root {
    --op-primary:        #4f46e5;
    --op-primary-hover:  #4338ca;
    --op-secondary:      #0ea5e9;
    --op-light-bg:       #f8fafc;
    --op-font:           'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* ---- 3. TIPOGRAFÍA GLOBAL ----------------------------------------------- */
body,
.btn,
.nav,
input, select, textarea, button {
    font-family: var(--op-font) !important;
}

/* ---- 4. FONDO ----------------------------------------------------------- */
body {
    background-color: var(--op-light-bg) !important;
}

/* ---- 5. BOTONES --------------------------------------------------------- */
.btn-primary {
    background-color: var(--op-primary) !important;
    border-color: var(--op-primary) !important;
}
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--op-primary-hover) !important;
    border-color: var(--op-primary-hover) !important;
}

/* ---- 6. ENLACES --------------------------------------------------------- */
a {
    color: var(--op-primary);
}
a:hover {
    color: var(--op-primary-hover);
}

/* ---- 7. BARRA DE NAVEGACIÓN SUPERIOR ------------------------------------ */
.navbar-default {
    border: none;
}

/* ---- 8. ESTILO MODERNO: bordes redondeados ------------------------------ */
.panel,
.btn,
.form-control,
.well {
    border-radius: 8px !important;
}

/* =========================================================================
   FIN — agrega abajo tus reglas adicionales para el área de clientes
   ========================================================================= */