@import url('project-layout.css');

:root {
    --theme-primary: #0076d6;
    --theme-secondary: #004a8f;
    --theme-gradient: linear-gradient(to right, var(--theme-primary), var(--theme-secondary));
    --theme-shadow: rgba(0, 118, 214, 0.2);
    --theme-accent-10: rgba(0, 118, 214, 0.1);
    --theme-accent-20: rgba(0, 118, 214, 0.2);
    --theme-accent-50: rgba(0, 118, 214, 0.5);
    --theme-accent-90: rgba(0, 118, 214, 0.9);
}

@media (max-width: 650px) {
    .nav-proyectos {
        flex-direction: column;
        gap: 1rem;
    }

    .btn-nav-proyecto {
        width: 100%;
        font-size: 0.95rem;
        padding: 0.8rem 1.5rem;
    }
}