.scroll-down {
  position: absolute;
  top: 125px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  color: white;
  animation: bounce 2s infinite;
}

.scroll-down a {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s;
}

.scroll-down a:hover {
  color: #0d6efd; /* cor do Bootstrap Primary */
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  40% {
    transform: translateX(-50%) translateY(-10px);
  }
  60% {
    transform: translateX(-50%) translateY(-5px);
  }
}

        .container-card {
            margin-top:20px;
            padding: 30px 5vw;
            border-radius: 20px;
            text-align: center;
            color: white;
            width: 100%;
            max-width: 850px;
            background-color: #233797;
            background: linear-gradient(180deg, #6aa9ff 0%, #3f66e0 100%);
            box-sizing: border-box;
        }
        
        .container-card {
            min-height: 758px; /* Ajuste conforme necessário */
            overflow: hidden;
        }
        
        #validity-section, #a3-options {
            transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
            max-height: 330px; /* Defina um tamanho adequado */
            
        }
        
        .hidden {
            opacity: 0;
            max-height: 0;
            visibility: hidden;
        }
        
        .show {
            opacity: 1;
            max-height: 300px; /* Mesmo valor definido acima */
            visibility: visible;
        }

        .option {
            background: white;
            color: #1976D2;
            padding: 10px;
            border-radius: 5px;
            cursor: pointer;
            margin-bottom: 10px;
            transition: 0.3s;
            font-weight: 500;
            border: 1px solid #3f66e0;
        }
        .option:hover, .option.selected {
            background: #3f66e0;
            border:1px solid #000;
            color: white;
        }
        .price {
            font-size: 24px;
            font-weight: bold;
            color: #fff;
        }
        .buy-button {
            background: #6aa9ff;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            cursor: pointer;
            font-size: 18px;
            width: 100%;
            transition: 0.3s;
        }
        .buy-button:hover {
            background: #3f66e0;
        }
        .hidden {
            display: none;
        }
        .row .option{
            margin: 5px; /* Adjust as needed */
            flex: 1; /* Ensures equal width distribution */
        }
        
        .img-size{
            height: 65px;
        }
        
        .logo-section {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 25px;
        }
        
        
        
        .logo-container {
            width: 200px;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: white;
            border-radius: 8px;
            transition: all 0.3s ease-in-out;
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
        }
        
        .logo-container:hover{
            transform: scale(1.1);
        }
        
        .size-card {
            max-width: 80%;
            max-height: 80%;
            object-fit: contain;
        }
        
        .google-button{
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); 
            padding: 10px; 
            border-radius: 10px; 
            width: 300px;
            transition: all 0.3s ease-in-out;
        }
        
        .google-button:hover{
             transform: scale(1.1);
        }
        
        .mbr-text {
            font-size: 14px;
            margin: 0;
        }
        
        .container-flex {
            display: flex;
            align-items: center;
            gap: 100px;
            background-color: #fff;
            justify-content: center;
            color: white; /* Cor do texto para contraste */
            flex-wrap: wrap;
        }
        
        /* Container do Carrossel */
        #meuCarrossel {
            width: 100%;
            height: 500px; /* Defina a altura desejada (ex: 400px, 500px, etc.) */
            overflow: hidden; /* Garante que nada ultrapasse os limites */
        }
        
        /* Itens do Carrossel (obrigatório para altura fixa) */
        .carousel-inner, .carousel-item {
            width: 100%;
            height: 100%; /* Ocupa 100% da altura do #meuCarrossel */
        }
        
        /* Imagens dentro do Carrossel */
        .carousel-item img {
            width: 100%;
            height: 100%;
            object-fit: cover; /* Preenche todo o espaço sem distorcer (corta excessos) */
            object-position: center; /* Centraliza o foco da imagem */
        }
        
        .img-carousel {
            height: 150px !important;
            object-fit: none !important;
          }
        .dRBtfS{
            display:none;
        }
        
        .carousel-indicators{
            bottom:-15px;
        }
        
        .carousel-control-prev-icon,
        .carousel-control-next-icon {
            filter: invert(1); /* branco vira preto, por exemplo */
          }
          
        .carousel-indicators [data-bs-target] {
          background-color: #999; /* cor das bolinhas inativas */
        }

        @media (max-width: 991px) {
            .container-card {
                padding: 20px 2vw;
                min-height: unset;
            }
            .container-flex {
                flex-direction: column;
                gap: 30px;
            }
            .logo-section {
                flex-wrap: wrap;
                gap: 10px;
            }
            .logo-container {
                width: 120px;
                height: 60px;
                margin-bottom: 10px;
            }
            #meuCarrossel {
                height: 220px;
            }
            .carousel-item img {
                height: 220px;
            }
        }
        @media (max-width: 575px) {
            .container-card {
                padding: 10px 2vw;
                border-radius: 10px;
            }
            .img-size {
                height: 40px;
            }
            .size-card {
                max-width: 100%;
                max-height: 50px;
            }
            .logo-section {
                flex-direction: column;
                align-items: flex-start;
                margin: 0 5px;
            }
            .logo-container {
                width: 100px;
                height: 40px;
            }
            #meuCarrossel {
                height: 120px;
            }
            .carousel-item img {
                height: 120px;
            }
            .product-info .row {
                flex-direction: column;
            }
            .product-info .col {
                width: 100%;
                margin-bottom: 10px;
            }
            #local-carousel {
                padding: 0;
            }
            #carouselReviews {
                height: 120px;
            }
            #carouselReviews .carousel-item img {
                height: 120px;
                object-fit: cover;
            }
        }

        .logo-section .card {
            border-radius: 16px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.08);
            border: none;
            background: #fff;
            min-height: 120px;
            aspect-ratio: 4/3;
            transition: transform 0.2s;
        }
        .logo-section .card:hover {
            transform: scale(1.05);
        }

        @media (max-width: 575px) {
            .logo-section .card {
                width: 90vw;
                height: 40vw;
                min-height: unset;
                max-width: 100%;
                aspect-ratio: unset;
                margin-left: auto;
                margin-right: auto;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .logo-section .size-card {
                max-width: 80%;
                max-height: 80%;
                height: 32vw;
            }
        }
        
        .img-steps{
            max-width:200px;
            box-shadow:2px 1px 3px 0 #233c54;
            border-radius:30px;
        }
        
        .h5-steps{
            font-size: 1.6rem;
            padding-top: 1%;
            text-shadow: 1px 1px #474747;
            color: #236fbb;
            text-align: center;
            padding-right: 2%;
            font-family: "Postman";
        }