/* Container do carrossel */
    .carrousel-wrapper {
        width: 100%;
     
        position: relative;
        overflow: hidden;
      }
  
      .carrousel {
        display: flex;
        transition: transform 0.3s ease;
      }
  
      /* Card */
      .custom-card {
        background-color: white;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        margin: 10px;
        height: 200px;
        width: 150px;
        flex-shrink: 0;
        transition: transform 0.3s ease-in-out;
      }
  
      .custom-card-img {
        width: 100%;
        height: 85%; /* Mantém a imagem no tamanho original */
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
      }
  
      .custom-card-title {
        font-size: 1.3em;
        margin-bottom: 10px;
      }
  
      .custom-card-description {
        font-size: 1em;
        color: #555;
      }
  
      .custom-card-btn {
        background-color: #3498db;
        color: white;
        padding: 10px 20px;
        border: none;
        width: 100%;
        cursor: pointer;
        font-size: 1em;
        transition: background-color 0.3s ease;
      }
  
      .custom-card-btn:hover {
        background-color: #2980b9;
      }
  
      /* Botões de navegação */
      .carrousel-prev,
      .carrousel-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        font-size: 2rem;
        border: none;
        padding: 10px;
        cursor: pointer;
        z-index: 1;
        border-radius: 5px;
      }
  
      .carrousel-prev {
        left: 10px;
      }
  
      .carrousel-next {
        right: 10px;
      }
  
      /* Responsividade */
      @media (max-width: 768px) {
        .custom-card {
          width: 200px;
        }
      }
  
      @media (max-width: 480px) {
        .custom-card {
          width: 150px;
        }
      }