/* ============================================================
   GLOBAL ENLARGED FONTS & HIGH CONTRAST
   ============================================================ */

/* 1. CORPO DO TEXTO GERAL E DESCRIÇÕES (Aumentado para 20px) */
body, p, ul.features-list li, .feature-card p, .hero-description {
    font-size: 20px;
    color: #F1F5F9;
    line-height: 1.75;
}

/* 2. TEXTOS SECUNDÁRIOS DOS CARDS */
.feature-card .card-description {
    font-size: 17px;
    color: #CBD5E1;
}

/* 3. CABEÇALHOS (Títulos maiores e mais imponentes) */
h1 {
    font-size: 44px;
    line-height: 1.15;
    color: #FFFFFF;
}

h2 {
    font-size: 34px;
    line-height: 1.2;
    color: #FFFFFF;
}

h3 {
    font-size: 24px;
    line-height: 1.25;
    color: #FFFFFF;
}

/* 4. LABELS E TAGS (Badges FREE) */
.label-free, .plan-tag {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

/* 5. BOTÕES */
.btn, .feature-item-link {
    font-size: 18px;
    font-weight: 600;
}

/* ============================================================
   RESPONSIVIDADE (MOBILE)
   ============================================================ */
@media (max-width: 768px) {
    body, p, ul.features-list li, .feature-card p {
        font-size: 18px;
        line-height: 1.65;
    }

    h1 { font-size: 32px; }
    h2 { font-size: 26px; }
    h3 { font-size: 20px; }
}

/* ============================================================
   FIX UNIFORME DE FONTES E CONTRASTE PARA OS CARDS
   ============================================================ */

/* 1. Força o tamanho e a cor do texto de TODOS os parágrafos dentro dos cards */
.feature-card p, 
.card-content p, 
div[class*="card"] p,
ul.features-list li {
    font-size: 18px !important;
    color: #E2E8F0 !important;
    line-height: 1.65 !important;
}

/* 2. Padroniza os títulos internos de cada card */
.feature-card h3, 
.card-content h3, 
div[class*="card"] h3 {
    font-size: 21px !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important;
}

/* 3. Padroniza as Badges FREE e PRO para ficarem legíveis e proporcionais */
.badge-free, .badge-pro, .tag-free, .tag-pro, 
span.free, span.pro, div[class*="badge"] {
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    padding: 3px 8px !important;
}

/* 4. Corpo geral do site */
body, p {
    font-size: 18px !important;
    color: #E2E8F0 !important;
    line-height: 1.7 !important;
}

/* ============================================================
   RESET ABSOLUTO E UNIFORME PARA TODOS OS CARDS E LISTAS
   ============================================================ */

/* Força títulos de QUALQUER card a terem exatamente o mesmo tamanho e espaçamento */
.feature-card h3, 
.card h3, 
div[class*="card"] h3,
.feature-card strong,
.card strong,
div[class*="card"] strong {
    font-size: 19px !important;
    line-height: 1.3 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    display: inline-block !important;
    margin-bottom: 6px !important;
}

/* Força o parágrafo de QUALQUER card a ter exatamente o mesmo tamanho */
.feature-card p, 
.card p, 
div[class*="card"] p {
    font-size: 17px !important;
    color: #E2E8F0 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
}

/* Padroniza os itens de listas gerais (como na seção de Licença PRO) */
ul li, ol li, .features-list li {
    font-size: 18px !important;
    color: #E2E8F0 !important;
    line-height: 1.65 !important;
    margin-bottom: 10px !important;
}

/* ============================================================
   CORREÇÃO DE CONTRASTE PARA O RODAPÉ (Fundo Claro)
   ============================================================ */

footer, .footer, div[class*="footer"] {
    color: #1E293B !important;
}

footer p, 
footer span, 
footer a, 
footer li, 
.footer-text,
.copyright {
    color: #334155 !important;
}

/* Deixa os links do rodapé destacados e com bom contraste */
footer a:hover, .footer a:hover {
    color: #0F172A !important;
    text-decoration: underline !important;
}

/* ============================================================
   RODAPÉ COMPACTO E DISCRETO
   ============================================================ */
footer, .footer, div[class*="footer"] {
    font-size: 13px !important;
    color: #64748B !important;
}

footer p, 
footer span, 
footer a, 
footer li, 
.footer-text,
.copyright {
    font-size: 13px !important;
    color: #64748B !important;
    text-decoration: none !important;
}

footer a:hover, .footer a:hover {
    color: #0F172A !important;
    text-decoration: underline !important;
}

/* ============================================================
   AUMENTAR FONTES DOS TEXTOS INTERNOS DOS QUADROS / PAINÉIS
   ============================================================ */

/* Textos descritivos menores dentro dos quadros */
.feature-card span, 
.card span, 
div[class*="card"] span,
.panel-content span,
.settings-box span {
    font-size: 16px !important;
}

/* Rótulos e chaves de configuração */
.feature-card label, 
.card label, 
div[class*="card"] label,
.settings-item,
div[class*="config"] span,
div[class*="settings"] span {
    font-size: 17px !important;
    color: #F1F5F9 !important;
}

/* Textos auxiliares ou de rodapé dentro dos quadros */
.feature-card small, 
.card small, 
div[class*="card"] small,
.card-footer-text {
    font-size: 15px !important;
    color: #CBD5E1 !important;
}