* {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
     }

     .slider-container {
          position: relative;
          width: 100%;
          height: 100vh;
          overflow: hidden;
     }

     .slides {
          display: flex;
          width: 100%;
          height: 100%;
          transition: transform 0.5s ease-in-out;
     }

     .slide {
          min-width: 100%;
          height: 100%;
          position: relative;
          overflow: hidden; /* Garante que nada fique fora do contêiner */
     }

     .slide-image {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover; /* A imagem cobre todo o contêiner sem distorção */
          z-index: 1;
     }

     .slide-overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.8);
          z-index: 2;
     }

     .slide-content {
          position: absolute;
          top: 50%;
          left: 10%;
          transform: translateY(-50%);
          color: #093102;
          z-index: 3; /* Acima da imagem e do overlay */
          max-width: 800px;
          margin-top:90px;
     }

     .slide-title {
          font-size: 4rem;
          font-weight: bold;
          margin-bottom: 1rem;
          opacity: 0;
          transform: translateX(-50px);
          transition: all 0.8s ease 0.3s;
          color: #ffffff;
          text-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
     }

     .slide-subtitle {
          font-size: 2.0rem;
          margin-bottom: 1rem;
          line-height: 1.6;
          opacity: 0;
          transform: translateX(-50px);
          transition: all 0.8s ease 0.6s;
          color: #ffffff;
          text-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
     }

     .slide-button {
          display: inline-block;
          background: #093102;
          color: white;
          padding: 15px 30px;
          text-decoration: none;
          border-radius: 50px;
          font-weight: bold;
          text-transform: uppercase;
          letter-spacing: 1px;
          opacity: 0;
          transform: translateY(30px);
          transition: all 0.8s ease 0.9s;
          border: 2px solid #093102;
          cursor: pointer;
     }

     .slide-button:hover {
          background: transparent;
          color: #093102;
          transform: translateY(-2px);
          box-shadow: 0 5px 15px rgba(121, 162, 7, 0.3);
     }

     .slide.active .slide-title,
     .slide.active .slide-subtitle,
     .slide.active .slide-button {
          opacity: 1;
          transform: translateX(0) translateY(0);
     }

     /* Navegação */
     .slider-nav {
          position: absolute;
          bottom: 30px;
          left: 50%;
          transform: translateX(-50%);
          display: flex;
          gap: 10px;
          z-index: 10;
     }

     .nav-dot {
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background: rgba(255, 255, 255, 0.5);
          cursor: pointer;
          transition: all 0.3s ease;
     }

     .nav-dot.active {
          background: white;
          transform: scale(1.2);
     }

     .nav-arrow {
          position: absolute;
          top: 65%;
          transform: translateY(-50%);
          background: rgba(255, 255, 255, 0.2);
          color: white;
          border: none;
          width: 50px;
          height: 50px;
          border-radius: 50%;
          cursor: pointer;
          font-size: 1.5rem;
          z-index: 10;
          transition: all 0.3s ease;
     }

     .nav-arrow:hover {
          background: rgba(255, 255, 255, 0.4);
     }

     .prev {
          left: 30px;
     }

     .next {
          right: 30px;
     }

     /* Responsivo */
     @media (max-width: 768px) {
          .slide-content {
               left: 5%;
               right: 5%;
               padding: 0 10px;
               text-align: center;
          }

          .slide-title {
               font-size: 1.8rem;
          }

          .slide-subtitle {
               font-size: 1.4rem;
          }

          .slide-button {
               padding: 12px 25px;
               font-size: 0.9rem;
          }

          .nav-arrow {
               width: 40px;
               height: 40px;
               font-size: 1rem;
          }

          .prev {
               left: 15px;
          }

          .next {
               right: 15px;
          }
     }


.carrossel-track {
    display: flex;
    gap: 20px;
    transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: transform;
}

.carrossel-track-container {
    overflow: hidden;
    width: 100%;
    border-radius: 12px;
}