/* DICAS */
.bg-grey {
    background-color: #eeeeee;
    padding: 45px 0 45px 0;
}

.letter-spacing {
    letter-spacing: 1px;
}

.alt-mini-card {
    font-size: 12px;
    margin-bottom: 0;
    text-transform: capitalize !important;
}

.btn-categorias {
    color: var(--dark-blue) !important;
    background-color: #FFF;
    padding: 5px 1rem;
    min-width: 117px;
    min-height: 119px;
    border-radius: 20px;
    padding: 10px;
    word-wrap: normal;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

.btn-categorias p {
    font-size: 14px;
    text-transform: capitalize;
    margin-bottom: 0;
}

.btn-categorias:hover {
    color: var(--secondary) !important;
}   

.icon-mundo, .icones-dicas {
    line-height: 1;
}

.gallery_product {
    margin-bottom: 30px;
}

.box-dicas {
    height: 414px;
    color: var(--main-gray) !important;
}

.hvr-grow2 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-grow2:hover, .hvr-grow:focus, .hvr-grow:active {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
}

.imagem-dicas {
    border-radius: 9px;
    height: 235px;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.text-dicas-2 {
    font-family: 'source_semibold';
    font-size: 0.8em;
    margin-top: 5px;
}

.text-dicas {
    font-family: 'source_semibold';
    color: #333333;
    padding: 0 21px;
    font-size: 1.1em;
    line-height: 19px;
    margin-top: -10px;
    z-index: 1000;
    position: relative;
    padding-bottom: 0;
}

.btn-ler-mais-dicas {
    border: 1px solid var(--secondary) !important;
    color: var(--secondary) !important;
    border-radius: 19px;
    padding: 5px 20px;
    width: fit-content;
}

.carrossel-novo .owl-dot span {
    width: 100% !important;
    height: 2px !important;
    margin: 0px 0px !important;
    background: rgb(99, 100, 102, 50%) !important;
    display: block !important;
    -webkit-backface-visibility: visible !important;
    transition: all 200ms !important;
    border-radius: 0px !important;
}

.carrossel-novo .owl-dot.active span,
.carrossel-novo .owl-dot:hover span {
    background: #007585 !important;
}

.owl-carousel .owl-stage {
    padding-bottom: 1rem;
}

.owl-carousel .owl-stage-outer {
    padding: 0;
}

.owl-dots.row.mx-4 {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Estilo padrão (mobile): setas abaixo */
.carrossel-novo .owl-nav {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

/* Estilo para telas grandes: setas nas laterais */

.carrossel-novo .owl-carousel {
    position: relative;
}

.carrossel-novo .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    margin-top: 0;
    /* remove a margem usada no mobile */
}

.carrossel-novo .owl-nav button {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.carrossel-novo.owl-theme .owl-nav [class*='owl-'] {
    margin: 5px -50px !important;
}