@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

body { 
    background-color: #fdfdfb; 
    color: #1a1a1a; 
}

/* Texto vertical de la barra lateral */
.vertical-text { 
    writing-mode: vertical-lr; 
    transform: rotate(180deg); 
}

/* Efecto de lupa para Proyectos */
.zoom-overlay {
    background: rgba(90, 107, 81, 0.8);
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.4s ease;
}

.group:hover .zoom-overlay {
    opacity: 1;
    transform: scale(1);
}