/* 
 * Estilos Globales - Desco Asociados
 * Este archivo contiene los estilos comunes para todo el ERP.
 */

:root {
    --brand-orange: #f97415;
    --brand-blue: #2a5b6c;
    --brand-slate-dark: #1e293b;
    --brand-slate-light: #f8fafc;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: var(--brand-blue);
    /* Fondo base solicitado */
}

/* Fondos y Degradados */
.bg-brand-blue {
    background-color: var(--brand-blue);
}

.bg-gradient-brand {
    background: linear-gradient(135deg, var(--brand-blue) 0%, #2c4250 100%);
}

.bg-gradient-soft {
    background: linear-gradient(180deg, #ffffff 0%, var(--brand-blue) 100%);
}

/* Animaciones personalizadas */
@keyframes spin-slow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.animate-spin-slow {
    animation: spin-slow 10s linear infinite;
}

/* Utilidades personalizadas */
.text-brand-orange {
    color: var(--brand-orange);
}

.bg-brand-orange {
    background-color: var(--brand-orange);
}

.border-brand-orange {
    border-color: var(--brand-orange);
}

/* Sidebar - Logo con fondo claro */
aside .p-4.border-b {
    background-color: #f1f5f9;
    /* Gris claro para que el logo resalte */
}

/* Sidebar - Evitar texto partido */
aside nav a {
    white-space: nowrap;
}

aside nav a span {
    white-space: nowrap;
}

/* Mejoras de accesibilidad y estados */
[x-cloak] {
    display: none !important;
}

input:focus {
    outline: none;
}

/* Estilos de tablas dentro del editor Quill */
.ql-editor table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 14px;
}
.ql-editor table th, .ql-editor table td {
    border: 1px solid #e2e8f0;
    padding: 12px;
    text-align: left;
}
.ql-editor table th {
    background-color: var(--brand-blue);
    color: #ffffff;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.1em;
    font-weight: 700;
}
.ql-editor table tr:nth-child(even) {
    background-color: var(--brand-slate-light);
}