/*
 * DENTCOMM - QUEM SOMOS (CORRIGIDO)
 * Fase 1: Correção de Contraste e Legibilidade
 */

.about-intro { padding: var(--section-padding); }
.about-intro__container { display: flex; gap: 4rem; align-items: center; }
.about-intro__text { flex: 1; }
.about-intro__text h2 { margin-bottom: 2rem; font-size: clamp(1.8rem, 3vw, 2.5rem); }
.about-intro__image { flex: 1; border-radius: var(--radius-xl); overflow: hidden; box-shadow: var(--shadow-xl); }
.about-intro__image img { width: 100%; height: 100%; object-fit: cover; }
.text-highlight { color: var(--primary-cyan-text); font-style: italic; }

/* --- CORREÇÃO DE CONTRASTE: Fundo Ciano com Texto Escuro --- */
.highlight-section { 
    padding: 5rem 0; 
    background: var(--gradient-primary); 
    text-align: center; 
}
.highlight-section h2, 
.highlight-section span { 
    color: #121212 !important; /* Força cor escura para leitura */
    font-size: clamp(2rem, 4vw, 3.5rem); 
    margin: 0;
    text-shadow: none;
    -webkit-text-fill-color: initial; /* Remove gradiente do texto se houver */
}

.values { padding: var(--section-padding); }
.values__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; margin-top: 3rem; }

.value-card { 
    background: var(--bg-light); padding: 2.5rem 2rem; border-radius: var(--radius-xl); 
    text-align: center; transition: var(--transition-smooth); border: 1px solid rgba(0,0,0,0.05); 
}
[data-theme="dark"] .value-card { border-color: rgba(255,255,255,0.05); }
.value-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-xl); border-color: var(--primary-cyan); }
.value-icon { font-size: 2.5rem; margin-bottom: 1.5rem; }
.value-card h3 { font-size: 1.5rem; margin-bottom: 1rem; }

.about-cure { padding: var(--section-padding); text-align: center; }
.about-cure__container { max-width: 800px; margin: 0 auto; }
.about-cure h3 { margin-bottom: 2rem; font-size: 2rem; }
.about-cure p { font-size: 1.25rem; line-height: 1.8; }

/* --- CORREÇÃO DE CONTRASTE CTA --- */
.cta-section { 
    padding: 6rem 0; 
    background: var(--gradient-primary); 
    text-align: center; 
}
.cta-section h2 { 
    margin-bottom: 2.5rem; 
    color: #121212 !important; /* Texto Escuro no Fundo Neon */
    font-size: clamp(2rem, 4vw, 3.5rem);
}
.cta-section .highlight {
    color: #000 !important;
    background: none;
    -webkit-text-fill-color: initial;
    text-decoration: underline;
}

/* Botão no CTA deve ser escuro para contrastar com o ciano */
.cta-section .btn--primary {
    background: #121212;
    color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
.cta-section .btn--primary:hover {
    background: #000;
    transform: translateY(-3px);
}

@media (max-width: 768px) {
    .about-intro__container { flex-direction: column; }
    .highlight-section h2 { font-size: 2rem; }
}