/* HERDA OS ESTILOS DA CLASSE ABOUT, JÁ QUE SÃO PADRONIZADOS */

.about:has(.about__faq-item) .about__wrapper {
    min-height: 320px;
    height: auto;
    /* Garante que o container cresça se houver muito conteúdo */
}

.about:has(.about__faq-item) .about__content-side {
    padding: 36px 40px 36px 72px;
}

.about:has(.about__faq-item) .about__title {
    /* Aumentado o mínimo para 24px para manter o destaque no celular */
    font-size: clamp(24px, 4vw, 32px);
    margin-bottom: 20px;
}

.about:has(.about__faq-item) .about__text {
    /* Mínimo ajustado de 12px para 14px visando a leitura no mobile */
    font-size: clamp(14px, 1.5vw, 16px);
    margin-bottom: 0;
    line-height: 1.6;
}

.about:has(.about__faq-item) .about__highlight {
    font-size: clamp(14px, 1.5vw, 16px);
}

/* ---- Itens de pergunta/resposta ---- */
.about__faq-item {
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.about__faq-item:last-of-type {
    border-bottom: none;
    margin-bottom: 20px;
}

.about__faq-question {
    /* Fonte das perguntas um pouco mais legível */
    font-size: clamp(16px, 2vw, 18px);
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 4px;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

/* =========================================
   MEDIA QUERIES - RESPONSIVIDADE
   ========================================= */

/* Tablets */
@media (max-width: 992px) {
    .about:has(.about__faq-item) .about__content-side {
        /* Reduz o padding esquerdo (que era 72px) para equilibrar o layout */
        padding: 36px 40px;
    }
}

/* Smartphones */
@media (max-width: 768px) {
    .about:has(.about__faq-item) .about__wrapper {
        min-height: auto;
        /* Remove a trava de altura no mobile */
    }

    .about:has(.about__faq-item) .about__content-side {
        /* Padding mais justo e centralizado para aproveitar a tela pequena */
        padding: 32px 20px;
    }

    .about__faq-item {
        /* Menos espaço entre os itens para otimizar o rolamento no celular */
        margin-bottom: 12px;
        padding-bottom: 12px;
    }
}