@media screen and (max-width: 768px) and (orientation: portrait) {
    #div-top > div {
        display: grid !important;
        gap: 20px;
    }
}

@media screen and (max-height: 500px) and (orientation: landscape) {
    #div-clientes-container {
        height: calc(100dvh - 200px) !important;
    }

    #div-clientes-container h4 {
        font-size: 1rem;
    }

    #div-clientes-container h5 {
        font-size: 0.8rem;
    }

    #page-clientes .device-container {
        display: none !important;
    }

    .page-container {
        height: calc(100dvh - 120px);
    }

    footer {
        display: none !important;
    }
}