/* ======================= Ajustes Responsivos Globais ======================= */

/* Melhorias para imagens em mobile */
@media (max-width: 767px) {
    .hero-image-container {
        aspect-ratio: 941 / 440; /* Mantém proporção em mobile */
        max-width: 100%;
    }
    
    .hero-image {
        width: 100%;
        /* height: 100%; */ /* Remove altura fixa para evitar distorção */
        object-fit: contain;
        max-width: none;
    }
    
    .seal-image-large {
        min-height: 200px; /* Altura mínima para a imagem de segurança em mobile */
        width: 100%;
        max-width: none;
    }
    
    .compliance-seals {
        max-width: 100%; /* Remove limitação de largura em mobile */
        grid-template-columns: 1fr; /* Uma coluna em mobile para dar mais espaço à imagem */
    }
}

/* Estilos de Navegação (Desktop) */
@media (min-width: 1024px) {
    .main-nav {
        display: block;
    }
    .nav-list {
        list-style: none;
        display: flex;
        gap: calc(var(--spacing-unit) * 3); /* 24px */
    }
    .nav-list a {
        font-family: var(--font-primary);
        font-weight: 600; /* Um pouco mais de peso */
        color: var(--color-primary);
        text-decoration: none;
        padding: calc(var(--spacing-unit) / 2) 0; /* 4px top/bottom */
        position: relative;
    }
    .nav-list a::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 2px;
        background-color: var(--color-secondary);
        transition: width var(--transition-speed) ease;
    }
    .nav-list a:hover::after,
    .nav-list a:focus::after {
        width: 100%;
    }
    .nav-list a:hover,
    .nav-list a:focus {
        color: var(--color-secondary);
        text-decoration: none; /* Remove sublinhado padrão no hover */
    }
    .mobile-menu-toggle {
        display: none; /* Esconde em desktop */
    }
}

/* Ajustes para Tablet e Desktop (Hero Section) */
@media (min-width: 768px) {
    .hero-section {
        padding: calc(var(--spacing-unit) * 8) 0; /* 64px padding */
        text-align: left; /* Alinha texto à esquerda */
    }
    .hero-container {
        flex-direction: row; /* Lado a lado */
        justify-content: space-between;
        gap: calc(var(--spacing-unit) * 6); /* 48px */
    }
    .hero-content {
        flex: 1 1 55%; /* Ocupa mais espaço */
        max-width: none;
    }
    .hero-title {
        font-size: var(--font-size-h1); /* Tamanho normal do H1 */
    }
    .hero-image-container {
        flex: 1 1 40%; /* Ocupa menos espaço */
        margin-top: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .hero-image {
        width: 100%;
        max-width: none; /* Remove limitação de largura */
    }
}

@media (min-width: 1024px) {
    .hero-section {
        padding: calc(var(--spacing-unit) * 10) 0; /* 80px padding */
    }
}

/* Ajustes Responsivos para a Grelha de Benefícios */
@media (min-width: 768px) {
    .benefits-grid {
        grid-template-columns: repeat(3, 1fr); /* Três colunas em tablets e desktops */
        gap: calc(var(--spacing-unit) * 4); /* 32px */
    }
    .section-title {
        margin-bottom: calc(var(--spacing-unit) * 6); /* 48px */
    }
}

/* Ajustes Responsivos para Diferenciais */
@media (min-width: 768px) {
    .features-list {
        grid-template-columns: repeat(2, 1fr); /* Duas colunas em tablet */
        gap: calc(var(--spacing-unit) * 5); /* 40px */
    }
}

@media (min-width: 1024px) {
    .features-list {
        gap: calc(var(--spacing-unit) * 6); /* 48px */
    }
    .feature-item {
        gap: calc(var(--spacing-unit) * 3); /* 24px */
    }
    .feature-icon-container {
        padding: calc(var(--spacing-unit) * 2); /* 16px */
    }
    .feature-icon {
        width: 35px;
        height: 35px;
    }
}

/* Ajustes Responsivos para Conformidade */
@media (min-width: 768px) {
    .compliance-container {
        flex-direction: row; /* Lado a lado */
        align-items: flex-start; /* Alinha no topo */
        gap: calc(var(--spacing-unit) * 6); /* 48px */
    }
    .compliance-content {
        text-align: center; /* Mantém texto centralizado em todas as resoluções */
    }
    .compliance-seals {
        margin-top: 0;
        grid-template-columns: 1fr; /* Uma coluna para dar mais espaço à imagem */
        max-width: none; /* Remove limitação de largura */
    }
}

@media (min-width: 1024px) {
    .compliance-seals {
         gap: calc(var(--spacing-unit) * 3); /* 24px */
    }
    .seal-image {
        max-width: 120px;
    }
}

/* Ajustes Responsivos para Depoimentos */
@media (min-width: 768px) {
    .testimonial-quote {
        font-size: 1.25rem; /* 20px */
    }
    .author-photo {
        width: 70px;
        height: 70px;
    }
}

/* Ajustes Responsivos para FAQ */
@media (min-width: 768px) {
    .faq-question {
        font-size: 1.15rem; /* 18.4px */
    }
    .faq-answer p {
        font-size: 1rem; /* 16px */
    }
}

/* Ajustes Responsivos para Footer */
@media (max-width: 768px) {
    .footer-container {
        grid-template-columns: 1fr 1fr; /* Duas colunas em tablet */
    }
    .footer-about,
    .footer-contact {
        grid-column: span 1;
    }
    .footer-links,
    .footer-legal {
        grid-column: span 1;
    }
}

@media (max-width: 576px) {
    img {
        display: none; /* Oculta todas as imagens */
    }
    .footer-container {
        grid-template-columns: 1fr; /* Uma coluna em mobile */
        text-align: center;
    }
    .footer-logo {
        margin-left: auto;
        margin-right: auto;
    }
    .social-icons {
        justify-content: center;
    }
    .footer-column h4 {
        margin-top: var(--spacing-unit); /* Adiciona espaço entre títulos em mobile */
    }
}