/* 
   COPEX AI - Global Stylesheet
   Centralización de Identidad Visual y Colores de Marca
*/

:root {
    --copex-blue: #0066CC;
    --copex-blue-hover: #005bbd;
    --copex-blue-accent: #4DA6FF;
    --copex-gray-header: #E5E7EB;
    --copex-gray-footer: #E5E7EB;
    --copex-light-bg: #F5F7FA;
    --copex-dark-text: #111827;
}

/* Tipografía Base */
body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #FFFFFF 0%, var(--copex-light-bg) 100%);
    color: var(--copex-dark-text);
    letter-spacing: 0.2px;
    -webkit-font-smoothing: antialiased;
}

/* Header Corporativo */
.header-main {
    background-color: var(--copex-gray-header) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* Footer Corporativo */
.footer-main {
    background-color: var(--copex-gray-footer) !important;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/* Menú Móvil */
.mobile-menu-corporate {
    background-color: var(--copex-gray-header) !important;
}

/* Colores de marca reutilizables */
.text-copex-blue { color: var(--copex-blue); }
.bg-copex-blue { background-color: var(--copex-blue); }
.border-copex-blue { border-color: var(--copex-blue); }

/* Material Symbols Adjustments */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

/* Animaciones suaves */
.transition-corporate {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}