@media (max-width: 765px) {
    body{
        width: 90%;
    }

    header{
        display: flex;
        flex-wrap: wrap-reverse;
        width: 100%;
    }

    .header-titles h2{
        margin-top: 32px;
    }

    .header-titles h5{
        margin: 18px 0;
    }

    .left-header{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
    }

    .right-header{
        width: 100%;
    }

    .city-names{
        display: flex;
    }

    .imgs-thumb{
        display: flex;
        margin-bottom: 20px;
    }

    .imgs-thumb img{
        width: 150px;
    }

    .left-header h2{
        width: 100%;
        font-size: 28px; /* Adjusted for better readability */
        line-height: 34px; /* Increased line height for better spacing */
        font-weight: 400;
    }

    .left-header span{
        font-weight: 600;
        color: var(--lu-azul);
    }

    .left-header h5{
        width: 100%;
        font-size: 14px; /* Adjusted for better readability */
    }

    .city-names{
        font-weight: 600;
        display: none;
    }

    .city-names img{
        padding: 0 8px;
    }

    .btns-actions-header{
        display: flex;
        gap: 0 10px;
    }

    .btn-flex-center{
        display: flex;
        border-radius: 14px;
    }

    .btn-flex-center:hover{
        background-color: var(--lu-verde);
        transition: 0.2s ease-in-out;
    }

    .btn-flex-center img{
        margin-right: 8px;
    }

    .btns-actions-header a{
        padding: 8px 10px;
        background-color: #000000;
        color: #FFF;
        text-decoration: none;
    }

    .trip-container{
        margin: 80px 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .trip-content{
        margin: 50px 0;
    }

    .trip-content span{
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #FFF;
        padding: 4px 10px;
        border-radius: 12px;
        background-color: var(--lu-laranja);
    }

    .trip-header-content h2{
        margin: 10px 0;
        font-size: 28px; /* Adjusted for better readability */
        font-weight: 400;
    }

    .trip-content a{
        padding: 8px 10px;
        background-color: #000000;
        color: #FFF;
        text-decoration: none;
    }

    .btns-topics{
        display: flex;
        margin-top: 10px;
    }

    .btn-topics-center img{
        margin-right: 8px;
    }

    .btn-topics-center{
        display: flex;
        border-radius: 14px;
    }

    .btn-topics-center:hover{
        background-color: var(--lu-verde);
        transition: 0.2s ease-in-out;
    }

    .services-container{
        flex-wrap: wrap;
    }

    .services-content{
        margin: 40px 0;
    }

    .services-content span{
        font-size: 8px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: #FFF;
        padding: 4px 10px;
        border-radius: 12px;
        background-color: var(--lu-laranja);
    }

    .services-content a{
        padding: 8px 10px;
        background-color: #000000;
        color: #FFF;
        text-decoration: none;
    }

    .services-header h5{
        margin-top: 5px;
        font-size: 8px;
        width: 100%;
    }

    .title-services h1{
        font-size: 46px; /* Adjusted for better readability */
        margin-bottom: 20px; /* Reduced margin for better spacing */
    }

    .title-services img{
        width: 10%;
        display: none;
    }

    .calltoaction-container{
        padding: 90px 30px;
        background-image: url("../imagens/lu-viana-bg-calltoaction.jpg");
        background-position: center;
        background-repeat: no-repeat;
        height: auto;
        margin-top: 80px;
        border-radius: 22px;
    }

    .calltoaction-container h2{
        width: 100%;
        font-size: 28px; /* Adjusted for better readability */
        color: #FFFFFF;
        margin-bottom: 20px; /* Reduced margin for better spacing */
    }

    .calltoaction-container a{
        padding: 10px 20px;
        font-size: 18px;
        background-color: #FFFFFF;
        text-decoration: none;
        color: #000000;
        font-weight: 600;
        border-radius: 12px;
    }

    .destinos-container{
        display: flex;
        flex-direction: column;
    }

    .destinos-item-content{
        width: 100%;
        margin: 25px 0;
    }

    .destinos-item-content img{
        width: 100%;
    }

    .destinos-item-content h3{
        font-size: 28px; /* Adjusted for better readability */
        margin-bottom: 8px; /* Reduced margin for better spacing */
    }

    .destinos-item-content p{
        margin-top: 8px; /* Reduced margin for better spacing */
        font-weight: 600;
        font-size: 18px; /* Adjusted for better readability */
    }

    .info-element-container{
        margin-top: 60px;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        background-color: #86E2EE;
        padding-top: 30px;
        border-radius: 20px;
    }

    .info-element-container img{
        width: 90%;
    }

    .info-element-container h2{
        width: 80%;
        font-size: 30px; /* Adjusted for better readability */
        padding: 50px;
        text-align: center;
    }

    footer{
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        margin-top: 60px;
    }

    .footer-content img{
        width: 200px;
    }

    .copyright p{
        font-size: 14px;
        font-weight: 600;
        margin-top: 20px;
    }

    .copyright a{
        margin-top: 20px !important;
        font-size: 14px;
    }

    .icons-copy{
        padding: 15px 0;
    }

    .icons-copy a img:hover{
        scale: 1.2;
        transition: 0.2s ease;
    }
}

@media (min-width: 769px) and (max-width: 1580px) {
    body{
        width: 100%;
    }

    header{
        width: 90%;
        justify-content: center;
        margin: 0 auto;
    }

    .header-titles h2{
        font-size: 50px;
        line-height: 50px;
    }

    .imgs-thumb img{
        width: 40%;
    }

    .navbar{
        width: 90%;
        margin: auto auto;
    }

    .trip-container{
        margin: 140px auto;
        width: 90%;
        display: flex;
        justify-content: space-between;
    }

    .trip-header-content img{
        width: 85%;
    }

    .title-services{
        width: 90%;
        margin: 0 auto;
    }

    .services-container{
        width: 90%;
        margin: 0 auto;
    }

    .img-services img{
        width: 80%;
    }

    .calltoaction-container{
        margin: 0 auto;
        width: 75%;
    }

    .destinos-container{
        margin: 20px auto;
        width: 90%;
    }

    .destinos-item-content img{
        width: 100%;
    }

    .destinos-item-content{
        width: 220px;
    }

    .destinos-item-content p{
        font-size: 15px;
    }

    .services-header h5{
        font-size: 14;
    }

    .destinos-item-content h3{
        font-size: 20px;
    }
    

    .title-services h1{
        font-size: 40px;
        margin-bottom: 0;
    }

    .calltoaction-container{
        margin-top: 160px;
        margin-bottom: 160px;
        border-radius: 30px;
        height: 400px;
    }

    .info-element-container{
        width: 90%;
        margin: 0 auto;
    }

    .info-element-container h2{
        font-size: 50px;
        margin-bottom: 30px;
    }
}