/* assets/css/styles.css */

html {
    scroll-behavior: smooth;
}

body {
    background-color: #F5F1ED;
    /* brand-bg */
    color: #4A4441;
    /* brand-text */
}

.lang-btn.active {
    background-color: #4A4441;
    color: white;
}

/* Estilos para Sidenav Responsive */
#sidenav {
    transition: transform 0.3s ease-in-out;
}

.sidenav-open {
    transform: translateX(0) !important;
}

/* Animación para el modal */
#project-modal.open {
    display: flex;
}

#modal-content {
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

#project-modal:not(.open) #modal-content {
    transform: scale(0.95);
    opacity: 0;
}

/* Botón con degradado */
.btn-gradient {
    background-image: linear-gradient(to right, #E3B09B, #D19C84);
    /* brand-accent to brand-accent-dark */
    transition: all 0.3s ease;
}

.btn-gradient:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
}