/* Tema Copa do Mundo / Seleção Brasileira — apenas home pública (body.tema-copa-brasil) */

body.tema-copa-brasil {
    --quite-royal-blue: #4169E1;
    --quite-bandeira-amarelo: #FFDF00;
    --quite-bandeira-amarelo-escuro: #E6C800;
    --quite-default-blue: var(--quite-royal-blue);
    --quite-default-green: var(--quite-bandeira-amarelo);
    --quite-default-dark-green-1: var(--quite-bandeira-amarelo-escuro);
    --quite-default-dark-green-2: #C9B000;
}

/* Faixas azul petróleo → Azul Royal com texto amarelo */
body.tema-copa-brasil .quite-bg-blue,
body.tema-copa-brasil nav.quite-bg-blue,
body.tema-copa-brasil main.quite-bg-blue {
    background-color: var(--quite-royal-blue) !important;
    color: var(--quite-bandeira-amarelo) !important;
}

body.tema-copa-brasil #divParceiros,
body.tema-copa-brasil #divParceiros h2,
body.tema-copa-brasil #divParceiros h4,
body.tema-copa-brasil #divNaoEQuemProcuramos,
body.tema-copa-brasil #divNaoEQuemProcuramos h1,
body.tema-copa-brasil #divNaoEQuemProcuramos p,
body.tema-copa-brasil #divNaoEQuemProcuramos label,
body.tema-copa-brasil #divNaoEQuemProcuramos .container {
    color: var(--quite-bandeira-amarelo) !important;
}

body.tema-copa-brasil .nav-link,
body.tema-copa-brasil .nav-item-custom {
    color: var(--quite-bandeira-amarelo) !important;
}

body.tema-copa-brasil .navbar-toggler-icon,
body.tema-copa-brasil .navbar .fa-bars {
    color: var(--quite-bandeira-amarelo) !important;
}

body.tema-copa-brasil .navbar .d-block.d-md-none.m-0 {
    border-color: var(--quite-bandeira-amarelo) !important;
}

body.tema-copa-brasil #menuLinkFaleConosco,
body.tema-copa-brasil nav a.nav-item-custom[style*="color:black"],
body.tema-copa-brasil nav a.nav-link[style*="color:black"] {
    color: var(--quite-bandeira-amarelo) !important;
}

body.tema-copa-brasil .nav-item a.nav-item-custom[href*="Login"] {
    color: var(--quite-bandeira-amarelo) !important;
}

body.tema-copa-brasil #modalSegurancaQuiteDigital .modal-logo-faixa {
    background-color: var(--quite-royal-blue) !important;
}

/* Faixas verde degradê → amarelo bandeira com texto Azul Royal */
body.tema-copa-brasil .quite-bg-green,
body.tema-copa-brasil .quite-bg-dark-green-1,
body.tema-copa-brasil .bg-dark-green,
body.tema-copa-brasil .ribbon,
body.tema-copa-brasil .no-ribbon {
    background: linear-gradient(135deg, #FFDF00 0%, #FEDD00 55%, #E6C800 100%) !important;
    background-color: var(--quite-bandeira-amarelo) !important;
    color: var(--quite-royal-blue) !important;
}

body.tema-copa-brasil .quite-bg-green .text-white,
body.tema-copa-brasil .quite-bg-green h3,
body.tema-copa-brasil .quite-bg-green .btn,
body.tema-copa-brasil .quite-bg-dark-green-1,
body.tema-copa-brasil .quite-bg-dark-green-1.text-white,
body.tema-copa-brasil .bg-dark-green,
body.tema-copa-brasil .bg-dark-green .text-white,
body.tema-copa-brasil .bg-dark-green .footerMessage,
body.tema-copa-brasil .bg-dark-green .footerCard,
body.tema-copa-brasil .bg-dark-green .footerCardTitle,
body.tema-copa-brasil .bg-dark-green .footerCardContent,
body.tema-copa-brasil .bg-dark-green .footerCardContent a,
body.tema-copa-brasil .bg-dark-green .quite-font-color-white-55alpha,
body.tema-copa-brasil .bg-dark-green .col-12.text-white,
body.tema-copa-brasil .ribbon,
body.tema-copa-brasil .no-ribbon {
    color: var(--quite-royal-blue) !important;
}

body.tema-copa-brasil .bg-dark-green .footerCardContent,
body.tema-copa-brasil .bg-dark-green .footerCardContent a {
    color: rgba(65, 105, 225, 0.75) !important;
}

body.tema-copa-brasil .quite-bg-green .btn,
body.tema-copa-brasil .quite-bg-green a.btn,
body.tema-copa-brasil a.quite-bg-green,
body.tema-copa-brasil button.quite-bg-green,
body.tema-copa-brasil .quite-bg-dark-green-1.btn {
    background: linear-gradient(135deg, #FFDF00 0%, #FEDD00 55%, #E6C800 100%) !important;
    background-color: var(--quite-bandeira-amarelo) !important;
    color: var(--quite-royal-blue) !important;
    border-color: var(--quite-royal-blue) !important;
}

body.tema-copa-brasil .quite-bg-green .btn:hover,
body.tema-copa-brasil a.quite-bg-green:hover,
body.tema-copa-brasil button.quite-bg-green:hover,
body.tema-copa-brasil .quite-bg-dark-green-1.btn:hover {
    background-color: var(--quite-bandeira-amarelo-escuro) !important;
    color: var(--quite-royal-blue) !important;
}

body.tema-copa-brasil .quite-bg-blue .quite-bg-green,
body.tema-copa-brasil #divNaoEQuemProcuramos .quite-bg-green {
    background: linear-gradient(135deg, #FFDF00 0%, #FEDD00 55%, #E6C800 100%) !important;
    color: var(--quite-royal-blue) !important;
}

body.tema-copa-brasil #divNaoEQuemProcuramos .quite-bg-green.text-white {
    color: var(--quite-royal-blue) !important;
}

body.tema-copa-brasil .footerMessage > span {
    color: var(--quite-royal-blue) !important;
}

body.tema-copa-brasil .quite-font-color-default-green {
    color: var(--quite-royal-blue) !important;
}

body.tema-copa-brasil .quite-font-color-default-blue {
    color: var(--quite-royal-blue) !important;
}

/* Hero banner — cores do texto (imagem vem de PortalTemas / base) */
body.tema-copa-brasil .cpfArea .text-white,
body.tema-copa-brasil .cpfAreaMobile .text-white,
body.tema-copa-brasil .cpfArea span,
body.tema-copa-brasil .cpfAreaMobile span,
body.tema-copa-brasil .cpfArea h1,
body.tema-copa-brasil .cpfAreaMobile h3,
body.tema-copa-brasil #spnPessoasNavegandoDesk,
body.tema-copa-brasil #spnPessoasNavegando {
    color: var(--quite-royal-blue) !important;
}

/* Cards de números com fundo verde */
body.tema-copa-brasil .cardNumbersContainer.quite-bg-green {
    background: linear-gradient(135deg, #FFDF00 0%, #FEDD00 55%, #E6C800 100%) !important;
    color: var(--quite-royal-blue) !important;
}

body.tema-copa-brasil .cardNumbersContainer.quite-bg-green h1,
body.tema-copa-brasil .cardNumbersContainer.quite-bg-green p,
body.tema-copa-brasil .cardNumbersContainer.quite-bg-green hr {
    color: var(--quite-royal-blue) !important;
    border-color: var(--quite-royal-blue) !important;
}

/* Modal de segurança — botão verde */
body.tema-copa-brasil #btnConfirmarLeituraSeguranca {
    background: linear-gradient(135deg, #FFDF00 0%, #FEDD00 55%, #E6C800 100%) !important;
    color: var(--quite-royal-blue) !important;
}

/* Banners com fundo azul petróleo inline */
body.tema-copa-brasil img[style*="quite-default-blue"] {
    background-color: var(--quite-royal-blue) !important;
}

/* Botões verdes em formulários (desktop e mobile) */
body.tema-copa-brasil .bg-white .quite-bg-green,
body.tema-copa-brasil .bg-white button.quite-bg-green,
body.tema-copa-brasil .bg-white a.quite-bg-green {
    background: linear-gradient(135deg, #FFDF00 0%, #FEDD00 55%, #E6C800 100%) !important;
    color: var(--quite-royal-blue) !important;
}

@media (max-width: 1199.98px) {
    body.tema-copa-brasil .cpfAreaMobile h3,
    body.tema-copa-brasil .cpfAreaMobile .text-white,
    body.tema-copa-brasil .cpfAreaMobile span {
        color: var(--quite-royal-blue) !important;
    }
}

@media (min-width: 1200px) {
    body.tema-copa-brasil .cpfArea h1,
    body.tema-copa-brasil .cpfArea .text-white,
    body.tema-copa-brasil .cpfArea span {
        color: var(--quite-royal-blue) !important;
    }

    /* Texto fora do box de consulta CPF — desktop -20% */
    body.tema-copa-brasil .cpfArea .col-lg-6:first-child {
        font-size: 80%;
    }

    body.tema-copa-brasil .cpfArea .col-lg-6:first-child > h1 {
        font-size: 2.88rem !important;
    }

    body.tema-copa-brasil .cpfArea .col-lg-6:first-child h1,
    body.tema-copa-brasil .cpfArea .col-lg-6:first-child span {
        -webkit-text-stroke: 0.75px #ffffff;
        paint-order: stroke fill;
    }
}