/* ==========================================================
   FILM TECH - CLUBE DE VANTAGENS FINAL
   Azul marinho + dourado
   ========================================================== */

body #vantagens.landing-vantagens {
    background:
        radial-gradient(circle at 15% 20%, rgba(46,142,246,.12), transparent 32%),
        radial-gradient(circle at 85% 80%, rgba(242,189,55,.08), transparent 30%),
        linear-gradient(180deg, #06182b 0%, #03101d 100%) !important;
}

/* CABECALHO */

body #vantagens .landing-secao-cabecalho {
    background: transparent !important;
}

body #vantagens .landing-secao-cabecalho h2,
body #vantagens .landing-secao-cabecalho h2 span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
}

body #vantagens .landing-secao-cabecalho p {
    color: #a9c4dc !important;
}

body #vantagens .landing-etiqueta,
body #vantagens .landing-etiqueta.dourada {
    color: #f2bd37 !important;
    background: rgba(242,189,55,.09) !important;
    border: 1px solid rgba(242,189,55,.34) !important;
}

/* CARDS PRINCIPAIS */

body #vantagens article.landing-vantagem-fornecedores,
body #vantagens article.landing-vantagem-digital {
    background:
        linear-gradient(
            145deg,
            #0c2b4a 0%,
            #071b30 55%,
            #04111f 100%
        ) !important;

    background-color: #071b30 !important;
    background-image:
        linear-gradient(
            145deg,
            #0c2b4a,
            #04111f
        ) !important;

    border: 1px solid rgba(242,189,55,.34) !important;
    color: #ffffff !important;

    box-shadow:
        0 20px 48px rgba(0,0,0,.30) !important;
}

/* Neutraliza as camadas claras/coloridas antigas */

body #vantagens article.landing-vantagem-fornecedores::before,
body #vantagens article.landing-vantagem-digital::before {
    height: 3px !important;
    inset: 0 0 auto 0 !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #f2bd37,
            #ffd361,
            transparent
        ) !important;

    opacity: 1 !important;
}

body #vantagens article.landing-vantagem-fornecedores::after,
body #vantagens article.landing-vantagem-digital::after {
    display: none !important;
    content: none !important;
}

/* FORNECEDORES */

body #vantagens .landing-medalha {
    color: #f2bd37 !important;

    background:
        linear-gradient(
            145deg,
            #10365f,
            #071b31
        ) !important;

    border: 1px solid rgba(242,189,55,.34) !important;

    box-shadow:
        0 0 26px rgba(242,189,55,.10) !important;
}

body #vantagens .landing-medalha *,
body #vantagens .landing-vantagem-conteudo > span {
    color: #f2bd37 !important;
}

body #vantagens .landing-vantagem-fornecedores h3,
body #vantagens .landing-vantagem-fornecedores h4 {
    color: #ffffff !important;
}

body #vantagens .landing-vantagem-fornecedores p,
body #vantagens .landing-vantagem-fornecedores li {
    color: #b8cce0 !important;
}

/* PRESENCA DIGITAL */

body #vantagens .landing-digital-icone {
    color: #f2bd37 !important;

    background:
        rgba(242,189,55,.10) !important;

    border:
        1px solid rgba(242,189,55,.32) !important;
}

body #vantagens .landing-digital-etiqueta {
    color: #f2bd37 !important;

    background:
        rgba(242,189,55,.08) !important;

    border:
        1px solid rgba(242,189,55,.28) !important;
}

body #vantagens .landing-desconto {
    color: #071626 !important;

    background:
        linear-gradient(
            135deg,
            #ffd361,
            #e9a91f
        ) !important;

    border: 0 !important;
}

body #vantagens .landing-vantagem-digital h3,
body #vantagens .landing-vantagem-digital h4 {
    color: #ffffff !important;
}

body #vantagens .landing-vantagem-digital p,
body #vantagens .landing-vantagem-digital li {
    color: #b8cce0 !important;
}

/* MARCADORES */

body #vantagens .landing-vantagem-fornecedores li::before,
body #vantagens .landing-vantagem-digital li::before {
    color: #f2bd37 !important;
    background: rgba(242,189,55,.10) !important;
    border-color: rgba(242,189,55,.28) !important;
}

/* BOTOES */

body #vantagens .landing-vantagem-fornecedores a,
body #vantagens .landing-vantagem-fornecedores button,
body #vantagens .landing-vantagem-digital a,
body #vantagens .landing-vantagem-digital button,
body #vantagens .landing-digital-botao {
    color: #071626 !important;

    background:
        linear-gradient(
            135deg,
            #ffd361,
            #e9a91f
        ) !important;

    border: 0 !important;

    box-shadow:
        0 10px 26px rgba(242,189,55,.17) !important;
}
/* ==========================================================
   FILM TECH - CLUBE DE VANTAGENS
   PADRAO OFICIAL: AZUL MARINHO + DOURADO
   ========================================================== */

/* FUNDO DA SECAO */
html body #vantagens {
    background:
        radial-gradient(circle at 12% 15%, rgba(28, 115, 190, .13), transparent 32%),
        radial-gradient(circle at 88% 75%, rgba(242, 189, 55, .08), transparent 30%),
        linear-gradient(180deg, #06182b 0%, #020c16 100%) !important;
}

/* CABECALHO */
html body #vantagens .landing-secao-cabecalho {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

html body #vantagens .landing-secao-cabecalho h2,
html body #vantagens .landing-secao-cabecalho h2 span {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
}

html body #vantagens .landing-secao-cabecalho p {
    color: #a9c4dc !important;
}

html body #vantagens .landing-etiqueta,
html body #vantagens .landing-etiqueta.dourada {
    color: #f2bd37 !important;
    background: rgba(242, 189, 55, .10) !important;
    border: 1px solid rgba(242, 189, 55, .35) !important;
}

/* ==========================================================
   DOIS CARDS PRINCIPAIS
   ========================================================== */

html body #vantagens .landing-vantagem-fornecedores,
html body #vantagens .landing-vantagem-digital {
    color: #ffffff !important;

    background:
        linear-gradient(
            145deg,
            #0d2c4b 0%,
            #071b30 52%,
            #03101d 100%
        ) !important;

    border: 1px solid rgba(242, 189, 55, .38) !important;
    border-radius: 22px !important;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, .30),
        inset 0 1px 0 rgba(255, 255, 255, .03) !important;
}

/* REMOVE CORES ROXA / VERDE / CIANO ANTIGAS */
html body #vantagens .landing-vantagem-fornecedores::before,
html body #vantagens .landing-vantagem-digital::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 18px !important;
    right: 18px !important;
    bottom: auto !important;
    height: 3px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            #d99b18,
            #ffd76a,
            #d99b18,
            transparent
        ) !important;

    opacity: 1 !important;
}

html body #vantagens .landing-vantagem-fornecedores::after,
html body #vantagens .landing-vantagem-digital::after {
    display: none !important;
    content: none !important;
}

/* TITULOS */
html body #vantagens .landing-vantagem-fornecedores h3,
html body #vantagens .landing-vantagem-fornecedores h4,
html body #vantagens .landing-vantagem-digital h3,
html body #vantagens .landing-vantagem-digital h4 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
}

/* TEXTOS */
html body #vantagens .landing-vantagem-fornecedores p,
html body #vantagens .landing-vantagem-fornecedores li,
html body #vantagens .landing-vantagem-digital p,
html body #vantagens .landing-vantagem-digital li {
    color: #b9cee0 !important;
    -webkit-text-fill-color: #b9cee0 !important;
}

/* ==========================================================
   FORNECEDORES
   ========================================================== */

html body #vantagens .landing-medalha {
    color: #f2bd37 !important;
    -webkit-text-fill-color: #f2bd37 !important;

    background:
        linear-gradient(
            145deg,
            #12365a,
            #07192b
        ) !important;

    border: 1px solid rgba(242, 189, 55, .42) !important;

    box-shadow:
        0 0 28px rgba(242, 189, 55, .10) !important;
}

html body #vantagens .landing-medalha span,
html body #vantagens .landing-medalha strong,
html body #vantagens .landing-medalha small,
html body #vantagens .landing-vantagem-conteudo > span {
    color: #f2bd37 !important;
    -webkit-text-fill-color: #f2bd37 !important;
}

/* ==========================================================
   PRESENCA DIGITAL
   ========================================================== */

html body #vantagens .landing-digital-icone {
    color: #f2bd37 !important;
    -webkit-text-fill-color: #f2bd37 !important;

    background: rgba(242, 189, 55, .10) !important;
    border: 1px solid rgba(242, 189, 55, .38) !important;
}

html body #vantagens .landing-digital-etiqueta {
    color: #f2bd37 !important;
    -webkit-text-fill-color: #f2bd37 !important;

    background: rgba(242, 189, 55, .09) !important;
    border: 1px solid rgba(242, 189, 55, .30) !important;
}

html body #vantagens .landing-desconto {
    color: #071626 !important;
    -webkit-text-fill-color: #071626 !important;

    background:
        linear-gradient(
            135deg,
            #ffd76a,
            #e5a51c
        ) !important;

    border: 0 !important;
}

/* MARCADORES DAS LISTAS */
html body #vantagens .landing-vantagem-fornecedores li::before,
html body #vantagens .landing-vantagem-digital li::before {
    color: #f2bd37 !important;
    background: rgba(242, 189, 55, .11) !important;
    border-color: rgba(242, 189, 55, .35) !important;
}

/* ==========================================================
   FAIXAS INTERNAS / DESTAQUES
   ========================================================== */

html body #vantagens .landing-vantagem-fornecedores [class*="rodape"],
html body #vantagens .landing-vantagem-fornecedores [class*="destaque"],
html body #vantagens .landing-vantagem-digital [class*="rodape"],
html body #vantagens .landing-vantagem-digital [class*="destaque"] {
    background: rgba(242, 189, 55, .07) !important;
    border-color: rgba(242, 189, 55, .24) !important;
    color: #ffffff !important;
}

/* ==========================================================
   BOTOES
   ========================================================== */

html body #vantagens .landing-vantagem-fornecedores a,
html body #vantagens .landing-vantagem-fornecedores button,
html body #vantagens .landing-vantagem-digital a,
html body #vantagens .landing-vantagem-digital button,
html body #vantagens .landing-digital-botao {
    color: #071626 !important;
    -webkit-text-fill-color: #071626 !important;

    background:
        linear-gradient(
            135deg,
            #ffd76a 0%,
            #f2bd37 48%,
            #dc9816 100%
        ) !important;

    border: 0 !important;

    box-shadow:
        0 10px 25px rgba(242, 189, 55, .18) !important;
}

html body #vantagens .landing-vantagem-fornecedores a:hover,
html body #vantagens .landing-vantagem-fornecedores button:hover,
html body #vantagens .landing-vantagem-digital a:hover,
html body #vantagens .landing-vantagem-digital button:hover {
    filter: brightness(1.08) !important;
    transform: translateY(-2px);
}
/* ==========================================================
   CLUBE PREMIUM REAL - classes geradas pelo JS
   ========================================================== */

body #vantagens .ft-clube-card {
    background:
        linear-gradient(
            145deg,
            #0d2c4b 0%,
            #071b30 55%,
            #03101d 100%
        ) !important;

    border:
        1px solid rgba(242,189,55,.38) !important;

    color: #ffffff !important;

    box-shadow:
        0 20px 46px rgba(0,0,0,.30) !important;
}

/* tira qualquer fundo claro interno */
body #vantagens .ft-clube-card *,
body #vantagens .ft-clube-card-hero,
body #vantagens .ft-clube-card-texto,
body #vantagens .ft-clube-topo,
body #vantagens .ft-clube-resumo {
    background-color: transparent !important;
}

/* selos */
body #vantagens .ft-clube-selo {
    color: #f2bd37 !important;
    background: rgba(242,189,55,.09) !important;
    border-color: rgba(242,189,55,.30) !important;
}

/* desconto */
body #vantagens .ft-clube-desconto {
    color: #071626 !important;
    background:
        linear-gradient(
            135deg,
            #ffd361,
            #e9a91f
        ) !important;
}

/* icones */
body #vantagens .ft-clube-icone-wrap,
body #vantagens .ft-clube-icone,
body #vantagens .ft-clube-resumo-icone {
    color: #f2bd37 !important;
    background: rgba(242,189,55,.10) !important;
    border-color: rgba(242,189,55,.30) !important;
}

body #vantagens .ft-clube-icone svg,
body #vantagens .ft-clube-icone svg *,
body #vantagens .ft-clube-resumo-icone svg,
body #vantagens .ft-clube-resumo-icone svg * {
    stroke: #f2bd37 !important;
    color: #f2bd37 !important;
}

/* titulos */
body #vantagens .ft-clube-card h3,
body #vantagens .ft-clube-card h4,
body #vantagens .ft-clube-card-subtitulo,
body #vantagens .ft-clube-card-texto strong {
    color: #ffffff !important;
}

/* textos */
body #vantagens .ft-clube-card-descricao,
body #vantagens .ft-clube-card p,
body #vantagens .ft-clube-card li,
body #vantagens .ft-clube-card small {
    color: #b8cce0 !important;
}

/* checks */
body #vantagens .ft-clube-check {
    color: #f2bd37 !important;
    background: rgba(242,189,55,.10) !important;
    border-color: rgba(242,189,55,.28) !important;
}

/* bloco resumo */
body #vantagens .ft-clube-resumo {
    background:
        rgba(242,189,55,.06) !important;

    border:
        1px solid rgba(242,189,55,.22) !important;
}

/* botões */
body #vantagens .ft-clube-botao {
    color: #071626 !important;

    background:
        linear-gradient(
            135deg,
            #ffd361,
            #f2bd37,
            #dc9816
        ) !important;

    border: 0 !important;

    box-shadow:
        0 10px 24px rgba(242,189,55,.18) !important;
}

body #vantagens .ft-clube-botao-seta {
    color: #071626 !important;
}
/* ==========================================================
   REFINAMENTO TIPOGRAFICO - CLUBE DE VANTAGENS
   ========================================================== */

/* Tipografia geral mais limpa */
body #vantagens .ft-clube-card {
    font-family: Arial, Helvetica, sans-serif !important;
}

/* TITULO PRINCIPAL DOS CARDS */
body #vantagens .ft-clube-card h3 {
    font-weight: 700 !important;
    letter-spacing: -0.35px !important;
    line-height: 1.15 !important;
    color: #ffffff !important;
}

/* SUBTITULO */
body #vantagens .ft-clube-card-subtitulo {
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.35 !important;
    color: #f2bd37 !important;
}

/* DESCRICAO */
body #vantagens .ft-clube-card-descricao {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.55 !important;
    color: #b8cce0 !important;
}

/* ITENS DAS LISTAS */
body #vantagens .ft-clube-lista li {
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.45 !important;
    color: #c4d5e4 !important;
}

/* SELOS SUPERIORES */
body #vantagens .ft-clube-selo,
body #vantagens .ft-clube-desconto {
    font-weight: 700 !important;
    letter-spacing: .25px !important;
}

/* BLOCO INFERIOR */
body #vantagens .ft-clube-resumo strong {
    font-weight: 600 !important;
    color: #f2bd37 !important;
}

body #vantagens .ft-clube-resumo small {
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #a9bfd2 !important;
}

/* BOTAO - forte, mas sem aspecto pesado */
body #vantagens .ft-clube-botao {
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}