@media (min-width: 768px) {
      .marquee {
        display: flex;
        animation: marquee 15s linear infinite;
      }
      @keyframes marquee {
        0% {
          transform: translateX(0%);
        }
        100% {
          transform: translateX(-50%);
        }
      }
    }
    .scroll-horizontal {
        animation: scrollX 40s linear infinite;
    }
    .slide {
        display: none;
    }
    .slide.active {
        display: block;
    }
    #slider {
      will-change: transform;
    }
    #text-dinamis {
      transition: opacity 0.5s ease-in-out;
      opacity: 1;
    }
    .text-miring {
      font-style: italic;
      font-size: 20px;
      font-weight: 600;
      background: linear-gradient(90deg, #00c6ff, #0072ff);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      text-shadow: 2px 2px 4px rgba(0,0,0,0.2);
      transition: transform 0.3s ease, text-shadow 0.3s ease;
      display: inline-block;
    }