body {
            overflow-x: hidden;
            background: #f3f7fc;
        }/* OVERLAY MENU */
    #overlayMenu {
        position: fixed;
        top: 0;
        left: 0;
        width: 40%;
        height: 100%;
        background: rgba(40, 80, 140, 0.95);
        display: none;
        flex-direction: column;
        padding-top: 90px;
        z-index: 2000;
    }

    #overlayMenu.active {
        display: flex;
    }

    .overlay-link {
        color: #eaf2ff;
        text-decoration: none;
        font-size: 1.3rem;
        padding: 15px 30px;
    }

    .overlay-link:hover {
        background: rgba(255,255,255,0.1);
    }

    #closeOverlay {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 2rem;
        background: none;
        border: none;
        color: #eaf2ff;
    }

   @media (max-width: 576px) {
    #overlayMenu {
        position: fixed;
        top: 0;
        left: 0;
        width: 55%;
        height: 100%;
        background: rgba(40, 80, 140, 0.95);
        display: none;
        flex-direction: column;
        padding-top: 90px;
        z-index: 2000;
    }
    .overlay-link {
        color: #eaf2ff;
        text-decoration: none;
        font-size: 0.9rem;
        padding: 15px 30px;
    }
   }
    .audiowide-regular {
	font-family: "Audiowide", sans-serif;
        font-weight: 400;
        font-style: normal;
    }
    /* CALENDARIO */
    #calendar {
        max-width: 600px;
        margin: 0 auto;
    }

    #calendar-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    #calendar-header h2 {
        margin: 0;
    }

    .calendar-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 5px;
    }

    .calendar-weekdays {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 5px;
        margin-bottom: 5px;
    }

    .weekday {
        text-align: center;
        font-weight: bold;
        color: #2f4a78;
    }

    .calendar-day {
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 5px;
        text-align: center;
        min-height: 80px;
        cursor: pointer;
        transition: transform 0.2s;
        color: inherit;
        text-decoration: none;
    }

    .calendar-day:hover {
        transform: scale(1.05);
    }

    .calendar-day .day-number {
        font-size: 1.2rem;
        font-weight: bold;
    }

    .calendar-day .max-listeners {
        font-size: 0.7rem;
        color: #0d6dfd;
    }

    .calendar-day .time {
        font-size: 0.6rem;
        color: #777;
    }
    /* INSTAGRAM */
    .calendar-day .followers {
        font-size: 0.7rem;
        color: #555;
    }

    .calendar-day .differenza {
        font-size: 0.6rem;
        color: #777;
    }


    /* GRAFICO */
    #graficoContainer {
        width: 100%;
        height: 75vh;
        padding: 0px;
        box-sizing: border-box;
    }

    #graficoAscolti {
        width: 100% !important;
        height: 100% !important;
    }
    .audiowide-regular {
	font-family: "Audiowide", sans-serif;
        font-weight: 400;
        font-style: normal;
    }