/* Container del logo */
/* .logo-area {
  display: flex;
  align-items: center;
  gap: 0.6rem;
} */

/* Testo RefertoFutura */
/* .logo-text {
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--accent);
} */

.logo-text {
  font-weight: 700;
  font-size: 1.2rem;
  color: var(--accent);
}
/* Container del logo */
.logo-area {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 15px;
}

/* Logo con fade-in + pulse */
.logo-img {
    height: 60px;
    width: auto;
    transform-origin: center;
    opacity: 0;
    transform: scale(0.95);
    animation: logo-appear 0.6s forwards, logo-pulse 3s ease-in-out 0.6s infinite;
}

/* Fade-in all'ingresso */
@keyframes logo-appear {
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Pulse leggero continuo */
@keyframes logo-pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}


/* Responsive tablet */
@media (max-width: 1024px) {
    .logo-img {
        height: 60px;
    }
    .logo-text {
        font-size: 1.5rem;
    }
}

/* Responsive smartphone */
@media (max-width: 480px) {
    .logo-img {
        height: 40px;
    }
    .logo-text {
        font-size: 1.2rem;
    }
}