/* CSS dinâmico adaptado para o componente #produto-ambientes */

#produto-ambientes .mod-slides .owl-slider .item .imagem-anexo img {
    max-width: 100%;
    width: auto;
}

/* Mantém compatibilidade com temas que já usam OwlCarousel */
#produto-ambientes .owl-theme .owl-nav [class*='owl-'] {
    margin: 0 15px !important;
    width: 32px;
    height: 32px;
    line-height: 44px;
}

#produto-ambientes .owl-next .svg-img {
    margin-right: -3px !important;
}

#produto-ambientes .owl-theme .owl-nav [class*='owl-']:hover {
    background-color: #ffc600;
}

/* Barra de progresso do slide */
#produto-ambientes .slide-progress {
    width: 0;
    max-width: 100%;
    height: 5px;
    background: #ffc600;
}

/* -------------------------------------------------------------- */
/* HD 720p (1280x720) */
@media only screen and (min-width: 1280px) {

}

/* -------------------------------------------------------------- */
/* Tablet horizontal & telas antigas 1024x768 */
@media only screen and (min-width: 981px) and (max-width: 1279px) {

}

/* -------------------------------------------------------------- */
/* Tablet vertical & telas 800x600 */
@media only screen and (min-width: 768px) and (max-width: 980px) {

}

/* -------------------------------------------------------------- */
/* Comum mobile + tablets */
@media only screen and (max-width: 980px) {

}

/* -------------------------------------------------------------- */
/* Mobile vertical e horizontal */
@media only screen and (max-width: 767px) {

}

/* -------------------------------------------------------------- */
/* Mobile horizontal */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* -------------------------------------------------------------- */
/* Mobile vertical */
@media only screen and (max-width: 479px) {

}