@media screen and (max-width: 480px) {
    header {
        padding: 20px;
    }

        nav ul {
            gap: 25px;
        }

            nav ul li {
                flex-grow: 1;
                text-align: center;
            }

                nav ul li a {
                    font-size: 14px;
                }

    .reference-item {
        grid-template-columns: repeat(1, 1fr);
    }

    .fotos-empresas {
        flex-direction: column;
    }

    .comercial-header,
    .residencial-header {
        padding: 5px;
        font-size: 1rem;
    }

    .split-content {
        display: block;
    }

        .products {
            flex-direction: column;
        }

    .footer-info {
        flex-direction: column;
    }
}