/* Responsividade cards */
@media (max-width: 1024px) {
    .card-distribuidores {
        width: 250px; /* Reduz a largura dos cards em telas menores */
    }

    .card-revendas img {
        width: 120px; /* Reduz a largura das imagens em telas menores */
    }

    .all-distribuidores, .card-revendas {
        gap: 10px; /* Reduz o espaçamento entre os cards */
    }
}

@media (max-width: 768px) {
    .card-distribuidores {
        width: 200px; /* Reduz ainda mais a largura dos cards */
    }

    .card-revendas img {
        width: 100px; /* Ajusta a largura das imagens */
    }

    .all-distribuidores, .card-revendas {
        gap: 8px; /* Reduz o espaçamento entre os cards */
    }
}

@media (max-width: 480px) {
    .card-distribuidores {
        width: 100%; /* Cards ocupam toda a largura da tela */
    }

    .card-revendas img {
        width: 80px; /* Ajusta a largura das imagens para telas muito pequenas */
    }

    .all-distribuidores, .card-revendas {
        gap: 5px; /* Reduz o espaçamento entre os cards */
    }
}

/* Fim Responsividade cards */

/* Responsividade */
@media (max-width: 768px) {
    section {
        padding: 30px 20px; /* Reduz o padding em telas menores */
    }

    section h2 {
        font-size: 1.2rem; /* Reduz o tamanho do título */
    }

    section p {
        font-size: 1rem; /* Reduz o tamanho do texto */
    }

    section .imagem-secao {
        width: 60%; /* Aumenta a largura da imagem para ocupar mais espaço */
        margin-top: 15px;
    }
}

@media (max-width: 480px) {
    section {
        padding: 20px 15px; /* Reduz ainda mais o padding */
    }

    section h2 {
        font-size: 1.3rem; /* Reduz o tamanho do título para telas muito pequenas */
    }

    section p {
        font-size: 0.95rem; /* Ajusta o tamanho do texto */
    }

    section .imagem-secao {
        width: 100%; /* Imagem ocupa toda a largura disponível */
        margin-top: 10px;
    }

    ul li {
        padding-left: 20px; /* Ajusta o espaçamento da lista */
    }
}
/* Fim Responsividade */

/* Responsividade */
@media (max-width: 768px) {
    body {
        font-size: 0.9rem; /* Reduz o tamanho da fonte em telas menores */
    }

    main {
        padding: 15px; /* Reduz o padding do main */
    }

    .title-distribuidores,
    .title-revendas {
        margin-top: 30px; /* Reduz o espaçamento superior */
        margin-bottom: 15px; /* Reduz o espaçamento inferior */
        font-size: 1.2rem; /* Ajusta o tamanho da fonte */
    }
}

@media (max-width: 480px) {
    body {
        font-size: 0.6rem; /* Reduz ainda mais o tamanho da fonte */
    }

    main {
        padding: 10px; /* Reduz o padding para telas muito pequenas */
    }

    .title-distribuidores,
    .title-revendas {
        margin-top: 20px; /* Reduz ainda mais o espaçamento superior */
        margin-bottom: 10px; /* Reduz ainda mais o espaçamento inferior */
        font-size: 1rem; /* Ajusta o tamanho da fonte para telas pequenas */
    }
}