/* Centralizar o vídeo */
.produto-video {
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.5s ease-in-out; /* Animação de transição */
}

/* Estilo do iframe do vídeo */
.produto-video iframe {
    width: 100%;
    height: 315px;
    max-width: 560px;
    margin-top: 10px; /* Ajuste conforme necessário */
    transform: scale(0); /* Inicia com escala 0 (invisível) */
    transition: transform 0.5s ease-in-out; /* Animação de transição */
}

/* Verifica se prefers-reduced-motion está ativado */
@media (prefers-reduced-motion: reduce) {
    .produto-video,
    .produto-video iframe {
        transition: none; /* Remove a transição se preferências de movimento reduzido estiverem ativadas */
    }
}

@media screen and (max-width: 767px) {
    #corpo > div.conteiner > div.secao-principal.row-fluid.sem-coluna > div.conteudo.span12 > div.row-fluid.banner.mini-banner {
        display: none;
    }
}


@media screen and (max-width: 767px) {
    .slick-dots {
        display: none !important;
    }
}



.head-mobile {
    background-color: #24DDBA; /* Substitua pelo código de cor desejado */
}

.right-options .icon-head {
    fill: #FFFFFF; /* Substitua pelo código da cor desejada */
}

.right-options a {
    color: #FFFFFF; /* Substitua pelo código da cor desejada para os links */
}

.js-menu-mobile span {
    background-color: #FFFFFF; /* Substitua pelo código da cor desejada */
}

.js-menu-mobile {
    color: #FFFFFF; /* Substitua pelo código da cor desejada para o contorno ou ícone */
}


.conteiner {
    background-color: #24DDBA; /* Substitua pelo código de cor desejado */
}

.imagem-fixa {
    width: 600px;
    height: 400px;
}











@media screen and (max-width: 767px) {
    .quantity-button {
        display: none; /* Esconde o layout do desktop no mobile */
    }
}

@media screen and (max-width: 767px) {
    /* Esconder o segundo elemento duplicado no mobile */
    a.flex-prev:nth-of-type(2),
    a.flex-next:nth-of-type(2) {
        display: none;
    }
}