@import "../../../client/css/espo/espo.css";


:root {
    /* Identidad Corporativa AFINECO (Color principal solicitado) */
    --theme-primary: #3886a6;
    --theme-primary-hover: #2c6b85;
    --theme-primary-active: #215164;
    --link-color: #3886a6;
    --btn-primary-bg: #3886a6;
    --btn-primary-border: #3886a6;

    /* Estructura Limpia y Profesional */
    --theme-bg: #f8fafc;            /* Fondo gris claro muy limpio */
    --panel-bg: #ffffff;           /* Fondo blanco puro para las fichas de clientes */
    --border-color: #e2e8f0;       /* Líneas divisorias sutiles */
    --panel-border-color: #cbd5e1; /* Bordes de paneles definidos */

    /* BARRA SUPERIOR INTEGRADA (Mismo fondo que el panel) */
    --navbar-bg: #f8fafc;          /* Fondo idéntico al panel principal para fundirse */
    --navbar-link-color: #475569;  /* Texto e iconos en gris oscuro profesional */
    --navbar-link-hover-bg: #f1f5f9; /* Fondo tenue al pasar el cursor */

    /* Tipografía de Datos */
    --theme-text-color: #0f172a;   /* Texto principal casi negro para máxima lectura */
    --text-muted: #64748b;         /* Gris para etiquetas secundarias */

    /* Alertas y Estados del CRM */
    --theme-success: #10b981;      /* Verde para oportunidades ganadas o tareas completas */
    --theme-danger: #ef4444;       /* Rojo para alertas o impagos */
    --theme-warning: #f59e0b;      /* Ámbar para revisiones pendientes */
}

/* ==========================================================================
   1. INTEGRACIÓN DE BARRA SUPERIOR
   ========================================================================== */
#nav {
    box-shadow: none !important;
    border-bottom: 1px solid var(--border-color) !important;
}

#nav .navbar-brand, #nav .nav-link, #nav .navbar-icon {
    color: var(--navbar-link-color) !important;
}

#nav .nav-item.active .nav-link {
    color: var(--theme-primary) !important;
    font-weight: 600;
}

/* ==========================================================================
   2. BOTONES INTERNOS DEL CRM
   ========================================================================== */
/* Fuerza el color primario en botones de acción principales (Guardar, Crear, Siguiente) */
.btn-primary, 
.btn-primary.disabled, 
.btn-primary:disabled {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: #ffffff !important;
}

.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active {
    background-color: var(--theme-primary-hover) !important;
    border-color: var(--theme-primary-hover) !important;
}

/* Botones secundarios de tipo enlace/texto dentro de la interfaz */
.btn-link {
    color: var(--theme-primary) !important;
}

.btn-link:hover {
    color: var(--theme-primary-hover) !important;
}

/* ==========================================================================
   3. RUTA DE NAVEGACIÓN (BREADCRUMB)
   ========================================================================== */
/* Elementos clicables/enlaces activos en el histórico superior */
.breadcrumb a,
.breadcrumb-item a {
    color: var(--theme-primary) !important;
    text-decoration: none;
}

.breadcrumb a:hover,
.breadcrumb-item a:hover {
    color: var(--theme-primary-hover) !important;
    text-decoration: underline;
}

/* Separadores o texto de la página actual donde te encuentras (no clicable) */
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.active {
    color: var(--text-muted) !important;
}

/* ==========================================================================
   4. MARCA BLANCA (OCULTAR LOGOS DE TERCEROS)
   ========================================================================== */

footer .credit, 
footer .cred, 
#login footer,
.portal-footer,
footer a[href*="espocrm"] {
    display: none !important;
}

/* ==========================================================================
   5. LOGIN
   ========================================================================== */

#login {
}

/* En caso de que quede un espacio en blanco excesivo abajo por el footer oculto */
body #login {
    padding-bottom: 0 !important;
}

#login .panel {
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
}

#login .btn-primary {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
}

#login .btn-primary:hover {
    background-color: var(--theme-primary-hover) !important;
}


/*body[data-id="6a896b3b55f901384"] li:has(a[href="#About"]) {
    display: none !important;
}*/