/* Telas menores que 1024px (Tablets e laptops menores) */
@media screen and (max-width: 1024px) {
    .logo img {
        max-width: 250px; /* Reduz tamanho da logo */
        max-height: 100px;
    }

    nav ul li {
        margin: 0 10px;
    }

    .form-container {
        max-width: 600px; /* Ajuste no tamanho do formulário */
    }

    .benefit {
        width: 30%; /* Ajuste no tamanho dos benefícios */
    }

    .unidade {
        width: 48%; /* Ajuste na largura das unidades */
    }

    .facebook-grid {
        grid-template-columns: 1fr; /* Muda para uma única coluna */
        text-align: center; /* Centraliza os textos */
    }

    .facebook-description {
        text-align: center;
        align-items: center;
    }

    .facebook-video video {
        max-width: 100%; /* Vídeo ocupa 100% da largura disponível */
    }

    .site-info-container {
        flex-direction: column; /* Itens em coluna */
        text-align: center;
        gap: 30px;
    }

    .site-info-column:first-child {
        top: 0; /* Remove o deslocamento vertical */
    }
}

/* Telas menores que 768px (Tablets e celulares grandes) */
@media screen and (max-width: 768px) {
    header {
        height: auto; /* Deixa o header mais flexível */
        padding: 10px;
    }

    .logo img {
        max-width: 200px; /* Reduz tamanho da logo */
    }

    nav {
        flex-direction: column; /* Deixa o menu em coluna */
        align-items: center;
    }

    nav ul {
        flex-direction: column;
        text-align: center;
        display: none; /* Oculta menu padrão para ativar menu hambúrguer */
        width: 100%;
    }

    nav ul li {
        margin: 10px 0;
    }

    .banner-container {
        height: 400px; /* Ajuste do banner */
    }

    .banner-video {
        object-fit: cover; /* Mantém o vídeo cobrindo toda a área */
        object-position: top; /* Foca na parte superior do vídeo */
    }

    .input-group {
        flex-direction: column; /* Inputs empilhados no mobile */
        gap: 10px;
    }

    .input-field {
        min-width: 100%;
    }

    .faq-title {
        font-size: 22px;
    }

    .benefit {
        width: 45%; /* Ajuste dos benefícios */
    }

    .unidade {
        width: 100%; /* As unidades ocupam 100% no mobile */
    }

    iframe {
        height: 250px; /* Reduz altura do mapa */
    }

    .facebook-header {
        flex-direction: column;
        text-align: center;
        gap: 5px;
    }

    .facebook-grid {
        grid-template-columns: 1fr; /* Mantém uma única coluna */
    }

    .facebook-description h3 {
        font-size: 20px;
    }

    .facebook-description p {
        font-size: 14px;
    }

    .facebook-item iframe {
        height: 300px; /* Ajusta altura do iframe */
    }

    .site-info h3 {
        font-size: 16px;
    }

    .site-info-logo {
        width: 150px; /* Diminui a logo */
    }

    .footer {
        font-size: 12px;
        padding: 10px 0;
    }
}

/* Telas menores que 480px (Celulares pequenos) */
@media screen and (max-width: 480px) {
    .logo img {
        max-width: 150px; /* Reduz tamanho da logo */
    }

    .banner-container {
        height: 300px; /* Ajuste no tamanho do banner */
    }

    .banner-video {
        max-height: 300px; /* Garante que o vídeo se ajuste melhor */
        object-position: top; /* Mantém o topo visível */
    }

    .form-container {
        padding: 20px; /* Ajuste no padding do formulário */
        max-width: 90%;
    }

    .btn-enviar {
        font-size: 14px; /* Reduz tamanho do botão */
        padding: 10px;
    }

    .faq-title {
        font-size: 20px;
    }

    .benefit {
        width: 100%; /* Cada benefício ocupa 100% da largura */
    }

    .faq-header {
        font-size: 14px; /* Reduz tamanho do texto */
    }

    .whatsapp p {
        font-size: 14px;
    }

    .facebook-header h3 {
        font-size: 18px;
    }

    .facebook-header-img img {
        width: 40px; /* Reduz tamanho da logo no Facebook Feed */
        height: 40px;
    }

    .facebook-item iframe {
        height: 250px;
    }

    .site-info h3 {
        font-size: 14px;
    }

    .site-info-logo {
        width: 120px; /* Reduz a logo */
    }

    .footer {
        font-size: 10px;
        padding: 8px 0;
    }
}



/* privacidade */
/* Telas menores que 1024px */
@media (max-width: 1024px) {
    .privacy-policy {
        padding: 80px 15px 40px;
        font-size: 15px;
        width: 95%;
    }

    .privacy-policy h2 {
        font-size: 20px;
    }
}

/* Telas menores que 768px */
@media (max-width: 768px) {
    .privacy-policy {
        padding: 60px 10px 30px;
        font-size: 14px;
        width: 100%;
    }

    .privacy-policy h2 {
        font-size: 18px;
        text-align: center;
    }

    .privacy-policy p, .privacy-policy ul {
        text-align: justify;
    }
}

/* Telas menores que 480px */
@media (max-width: 480px) {
    .privacy-policy {
        padding: 50px 10px 20px;
        font-size: 13px;
        width: 100%;
    }

    .privacy-policy h2 {
        font-size: 16px;
        text-align: center;
    }

    .privacy-policy p, .privacy-policy ul {
        text-align: justify;
    }
}