/* Sfondo della navbar trasparente o bianco pulito */
.custom-nav-1 {
    background-color: #ffffff;
    padding: 15px 0;
    box-shadow: 0 2px 15px rgba(12, 128, 143, 0.05); /* Ombra leggerissima sotto */
}
.custom-nav-1 .logo-brand {
    color: #85538A;
    font-size: 24px;
}
.custom-nav-1 .nav-link {
    color: #85538A !important;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 17px;
    font-weight: 600;
    margin: 0 15px;
    position: relative; /* l'animazione della linea */
    padding: 5px 0 !important;
}
.custom-nav-1 .nav-effect::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #85538A;
    transform-origin: bottom center;
    transition: transform 0.3s ease-out;
}
.custom-nav-1 .nav-effect.active::after {
    transform: scaleX(1); /* La linea si allunga */
}
.custom-nav-1 .nav-link:hover {
    color: #85538A !important;
}

:root {
            --primary-color: #2c3e50;
            --accent-color: #3498db;
            --text-dark: #333;
            --bg-gray: #ecf0f1;
        }
body {
            font-family: 'Open Sans', sans-serif;
            background-color: var(--bg-gray);
            color: var(--text-dark);
            line-height: 1.6;
            width: 100%;
        }
        .skill-tag {
            display: inline-block;
            background: var(--accent-color);
            color: white;
            padding: 4px 10px;
            border-radius: 15px;
            font-size: 0.8rem;
            margin: 0 5px 8px 0;
        }
        .div-content {
            padding: 35px;
        }
        .header-title h1 {
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-size: 40px;
            color: var(--primary-color);
            line-height: 1.1;
        }
        .header-title h3 {
            color: var(--accent-color);
            margin-bottom: 30px;
            font-weight: 400;
        }
        section { margin-bottom: 35px; }
        h2.section-title {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.4rem;
            color: var(--primary-color);
            border-left: 5px solid var(--accent-color);
            padding-left: 15px;
            margin-bottom: 20px;
        }

        .job-item { margin-bottom: 20px; }
        .job-title { font-weight: 700; color: #000; }
        .job-date { font-size: 0.85rem; color: #7f8c8d; margin-bottom: 5px; }

     a { 
font-weight: bold; /* Lo rende un po' più visibile */
}





