.container-pacotes .row {
    display: flex;
    flex-direction: row;
    gap: 14px 2%;
    flex-wrap: wrap;
}

.container-pacotes img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: initial;
}

.container-pacotes .content {
    display: flex;
    padding: 16px 16px 24px 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background-color: #EBF2F5;
    justify-content: space-between;
}

@media( min-width: 1366px ) {
/*    .container-pacotes .col {
        width: 584px;
    }

    .container-pacotes .content {
        min-height: 610px;
    }
    
    .container-pacotes figure.thumbnail {
        position: relative;
        overflow: hidden;
        width: 584px;
        height: 395px;
    }

    .container-pacotes img {
        display: block;
        object-fit: cover;
        height: 100%;
        width: 100%;
    }*/
}

.container-pacotes .thumbnail {
    position: relative;
}

.container-pacotes .offer svg {
    vertical-align: middle;
}

.container-pacotes .offer {
    background-color: var(--Hotel-Purple, #84235E);
    display: flex;
    padding: 8px 16px;
    gap: 8px;
    position: absolute;
    flex-direction: row;
    align-items: center;
    top: 10px;
    right: 10px;
}

.container-pacotes .offer .text {
    color: var(--White, #FFF);
    font-family: Loew;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container-pacotes .content .wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 12px;
    width: 100%;
}

.container-pacotes ul {
    padding-left: 20px;
}

.container-pacotes .title h2 {
    color: var(--e-global-color-primary);
    font-family: Loew;
    font-size: 24px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin: 0;
    word-wrap: break-word;
}

.container-pacotes .description .text ul,
.container-pacotes .description .text p {
    margin-bottom: 0.9rem;
}

.container-pacotes .description a,
.container-pacotes .description {
    color: #000;
    font-family: 'Loew';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.container-pacotes .description .list li {
    margin-bottom: 8px;
}

.container-pacotes .buttons {
    padding: 16px 0 0;
    border-top: 1px solid #66666660;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.container-pacotes .button-reserve-agora {
    display: flex;
    height: 38px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background-color: var(--e-global-color-primary);
    text-decoration: none;
    color: var(--White, #FFF);
    font-family: Loew;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.container-pacotes-destaque .col > .thumbnail {
    width: 50%;
}

.container-pacotes-destaque .image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.container-pacotes-destaque .sobtitle {
    color: var(--Bright-Blue, #009CDE);
    font-family: Loew;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-transform: uppercase;
}

.container-pacotes-destaque .title {
    color: var(--e-global-color-primary);
    leading-trim: both;
    text-edge: cap;
    font-family: Loew;
    font-size: 32px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    margin-bottom: 24px;
}

.container-pacotes-destaque .description {
   margin-bottom: 24px; 
}

.container-pacotes-destaque .description p,
.container-pacotes-destaque .description ul {
   margin-bottom: 0.9rem; 
}

.container-pacotes-destaque .row {
    display: flex;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.container-pacotes-destaque .col {
    width: 100%;
    display: flex;
}

.container-pacotes-destaque figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.container-pacotes-destaque figure img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.container-pacotes-destaque .content {
    display: flex;
    padding: 75px;
    flex-direction: column;
    align-items: flex-start;
    background-color: #EBF2F5;
    justify-content: center;
    width: 50%;
}

.container-pacotes-destaque .content .wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 12px;
    width: 100%;
}

.container-pacotes-destaque  .button-reserve-agora {
    display: flex;
    height: 38px;
    padding: 8px 24px;
    justify-content: center;
    align-items: center;
    gap: 16px;
    background-color: var(--e-global-color-primary);
    text-decoration: none;
    color: var(--White, #FFF);
    font-family: Loew;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}



.container-pacotes .description .overlay {
/*    display: none;*/
}

.container-pacotes .read-more {
/*    display: none;*/
}

.container-pacotes .description-mobile {
    height: 356px;
    overflow: hidden;
    position: relative;
}

.container-pacotes .description-mobile .overlay {
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
/*    background-image: linear-gradient(180deg, #ebf2f530 50%, #ebf2f5 100%);*/
    background-image: linear-gradient(180deg, #ebf2f500 50%, #ebf2f5 100%);
    top: 0;
}

.container-pacotes .read-more {
    font-family: Loew;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #666666;
    display: block;
    cursor: pointer;
    text-align: center;
}

@media(min-width: 1365px) {
    .container-pacotes-destaque {
        margin: 0 -75px 64px;
    }
    
    .container-pacotes .content {
/*        min-height: 810px;*/
    }
}

@media(min-width: 993px) {

}

@media(max-width: 992px) {
    .container-pacotes .title {
        font-size: 20px;
    }

    .container-pacotes .description,
    .container-pacotes .list li {
        font-size: 14px;
    }

    .container-pacotes-destaque {
        margin: 0 auto 64px;
    }

    .container-pacotes-destaque .col {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }

    .container-pacotes-destaque .content {
        width: 100%;
        padding: 32px 16px 32px 16px;
    }

    .container-pacotes-destaque .col > .thumbnail {
        width: 100%;
    }

    .container-pacotes-destaque .image {
        height: 380px;
    }

    .container-pacotes-destaque .sobtitle {
        font-size: 14px;
    }

    .container-pacotes-destaque .title {
        font-size: 20px;
    }
}

@media( min-width: 768px ) {
    .container-pacotes .content {
/*        min-height: 500px;*/
    }

    .container-pacotes .col {
        width: 23%;
    }

    .container-pacotes .title h2 {
/*        min-height: 90px; */
    }

    .container-pacotes figure.thumbnail {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 256px;
    }
}

@media( max-width: 767px ) {
    .container-pacotes .row {
        gap: 0;
    }

    .container-pacotes .col {
        width: 100%;
    }

    .container-pacotes .col img {
        display: block;
        width: 100%;
    }

    .container-pacotes-destaque .image {
        height: 320px;
    }
}
