/* Parallax */
@media screen and (max-width: 480px) {
    .parallax-container {
        height: 450px;
    }

    /* icons */
    .amenities-section {
        margin: 0 auto;
        column-gap: 0;
    }

    /* Legendas/galeria: imagem deve cobrir todo o container */
    .slider img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    .caption h3 {
        font-size: 28px;
    }

    .caption h5 {
        font-size: 20px;
    }
}

/* Galeria: ocupar 100% da largura no mobile */
@media screen and (max-width: 768px) {
    .slider.container {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }
    /* garante que a imagem ocupe toda a área visível do slide */
    .slider .slides li { overflow: hidden; }
    .slider .slides li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }
    /* manter setas proporcionais às margens laterais */
    #prev { left: 12px; }
    #next { right: 12px; }
}



/* Raio X */
@media screen and (max-width: 1090px) {
    .raiox {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 90%;
    }

    .media-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    /* Colunas ocupam 100% no empilhamento */
    .raiox > .raiox-text,
    .raiox > .raiox-image {
        flex: 1 1 100%;
        width: 100%;
    }
}

@media screen and (max-width: 470px) {
    .raiox img {
        width: 100%;
    }

    .raiox-text{
        padding: 20px 10px; 
    }

    .raiox-title ul {
        font-size: 18x;
    }
}

@media screen and (max-width: 400px) {
    .raiox img {
        width: 100%;
    }

    .raiox-text ul {
        font-size: 18px;
    }
}

@media screen and (max-width: 375px) {
    .raiox img {
        width: 100%;
    }

    .raiox-text li {
        font-size: 16px;
    }
}