/* =========================================================
   FILM TECH - PLANOS
   Padrao visual azul-marinho + dourado
========================================================= */

#planos{
    padding:82px 0 90px !important;
    background:
        radial-gradient(circle at 50% 15%,rgba(29,92,145,.16),transparent 34%),
        linear-gradient(180deg,#020d19 0%,#06182b 55%,#020d19 100%) !important;
    font-family:Arial,Helvetica,sans-serif !important;
}

/* CABECALHO */

#planos .landing-secao-cabecalho{
    max-width:920px;
    margin:0 auto 54px;
    text-align:center;
}

#planos .landing-etiqueta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:8px 16px;

    color:#f2bd37 !important;
    background:rgba(242,189,55,.06) !important;
    border:1px solid rgba(242,189,55,.45) !important;
    border-radius:999px;

    font-size:11px !important;
    font-weight:600 !important;
    letter-spacing:.08em;
    text-transform:uppercase;
}

#planos .landing-secao-cabecalho h2{
    max-width:900px;
    margin:23px auto 16px !important;

    color:#ffffff !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:clamp(38px,4.5vw,58px) !important;
    font-weight:400 !important;
    line-height:1.08 !important;
    letter-spacing:-1.5px !important;
}

#planos .landing-secao-cabecalho p{
    max-width:780px;
    margin:0 auto !important;

    color:#a9c2d8 !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-size:16px !important;
    font-weight:400 !important;
    line-height:1.65 !important;
}


/* CARDS */

#planos article{
    font-family:Arial,Helvetica,sans-serif !important;
}

/* cards principais de plano */

#planos [class*="plano-card"],
#planos [class*="plano-card"].destaque{
    background:
        linear-gradient(155deg,#0a2947 0%,#061a2e 55%,#041322 100%) !important;

    border:1px solid rgba(242,189,55,.30) !important;
    border-top:3px solid #f2bd37 !important;
    border-radius:20px !important;

    box-shadow:
        0 22px 55px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
}

/* textos dos cards */

#planos [class*="plano-card"] h3{
    color:#ffffff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:400 !important;
    letter-spacing:-.5px !important;
}

#planos [class*="plano-card"] p,
#planos [class*="plano-card"] li{
    color:#b9ccdc !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:400 !important;
}

/* etiquetas mensal / trimestral / anual */

#planos [class*="plano-card"] > span,
#planos [class*="plano-card"] [class*="tipo"]{
    color:#f2bd37 !important;
    font-weight:600 !important;
}


/* PRECOS */

#planos [class*="preco"]{
    color:#ffffff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:400 !important;
}

#planos [class*="preco"] strong{
    color:#ffffff !important;
    font-weight:400 !important;
}

#planos [class*="preco"] span{
    color:#c8d7e4 !important;
    font-weight:400 !important;
}


/* ECONOMIA / DESTAQUES */

#planos [class*="econom"],
#planos [class*="badge"],
#planos [class*="selo"]{
    color:#f2bd37 !important;
    background:rgba(242,189,55,.08) !important;
    border-color:rgba(242,189,55,.42) !important;
    font-weight:600 !important;
}


/* LISTA DE BENEFICIOS */

#planos ul{
    color:#b9ccdc !important;
}

#planos li{
    font-size:14px !important;
    line-height:1.55 !important;
}

#planos li::marker{
    color:#f2bd37 !important;
}


/* BOTOES */

#planos a[class*="botao"],
#planos button{
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:600 !important;

    color:#071421 !important;

    background:
        linear-gradient(135deg,#ffd86a 0%,#e7ad25 100%) !important;

    border:1px solid rgba(255,216,106,.55) !important;
    border-radius:10px !important;

    box-shadow:0 10px 25px rgba(218,160,28,.15) !important;
}

#planos a[class*="botao"]:hover,
#planos button:hover{
    transform:translateY(-2px);
    filter:brightness(1.06);
}


/* REMOVE VISUAL ROXO/AZUL FORTE DOS PLANOS */

#planos .destaque{
    border-color:#f2bd37 !important;
}

#planos svg{
    color:#f2bd37;
}


/* RESPONSIVO */

@media(max-width:900px){

    #planos{
        padding:68px 0 72px !important;
    }

    #planos .landing-secao-cabecalho{
        margin-bottom:42px;
    }
}

@media(max-width:600px){

    #planos{
        padding:56px 0 62px !important;
    }

    #planos .landing-secao-cabecalho h2{
        font-size:36px !important;
    }

    #planos .landing-secao-cabecalho p{
        font-size:15px !important;
    }
}
/* =========================================================
   CORRECAO FINAL - CLASSES REAIS DOS PLANOS
========================================================= */

#planos .landing-planos-grade{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    align-items:stretch;
}

/* CARDS */

#planos .landing-plano,
#planos .landing-plano.destaque,
#planos .landing-plano-mensal,
#planos .landing-plano-anual{
    position:relative;

    background:
        radial-gradient(circle at 50% 0%,rgba(30,92,145,.13),transparent 34%),
        linear-gradient(155deg,#0b2946 0%,#061b30 52%,#041321 100%) !important;

    border:1px solid rgba(242,189,55,.32) !important;
    border-top:3px solid #f2bd37 !important;
    border-radius:20px !important;

    box-shadow:
        0 22px 50px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.03) !important;

    color:#ffffff !important;
}

/* PLANO TRIMESTRAL EM DESTAQUE */

#planos .landing-plano.destaque{
    border-color:#f2bd37 !important;

    box-shadow:
        0 25px 60px rgba(0,0,0,.34),
        0 0 28px rgba(242,189,55,.08) !important;
}

/* TITULOS */

#planos .landing-plano h3{
    color:#ffffff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:400 !important;
    letter-spacing:-.6px !important;
}

/* ETIQUETA MENSAL / TRIMESTRAL / ANUAL */

#planos .landing-plano-etiqueta{
    color:#f2bd37 !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:600 !important;
    letter-spacing:.09em !important;
}

/* DESCRICAO */

#planos .landing-plano-descricao{
    color:#a9c2d8 !important;
    font-weight:400 !important;
}

/* PRECO */

#planos .landing-preco{
    color:#ffffff !important;
}

#planos .landing-preco-prefixo{
    color:#b8cada !important;
    font-weight:400 !important;
}

#planos .landing-preco strong{
    color:#ffffff !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:400 !important;
    letter-spacing:-2px !important;
}

/* INFORMACOES ABAIXO DO PRECO */

#planos .landing-preco-periodo,
#planos .landing-preco-depois,
#planos .landing-preco-parcelado{
    color:#a9c2d8 !important;
    font-weight:400 !important;
}

#planos .landing-preco-depois strong,
#planos .landing-preco-parcelado strong{
    color:#ffffff !important;
    font-weight:500 !important;
}

/* SELOS SUPERIORES */

#planos .landing-plano-promocao,
#planos .landing-plano-promocao.azul,
#planos .landing-plano-selo{
    color:#f2bd37 !important;
    background:#071a2d !important;
    border:1px solid rgba(242,189,55,.48) !important;
    font-weight:600 !important;
}

/* ECONOMIA */

#planos .landing-economia,
#planos .landing-economia.azul,
#planos .landing-economia-anual{
    color:#f2bd37 !important;
    background:rgba(242,189,55,.07) !important;
    border:1px solid rgba(242,189,55,.42) !important;
    font-weight:500 !important;
}

/* BENEFICIOS */

#planos .landing-plano ul{
    color:#c1d1df !important;
}

#planos .landing-plano li{
    color:#c1d1df !important;
    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:400 !important;
}

#planos .landing-plano li strong{
    color:#ffffff !important;
    font-weight:500 !important;
}

#planos .landing-beneficio-ganhe-mais{
    color:#f2bd37 !important;
}

/* ICONES/BOLINHAS DA LISTA */

#planos .landing-plano li::before{
    background:#f2bd37 !important;
    color:#071421 !important;
}

/* BOTOES */

#planos .landing-plano-botao,
#planos .landing-plano-botao.principal{
    color:#071421 !important;

    background:
        linear-gradient(135deg,#ffd86a 0%,#e7ad25 100%) !important;

    border:1px solid rgba(255,216,106,.55) !important;
    border-radius:10px !important;

    font-family:Arial,Helvetica,sans-serif !important;
    font-weight:600 !important;

    box-shadow:0 10px 26px rgba(218,160,28,.16) !important;
}

#planos .landing-plano-botao:hover,
#planos .landing-plano-botao.principal:hover{
    transform:translateY(-2px);
    filter:brightness(1.06);
}

/* RODAPE DOS CARDS */

#planos .landing-plano-rodape{
    color:#829db4 !important;
    font-weight:400 !important;
}

/* MOBILE */

@media(max-width:900px){
    #planos .landing-planos-grade{
        grid-template-columns:1fr;
    }
}
/* =========================================================
   ACABAMENTO FINAL DOS PLANOS
========================================================= */

/* Tipografia mais leve */
#planos,
#planos *{
    font-family:Arial,Helvetica,sans-serif;
}

#planos .landing-plano h3{
    font-weight:400 !important;
}

#planos .landing-plano-descricao,
#planos .landing-plano li,
#planos .landing-preco-periodo,
#planos .landing-preco-parcelado,
#planos .landing-preco-depois,
#planos .landing-plano-rodape{
    font-weight:400 !important;
}

/* Preco principal */
#planos .landing-preco{
    display:inline-flex !important;
    align-items:baseline !important;
    width:auto !important;
    margin-right:4px !important;
}

#planos .landing-preco strong{
    font-size:54px !important;
    line-height:1 !important;
    font-weight:400 !important;
    letter-spacing:-2px !important;
}

#planos .landing-preco-prefixo{
    font-size:17px !important;
    font-weight:400 !important;
}

/* /mes ao lado do valor */
#planos .landing-preco-periodo{
    display:inline !important;
    margin:0 !important;
    color:#a9c2d8 !important;
    font-size:13px !important;
}

/* Total do plano abaixo */
#planos .landing-preco-parcelado{
    display:block !important;
    margin:8px 0 20px !important;
    color:#8fa9bf !important;
    font-size:12px !important;
}

#planos .landing-preco-parcelado strong{
    color:#b9ccdc !important;
    font-weight:500 !important;
}

/* Remove meia-lua e decoracoes antigas */
#planos .landing-plano::before,
#planos .landing-plano::after,
#planos .landing-plano-mensal::before,
#planos .landing-plano-mensal::after,
#planos .landing-plano-anual::before,
#planos .landing-plano-anual::after,
#planos .landing-plano.destaque::before,
#planos .landing-plano.destaque::after{
    content:none !important;
    display:none !important;
}

/* Economia anual mais discreta */
#planos .landing-economia-anual{
    display:block !important;
    margin:0 0 18px !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    color:#f2bd37 !important;
    font-size:12px !important;
    font-weight:500 !important;
}

/* Beneficios mais elegantes */
#planos .landing-plano li{
    font-size:13px !important;
    line-height:1.5 !important;
}

/* Botao menos pesado */
#planos .landing-plano-botao,
#planos .landing-plano-botao.principal{
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:0 !important;
}
/* =========================================================
   AJUSTE FINAL - SELOS E CHECKS DOS PLANOS
========================================================= */

/* Espaco interno para os selos nao ficarem cortados */
#planos .landing-plano{
    padding-top:38px !important;
    overflow:visible !important;
}

/* Selos totalmente dentro dos cards */
#planos .landing-plano-promocao,
#planos .landing-plano-promocao.azul,
#planos .landing-plano-selo{
    position:absolute !important;
    top:12px !important;
    left:50% !important;
    transform:translateX(-50%) !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:auto !important;
    height:28px !important;
    padding:0 14px !important;
    margin:0 !important;

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

    background:#071a2d !important;
    color:#f2bd37 !important;

    font-size:10px !important;
    font-weight:600 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

/* Afasta o nome do plano do selo superior */
#planos .landing-plano-etiqueta{
    display:block !important;
    margin-top:20px !important;
}

/* Remove qualquer ? criado pelos estilos antigos */
#planos .landing-plano li::before{
    content:"\2713" !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:18px !important;
    height:18px !important;
    min-width:18px !important;

    margin-right:10px !important;

    border-radius:50% !important;
    background:#f2bd37 !important;
    color:#071421 !important;

    font-size:11px !important;
    font-weight:700 !important;
    line-height:1 !important;
}

/* Alinhamento dos beneficios */
#planos .landing-plano li{
    display:flex !important;
    align-items:flex-start !important;
    gap:0 !important;
}

/* Mantem Ganhe Mais destacado */
#planos .landing-beneficio-ganhe-mais strong{
    color:#f2bd37 !important;
}