html {
    scroll-behavior: smooth; /* scorrimento dolce */
  }
    #backToTop {
    display: none;
    position: fixed;
    bottom: 25px;
    right: 25px;
    background: #6D0D1B; 
    color: white;
    padding: 15px 18px;
    border-radius: 50%;
    text-decoration: none;
    font-size: 28px; /* freccia più grande */
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
    z-index: 1000 !important;
  }

  /* Effetto hover */
  #backToTop:hover {
    background: #6D0D1B; /* rosso più scuro */
    transform: scale(1.1);
    box-shadow: 0 6px 14px rgba(0,0,0,0.4);
  }

@media (max-width: 768px) {
    #backToTop{
        border-radius: 0;
    }
    #backToTop {
        background: none;       /* ← niente sfondo */
        color: #800000;         /* ← colore della freccia */
        border: none;           /* ← nessun bordo */
        padding: 0;             /* ← elimina spazio interno */
        font-size: 36px;  
    }
    #backToTop:hover{
        background: none;
    }
}