﻿.div-conteudo-pacotes-carousel {
    border-radius: 12px;
    height: 300px !important;
  
}

.image-slot-erro-products {
    width: 300px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #f5f7fa;
    color: #909399;
    font-size: 14px;
}

.div-conteudo-pacotes {
    height: 277px;
    border-radius: 12px;
    transition: box-shadow 0.25s ease-in-out;
}

    .div-conteudo-pacotes .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg,rgba(0,0,0,0) 60%,#000 100%);
        border-radius: 12px;
    }

    .div-conteudo-pacotes .content-label {
        float: right;
        width: 95%;
        height: 0;
    }

    .div-conteudo-pacotes h4 {
        position: relative;
        top: -125px;
        font-size: 1.3rem;
        font-weight: 600;
        overflow: hidden;
        width: auto !important;
        max-width: 280px;
        display: inline-block;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding: 5px;
        box-sizing: border-box;
        max-height: 61px;
    }

    .div-conteudo-pacotes .h4-big {
        width: 100%;
    }

    .div-conteudo-pacotes .content-price {
        position: relative;
        top: -135px;
    }

    .div-conteudo-pacotes .lb-a-partir {
        font-size: 1.2rem;
        font-weight: 100;
        padding: 5px;
    }

    .div-conteudo-pacotes .div-preco {
        font-size: 1.5rem;
        margin-top: 8px;
        color: #fff;
        font-weight: 600;
    }

    .div-conteudo-pacotes .el-image {
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

    .div-conteudo-pacotes .el-image img {
        opacity: 1;
    }

.lb-ver-todos {
    font-size: 15px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.ver-todas-ofertas {
    text-align: right;
    font-weight: 500;
    line-height: 1.125rem;
}

.secao-card-noticias {
}

.div-conteudo-noticia {
    border-radius: 4px;
}

    .div-conteudo-noticia:hover {
    }

    .div-conteudo-noticia .div-container-img {
        overflow: hidden;
    }

    .div-conteudo-noticia img {
        transition: transform 0.3s;
    }

    .div-conteudo-noticia:hover img {
        transition: transform 0.3s;
        transform: scale(1.05)
    }

    .div-conteudo-noticia .div-container-text {
        padding-top: 10px;
        min-height: 80px;
        border-radius: 0px 4px 4px 0px;
    }

    .div-conteudo-noticia img, .div-conteudo-noticia .el-image {
        width: 100%;
        border-radius: 12px;
        height: 250px;
    }


    .div-conteudo-noticia h4 {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        min-height: 56px;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
    }

    .div-conteudo-noticia .el-tag-categoria {
        float: right;
        margin-top: -10px;
        border-radius: 0px;
    }

    .div-conteudo-noticia .data-noticia {
        font-size: 14px;
    }

@media (min-width: 900px) {
    .div-conteudo-noticia h4 {
        font-size: 1.1rem !important;
    }
}

@media (min-width: 1200px) {
    .div-conteudo-noticia h4 {
        font-size: 16px !important;
    }
}

@media (min-width: 1760px) {
    .div-conteudo-noticia h4 {
        font-size: 16px !important;
        font-weight: 700;
        line-height: 19px;
    }
}

.h2-titulo-conteudo {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #282828;
}

.botao-insta {
    display: inline-block;
    padding: 10px;
    font-weight: 600;
    font-size: 0.85rem;
    border: 1px solid;
    border-radius: 10px;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

    .botao-insta:hover {
        color: #2d66a9;
    }

/*card noticias layout 2*/
.div-conteudo-noticia-2 {
    border-radius: 4px;
    margin-bottom: 15px;
}

    .div-conteudo-noticia-2:hover {
    }

    .div-conteudo-noticia-2 .div-container-img {
        overflow: hidden;
    }

    .div-conteudo-noticia-2 img {
        transition: transform 0.3s;
    }

    .div-conteudo-noticia-2:hover img {
        transition: transform 0.3s;
        transform: scale(1.05)
    }

    .div-conteudo-noticia-2 .div-container-text {
        padding: 10px 0px;
        min-height: 80px;
        border-radius: 0px 4px 4px 0px;
    }

    .div-conteudo-noticia-2 img, .div-conteudo-noticia-2 .el-image {
        width: 100%;
        border-radius: 12px;
        height: 100px;
    }


    .div-conteudo-noticia-2 h4 {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        min-height: 40px;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
    }

    .div-conteudo-noticia-2 .el-tag-categoria {
        float: right;
        margin-top: -10px;
        border-radius: 0px;
    }

    .div-conteudo-noticia-2 .data-noticia {
        font-size: 14px;
    }

/*card noticias layout 3*/
.div-conteudo-noticia-3 {
    border-radius: 4px;
    margin-bottom: 15px;
}

    .div-conteudo-noticia-3:hover {
    }

    .div-conteudo-noticia-3 .div-container-img {
        overflow: hidden;
    }

    .div-conteudo-noticia-3 img {
        transition: transform 0.3s;
    }

    .div-conteudo-noticia-3:hover img {
        transition: transform 0.3s;
        transform: scale(1.05)
    }

    .div-conteudo-noticia-3 .div-container-text {
        padding: 10px 0px;
        min-height: 80px;
        border-radius: 0px 4px 4px 0px;
    }

    .div-conteudo-noticia-3 img, .div-conteudo-noticia-3 .el-image {
        width: 100%;
        border-radius: 12px;
        height: 136px;
    }


    .div-conteudo-noticia-3 h4 {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        min-height: 24px;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
    }

    .div-conteudo-noticia-3 .el-tag-categoria {
        float: right;
        margin-top: -10px;
        border-radius: 0px;
    }

    .div-conteudo-noticia-3 .data-noticia {
        font-size: 14px;
    }

/*card noticias layout 4*/
.div-conteudo-noticia-4 {
    border-radius: 4px;
    margin-bottom: 15px;
}

.div-conteudo-noticia-4-carousel .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg,rgba(0,0,0,0) 60%,#000 100%);
    border-radius: 12px;
}

    .div-conteudo-noticia-4 .div-container-img {
        overflow: hidden;
    }

    .div-conteudo-noticia-4 img {
        transition: transform 0.3s;
    }

    .div-conteudo-noticia-4:hover img {
        transition: transform 0.3s;
        transform: scale(1.05)
    }

    .div-conteudo-noticia-4 .div-container-text {
        padding: 10px 0px;
        min-height: 80px;
        border-radius: 0px 4px 4px 0px;
        font-weight: 800;
    }

    .div-conteudo-noticia-4 .div-container-text-carousel {
        padding: 10px 0px;
        min-height: 80px;
        border-radius: 0px 4px 4px 0px;
        position: absolute;
        bottom: 20px;
        background: rgba(0, 0, 0, 0.5);
        color: white;
        width: 60%;
    }

    .div-conteudo-noticia-4 img, .div-conteudo-noticia-4 .el-image {
        width: 100%;
        border-radius: 12px;
        height: 220px;
    }

    .div-conteudo-noticia-4-carousel img, .div-conteudo-noticia-4-carousel .el-image {
        width: 100%;
        border-radius: 12px;
        height: 302px;
    }

    .div-conteudo-noticia-4 h4 {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        min-height: 24px;
        font-size: 16px;
        font-weight: 700;
        line-height: 19px;
    }

    .div-conteudo-noticia-4 .el-tag-categoria {
        float: right;
        margin-top: -10px;
        border-radius: 0px;
    }

    .div-conteudo-noticia-4 .data-noticia {
        font-size: 14px;
    }


.div-conteudo-noticia-4-carousel .div-container-text h4 {
    position: absolute;
    bottom: 15px;
    width: 80%;
    margin-left: 20px;
    color: white;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px
}

@media (max-width: 768px) {
    .mobile-slider {
        display: flex;
        flex-direction: row;
        overflow-x: auto;
        scrollbar-width: none; /* para Firefox */
        -ms-overflow-style: none; /* para Internet Explorer e Edge */
    }

        .mobile-slider::-webkit-scrollbar { /* para Chrome, Safari e Opera */
            display: none;
        }

        .mobile-slider .el-col {
            flex: 0 0 auto;
            max-width: 100%;
        }
}

/*card noticias layout 5*/

.div-conteudo-noticia-5 {
    position: relative;
    border-radius: 4px;
    margin-bottom: 15px;
}

    .div-conteudo-noticia-5 .div-container-img {
        position: relative;
    }

    .div-conteudo-noticia-5 .div-container-text {
        position: absolute;
        top: 0;
        left: 0;

    }
        .div-conteudo-noticia-5 .div-container-text h4 {
            color: #fff;
            max-width: 55%;
            padding: 75px 0 50px 57px;
            font-weight: 600;
            height: 170px;
        }

    .div-conteudo-noticia-5 .saiba-mais-noticias {
        color: #fff;
        padding: 0 0 50px 57px;
    }
    
    .div-conteudo-noticia-5 .el-image {
    width: 100%;
    border-radius: 12px;
    height: 302px;
}

@media (max-width: 768px) {
    .div-conteudo-noticia-5 .div-container-text h4 {
        max-width: 90%;
        padding: 75px 0 25px 25px;
    }
    .div-conteudo-noticia-5 .saiba-mais-noticias {
        padding: 0 0 50px 25px;
    }
}



/*card noticias layout 6*/

.div-conteudo-noticia-6 {
    position: relative;
    border-radius: 4px;
    margin-bottom: 60px;
}

    .div-conteudo-noticia-6 .div-container-img {
        position: relative;
    }

    .div-conteudo-noticia-6 .div-container-text {
        position: absolute;
        top: 0;
        left: 0;
    }

        .div-conteudo-noticia-6 .div-container-text h4 {
            color: #fff;
            max-width: 90%;
            padding: 75px 0 50px 57px;
            font-weight: 600;
            height: 170px;
        }

    .div-conteudo-noticia-6 .saiba-mais-noticias {
        color: #fff;
        padding: 0 0 50px 57px;
    }

    .div-conteudo-noticia-6 .el-image {
        width: 100%;
        border-radius: 12px;
        height: 280px;
    }
    .div-conteudo-noticia-6 .titulo-noticias-6 {
        font-size: 24px !important;
        font-weight: 700 !important;
        margin-top: 30px;
    }
    .div-conteudo-noticia-6 .titulo-descricao-6 {
        font-size: 16px !important;
        font-weight: 400 !important;        
    }

        .div-conteudo-noticia-6 .titulo-descricao-6 a:hover {
            text-decoration: none;
            cursor: default;
        }

        .div-conteudo-noticia-6 .titulo-descricao-6 a {
            pointer-events: none;
            cursor: default;
        }



@media (max-width: 768px) {
    .div-conteudo-noticia-6 .div-container-text h4 {
        max-width: 90%;
        padding: 75px 0 25px 25px;
    }

    .div-conteudo-noticia-6 .saiba-mais-noticias {
        padding: 0 0 50px 25px;
    }

    .div-conteudo-noticia-6 .titulo-noticias-6 {
        font-size: 24px !important;
        font-weight: 700 !important;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 5px;
    }

    .div-conteudo-noticia-6 .titulo-descricao-6 {
        font-size: 16px !important;
        font-weight: 400 !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.noticias-button {
    margin-top: 20px;
}

/*card noticias layout 7*/
.titulo-noticias-7 {
    font-size: 2.1083766006em !important;
    line-height: 1.25;
    font-weight: 700 !important;
    margin: 0 0 230px 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    z-index: 2;
    color: white;
    width: 50%;
}

.titulo-descricao-7 {
    font-size: 1.5em !important;
    height: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0px 0 100px 60px;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 10px;
    z-index: 2;
    color: white;
    width: 40%;
    line-height: 24px;
}

.noticias-button-7 {
    margin: 255px 0 0 60px;
    z-index: 2;
    position: absolute;
    padding: 10px;
}

.overlay-7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(41, 41, 41, 0.9), rgba(41, 41, 41, 0) 75%);
    z-index: 1;
}

.div-container-img-7 {
    position: relative;
}

@media (max-width: 768px) {
    .titulo-noticias-7 {
        font-size: 1.6em !important;
        line-height: 1.25;
        font-weight: 700 !important;
        width: 90%;
        margin: 0 0 230px 10px;
    }
    .titulo-descricao-7 {
        font-size: 1.3em !important;
        width: 80%;
        margin: 0px 0 100px 10px;
    }
    .noticias-button-7 {
        margin: 285px 0 0 10px;
        z-index: 2;
        position: absolute;
        padding: 10px;
    }
    .div-container-img-7 img {
        height: 380px;
    }
}

/*card noticias layout 8*/
.div-conteudo-noticia-8 {
    border-radius: 4px;
    margin-bottom: 15px;
}

.div-container-img-8b {
    margin-bottom: 20px;
}

.first-news {
    line-height: 1.5em;
    font-size: 16px;
    word-break: break-word;
    margin-bottom: 20px;
}

.second-news {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.div-container-button {
    margin-bottom: 30px;
}

.title-noticias-8 {
    color: #000;
    margin-top: 10px;
    margin-bottom: 60px;
    text-align: center;
    color: #000000;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2em;
}

.div-conteudo-noticia-8b img, .div-conteudo-noticia-8b .el-image {
    width: 100%;
    border-radius: 12px;
    height: 138px;
}

    .div-conteudo-noticia-8:hover {
    }

    .div-conteudo-noticia-8 .div-container-img {
        overflow: hidden;
    }

    .div-conteudo-noticia-8 img {
        transition: transform 0.3s;
    }

    .div-conteudo-noticia-8:hover img {
        transition: transform 0.3s;
        transform: scale(1.05)
    }

    .div-conteudo-noticia-8 .div-container-text {
        padding: 10px 0px;
        min-height: 80px;
        border-radius: 0px 4px 4px 0px;
    }

    .div-conteudo-noticia-8 img, .div-conteudo-noticia-8 .el-image {
        width: 100%;
        border-radius: 12px;
        height: 350px;
    }


    .div-conteudo-noticia-8 h4 {
        text-overflow: ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        min-height: 40px;
        font-size: 25px;
        font-weight: 700;
        line-height: 1.5em;
        color: #000000;
    }

    .div-conteudo-noticia-8 .el-tag-categoria {
        float: right;
        margin-top: -10px;
        border-radius: 0px;
    }

    .div-conteudo-noticia-8 .data-noticia {
        font-size: 14px;
    }

@media (max-width: 768px) {
    .div-conteudo-noticia-8 img, .div-conteudo-noticia-8 .el-image {
        height: 160px;
    }
}

.titulo-ofertas {
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #282828;
}