/* ============================================================================
   Contrast fixes - WCAG AA (ratio >= 4.5 normal, 3.0 large)
   Aplica overrides cirurgicos para os problemas detectados pelo audit_home.py.
   Este arquivo deve ser carregado POR ULTIMO para vencer outras regras.
   ============================================================================ */

/* -----------------------------------------------------------------------------
   FIX 1 — <span class="section-label"> "TECNOLOGIA DESENVOLVIDA INTERNAMENTE"
   Problema: texto #CC4E1F sobre gradient #CC4E1F -> #E85A25 (ratio 1.0, invisivel).
   Causa: theme-light.css:1062 e :2814 forcam color:#CC4E1F em .tech-z-intro
   .section-label, enquanto :2949 aplica o pill com gradient laranja.
   Fix: manter o pill mas forcar texto BRANCO (design original do pill) e
   escurecer o fim do gradient para 4.5+ em branco.
   ----------------------------------------------------------------------------- */
body.indextest .tech-z-intro .section-label,
.tech-z-intro .section-label,
.tech-cta .section-label,
.intro-content .section-label {
    background: linear-gradient(135deg, #9A3A16 0%, #B3441A 100%) !important;
    color: #FFFFFF !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) !important;
}

/* -----------------------------------------------------------------------------
   FIX 2 — <p class="tech-highlight"> "Tecnologia 100% propria desenvolvida..."
   Problema: color:#FF6B35 (laranja vivo) sobre bg:#F5F6F8 -> ratio 2.62.
   Causa: theme-light.css:1122 forca color: var(--bssf-orange-primary).
   Fix: usar laranja escuro #A63D1A — ratio 5.12 contra #F5F6F8 (passa AA).
   ----------------------------------------------------------------------------- */
body.indextest .tech-z-intro .tech-highlight,
.tech-z-intro .tech-highlight,
.tech-cta .tech-highlight {
    color: #A63D1A !important;
}

/* -----------------------------------------------------------------------------
   FIX 3 — <span> "Scroll para descobrir" dentro de .scroll-indicator
   Problema: color:#6B6B6B sobre gradient dark #0F0F1E -> #1A1A2E (ratio 3.2).
   Fix: clarear para #C9C9C9 — ratio 9+ contra o gradient dark.
   ----------------------------------------------------------------------------- */
.scroll-indicator,
.scroll-indicator span,
body.indextest .scroll-indicator,
body.indextest .scroll-indicator span {
    color: #C9C9C9 !important;
}

/* -----------------------------------------------------------------------------
   FIX 4 — "Diagnostico Gratuito" no footer (<a class="btn btn-primary btn-small">)
   Problema desktop: #FFFFFF sobre #EBEDF2 (ratio 1.17, praticamente invisivel).
   O botao estava sem background explicito no contexto do footer.
   Fix: garantir bg laranja escuro solido para contraste AA.
   ----------------------------------------------------------------------------- */
.footer .btn.btn-primary,
.footer .btn.btn-primary.btn-small,
footer .btn.btn-primary,
footer .btn.btn-primary.btn-small {
    background: #B3441A !important;
    color: #FFFFFF !important;
    border: none !important;
}
.footer .btn.btn-primary:hover,
footer .btn.btn-primary:hover {
    background: #9A3A16 !important;
    color: #FFFFFF !important;
}

/* -----------------------------------------------------------------------------
   FIX 5 — Botoes .btn-primary "Aceitar" / "Ver Infraestrutura" / "Ver Especi-
   ficacoes Tecnicas" com bg #CC4E1F — ratio 4.49 (0.01 abaixo do minimo AA).
   Fix: escurecer bg para #B3441A — ratio 5.55 (folga confortavel).
   Mantem identidade visual laranja mas passa WCAG AA com margem.
   ----------------------------------------------------------------------------- */
.btn.btn-primary,
body.indextest .btn.btn-primary,
button.btn-primary,
a.btn-primary {
    background: #B3441A !important;
    color: #FFFFFF !important;
}
.btn.btn-primary:hover,
body.indextest .btn.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover {
    background: #9A3A16 !important;
    color: #FFFFFF !important;
}

/* -----------------------------------------------------------------------------
   FIX 6 — Touch target dos links do rodape legal (Termos / Politica de Privacidade)
   Problema: altura efetiva de 17px (so font-size), abaixo do minimo WCAG 2.5.5
   AA (24x24) e AAA (44x44). audit_home.py reportou em desktop e mobile.
   Fix: padding vertical de 6px -> 29px de altura total, passa AA com folga.
   ----------------------------------------------------------------------------- */
.footer-legal a,
body.indextest .footer-legal a {
    display: inline-block !important;
    padding: 6px 0 !important;
    min-height: 24px !important;
    line-height: 1.4 !important;
}

/* Cookie consent "Aceitar" — o seletor original usa ID #cookie-accept
   (theme-light.css:2868) que tem especificidade maior que classes.
   Precisamos bater pelo mesmo ID. */
#cookie-accept,
#cookie-accept.btn,
#cookie-accept.btn-primary {
    background: #B3441A !important;
    color: #FFFFFF !important;
}
#cookie-accept:hover,
#cookie-accept.btn:hover,
#cookie-accept.btn-primary:hover {
    background: #9A3A16 !important;
    color: #FFFFFF !important;
}

/* -----------------------------------------------------------------------------
   FIX 7 (AUTO 2026-04-22) — 4 textos com ratio=1.0 (invisiveis).
   Reportados por audit_contraste_visual.py. Color == background.
   ----------------------------------------------------------------------------- */

.how-works-section .section-label,
[data-section="como-funciona"] .section-label,
section.how-works .section-label {
    color: #FFFFFF !important;
    background: #B3441A !important;
    padding: 6px 14px;
    border-radius: 999px;
}

.contact-section h4,
.contact-results h4,
[class*="resultados"] h4 {
    color: #1A1A1A !important;
}

.results-section .section-label,
.comprovado-badge,
span[class*="comprovado"] {
    color: #FFFFFF !important;
    background: #B3441A !important;
}

.tech-diferencial .section-label,
[class*="diferencial"] .section-label {
    color: #FFFFFF !important;
    background: #B3441A !important;
    padding: 6px 14px;
    border-radius: 999px;
}