/**
 * Padronização de Títulos e Nomes - OnCabo
 * REGRA: Fundo branco = Azul #0c3c6c | Fundo azul = Branco
 */

/* ===================================
   REGRA GERAL
   Fundo BRANCO/CLARO → Títulos AZUL
   Fundo AZUL/ESCURO → Títulos BRANCO
   =================================== */

/* ===================================
   SEÇÕES COM FUNDO BRANCO/CLARO
   =================================== */

/* Títulos de seções em fundo branco/claro */
.stats-section .section-title,
.planos-section:not(.corporativo-section) .section-title,
.combo-section .section-title,
.autoatendimento-section .section-title,
.faq-section .section-title,
.beneficios-section .section-title,
.cobertura-section .section-title,
.depoimentos-section .section-title {
    color: #0c3c6c !important;
    font-weight: 800 !important;
}

/* Subtítulos em fundo branco/claro */
.stats-section .section-subtitle,
.planos-section:not(.corporativo-section) .section-subtitle,
.combo-section .section-subtitle,
.autoatendimento-section .section-subtitle,
.faq-section .section-subtitle,
.beneficios-section .section-subtitle,
.cobertura-section .section-subtitle,
.depoimentos-section .section-subtitle {
    color: #6B7280 !important;
}

/* ===================================
   SEÇÕES COM FUNDO AZUL/ESCURO
   =================================== */

/* Hero/Slider - fundo azul escuro */
.hero-slider .section-title,
.hero-slider h1,
.hero-slider h2,
.hero-slider h3,
.hero-section .section-title,
.hero-section h1,
.hero-section h2 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.hero-slider .section-subtitle,
.hero-slider p,
.hero-section .section-subtitle,
.hero-section p {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Corporativo - fundo azul */
.corporativo-section .section-title,
.corporativo-section h2 {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.corporativo-section .section-subtitle,
.corporativo-section .section-header p {
    color: rgba(255, 255, 255, 0.95) !important;
}

/* Footer - fundo escuro - TUDO BRANCO - FORÇAR */
.site-footer,
.site-footer *,
.site-footer .section-title,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4,
.site-footer h5,
.site-footer h6,
.site-footer p,
.site-footer a,
.site-footer a:link,
.site-footer a:visited,
.site-footer a:hover,
.site-footer a:active,
.site-footer span,
.site-footer li,
.site-footer strong,
.site-footer b,
.site-footer em,
.site-footer i,
.site-footer div,
.site-footer .footer-links,
.site-footer .footer-links li,
.site-footer .footer-links a,
.site-footer .footer-section a,
.site-footer .footer-bottom p,
.site-footer ul li,
.site-footer ul li a {
    color: #ffffff !important;
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
    font-weight: 700 !important;
    color: #ffffff !important;
}

/* Garantir hover branco também */
.site-footer a:hover {
    color: rgba(255, 255, 255, 0.8) !important;
    text-decoration: underline !important;
}

/* ===================================
   CARDS E ELEMENTOS INTERNOS
   =================================== */

/* Cards com fundo BRANCO → Títulos AZUL */
.plano-card .plano-nome,
.service-card .service-title,
.beneficio-card .beneficio-titulo,
.combo-card .combo-title,
.auto-card h3,
.stat-card .stat-label,
.sva-card .sva-title,
.depoimento-card .depoimento-autor strong {
    color: #0c3c6c !important;
    font-weight: 700 !important;
}

/* Números em cards brancos - AZUL */
.stat-number,
.velocidade-numero {
    color: #0c3c6c !important;
    font-weight: 900 !important;
}

.velocidade-unidade {
    color: #0c3c6c !important;
    font-weight: 700 !important;
}

/* ===================================
   SEÇÕES ESPECÍFICAS
   =================================== */

/* Seção de Serviços - fundo azul claro */
.services-section {
    background: #e8f2f9 !important;
}

.services-section .section-title {
    color: #0c3c6c !important;
}

.services-section .section-subtitle {
    color: #6B7280 !important;
}

.services-section .service-card {
    background: #ffffff !important;
}

.services-section .service-title {
    color: #0c3c6c !important;
}

/* Seção SVAs - fundo azul claro */
.svas-section {
    background: #e8f2f9 !important;
}

.svas-section .section-title {
    color: #0c3c6c !important;
}

.svas-section .section-subtitle {
    color: #6B7280 !important;
}

/* Seção App - fundo azul claro */
.app-section {
    background: #e8f2f9 !important;
}

.app-section .section-title {
    color: #0c3c6c !important;
}

.app-section .section-subtitle {
    color: #6B7280 !important;
}

.app-section h3 {
    color: #0c3c6c !important;
}

/* Seção Depoimentos - fundo azul claro */
.depoimentos-section {
    background: #e8f2f9 !important;
}

.depoimentos-section .section-title {
    color: #0c3c6c !important;
}

.depoimentos-section .section-subtitle {
    color: #6B7280 !important;
}

/* ===================================
   PLANOS - NOMES ESPECÍFICOS
   =================================== */

/* Planos Residenciais - cards brancos */
.planos-section:not(.corporativo-section) .plano-card .plano-nome {
    color: #6B7280 !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Planos Corporativos - cards brancos sobre fundo azul */
.corporativo-section .plano-card .plano-nome {
    color: #6B7280 !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* ===================================
   OUTROS TÍTULOS E NOMES
   =================================== */

/* Títulos h1, h2, h3, h4 em seções com fundo branco */
.stats-section h1,
.stats-section h2,
.stats-section h3,
.stats-section h4,
.planos-section:not(.corporativo-section) h1,
.planos-section:not(.corporativo-section) h2,
.planos-section:not(.corporativo-section) h3,
.planos-section:not(.corporativo-section) h4,
.combo-section h1,
.combo-section h2,
.combo-section h3,
.combo-section h4,
.beneficios-section h1,
.beneficios-section h2,
.beneficios-section h3,
.beneficios-section h4,
.faq-section h1,
.faq-section h2,
.faq-section h3,
.faq-section h4 {
    color: #0c3c6c !important;
}

/* Títulos h1, h2, h3, h4 em seções com fundo azul */
.hero-slider h1,
.hero-slider h2,
.hero-slider h3,
.hero-slider h4,
.corporativo-section h1,
.corporativo-section h2,
.corporativo-section h3,
.corporativo-section h4,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
    color: #ffffff !important;
}

/* ===================================
   FAQ
   =================================== */

.faq-question {
    color: #0c3c6c !important;
    font-weight: 600 !important;
}

.faq-item.active .faq-question {
    color: #0c3c6c !important;
}

/* ===================================
   ESTATÍSTICAS
   =================================== */

.stat-card {
    background: #ffffff !important;
}

.stat-icon {
    color: #0c3c6c !important;
}

.stat-number {
    color: #0c3c6c !important;
}

.stat-label {
    color: #374151 !important;
    font-weight: 600 !important;
}

/* ===================================
   AUTOATENDIMENTO
   =================================== */

.auto-card {
    background: #ffffff !important;
}

.auto-card h3 {
    color: #0c3c6c !important;
    font-weight: 700 !important;
}

.auto-card p {
    color: #6B7280 !important;
}

/* ===================================
   BENEFÍCIOS
   =================================== */

.beneficio-card {
    background: #ffffff !important;
}

.beneficio-titulo {
    color: #0c3c6c !important;
    font-weight: 700 !important;
}

.beneficio-descricao {
    color: #6B7280 !important;
}

/* ===================================
   DEPOIMENTOS
   =================================== */

.depoimento-card {
    background: #ffffff !important;
}

.depoimento-autor strong {
    color: #0c3c6c !important;
    font-weight: 700 !important;
}

.depoimento-autor span {
    color: #6B7280 !important;
}

/* ===================================
   COMBOS
   =================================== */

.combo-card {
    background: #ffffff !important;
}

.combo-title {
    color: #0c3c6c !important;
    font-weight: 700 !important;
}

.combo-description {
    color: #6B7280 !important;
}

/* ===================================
   SVAS
   =================================== */

.sva-card {
    background: #ffffff !important;
}

.sva-title {
    color: #0c3c6c !important;
    font-weight: 700 !important;
}

.sva-description {
    color: #6B7280 !important;
}

/* ===================================
   GARANTIR CONTRASTE EM HIGHLIGHTS
   =================================== */

/* Highlights em fundo branco - podem ser verde */
.planos-section:not(.corporativo-section) .section-title .highlight,
.services-section .section-title .highlight,
.beneficios-section .section-title .highlight {
    color: #13fa1c !important;
    font-weight: 800 !important;
}

/* Highlights em fundo azul - devem ser verde brilhante */
.hero-slider .highlight,
.corporativo-section .highlight {
    color: #13fa1c !important;
    font-weight: 800 !important;
    text-shadow: 0 0 20px rgba(19, 250, 28, 0.5) !important;
}

/* ===================================
   PREÇOS
   =================================== */

/* Preços em cards brancos */
.plano-card .preco-valor {
    color: #111827 !important;
    font-weight: 800 !important;
}

.plano-card .preco-cifrao,
.plano-card .preco-periodo {
    color: #6B7280 !important;
}

/* ===================================
   GARANTIR APLICAÇÃO (ALTA PRIORIDADE)
   =================================== */

/* Força aplicação em elementos específicos */
body .section-title {
    font-family: 'Figtree', sans-serif !important;
    font-weight: 800 !important;
}

body .plano-nome {
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Títulos em seções com fundo branco */
body .stats-section .section-title,
body .planos-section:not(.corporativo-section) .section-title,
body .services-section .section-title,
body .svas-section .section-title,
body .app-section .section-title,
body .beneficios-section .section-title,
body .faq-section .section-title,
body .depoimentos-section .section-title {
    color: #0c3c6c !important;
}

/* Títulos em seções com fundo azul */
body .hero-slider .section-title,
body .hero-slider h1,
body .corporativo-section .section-title,
body .corporativo-section h2,
body .site-footer h2,
body .site-footer h3 {
    color: #ffffff !important;
}

/* ===================================
   RESPONSIVIDADE
   =================================== */

@media (max-width: 768px) {
    .section-title {
        font-size: 2rem !important;
    }

    .plano-nome {
        font-size: 0.75rem !important;
    }
}

@media (max-width: 480px) {
    .section-title {
        font-size: 1.75rem !important;
    }
}