/* FireFlix V12.9.7 — fluxo de compra simplificado.
   Prioridade: planos/ação primeiro; informações de segurança depois. */
.renew-page .renew-container{padding-top:24px}
.renew-page .renew-heading{margin-bottom:18px}
.renew-page .renew-heading h1{margin-bottom:8px}
.renew-page .renew-heading p{margin-bottom:0}

/* O bloco de meios de pagamento deixa de disputar espaço com a ação principal. */
.renew-page .renew-payment-security-bottom{
  width:100%;
  max-width:900px;
  margin:28px auto 0;
  opacity:.88;
}
.renew-page .renew-payment-security-bottom .ff-payment-methods{
  margin:0 auto!important;
  border-color:rgba(255,255,255,.055)!important;
  box-shadow:none!important;
  background:rgba(12,12,14,.72)!important;
}

/* Informações técnicas ficam visualmente secundárias. */
.renew-page .renew-secondary-info{margin-top:18px!important;opacity:.76}
.renew-page .renew-footnote{margin-top:14px}

/* Acesso atual mais enxuto para não empurrar os planos. */
.renew-page .current-access-strip{margin-bottom:14px}
.renew-page .current-access-strip>div{padding-top:12px;padding-bottom:12px}

/* Call to action mais explícito. */
.renew-page .sigma-plan-card>.btn.btn-primary{
  min-height:48px;
  font-size:13px;
  box-shadow:0 12px 26px rgba(255,83,18,.18);
}

.renew-mobile-plan-hint{display:none;margin:4px 0 10px;color:rgba(255,255,255,.55);font-size:10px;text-align:center}

/* Tela de pagamento: ação principal fica imediatamente visível. */
.renew-page .mercadopago-checkout-card{margin-top:4px}
.renew-page .mercadopago-open-button{min-height:52px;font-size:14px}
.renew-page .mercadopago-area>p{margin-bottom:15px}

@media(max-width:720px){
  .renew-page{padding-top:18px!important}
  .renew-page .renew-container{width:min(100% - 20px,1180px);padding-top:4px}
  .renew-page .renew-heading{margin-bottom:14px;text-align:left!important}
  .renew-page .renew-heading .back-link{margin-bottom:12px}
  .renew-page .renew-heading .eyebrow{font-size:8px;letter-spacing:1.8px}
  .renew-page .renew-heading h1{font-size:31px!important;line-height:1.05;letter-spacing:-1.5px;margin:8px 0 5px}
  .renew-page .renew-heading p{font-size:12px;line-height:1.45}

  /* Em celular os planos viram uma faixa horizontal: uma única altura de card. */
  .renew-page .renew-mobile-plan-hint{display:block}
  .renew-page .sigma-plan-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    width:calc(100vw - 20px);
    margin-left:0;
    padding:3px 7vw 10px 0;
    overflow-x:auto;
    overflow-y:visible;
    scroll-snap-type:x mandatory;
    scroll-padding-left:0;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .renew-page .sigma-plan-card{
    flex:0 0 min(86vw,340px)!important;
    width:min(86vw,340px)!important;
    min-width:min(86vw,340px)!important;
    padding:20px!important;
    scroll-snap-align:start;
  }
  .renew-page .sigma-plan-card h2{font-size:23px}
  .renew-page .sigma-plan-price strong{font-size:31px}
  .renew-page .adult-option>span{padding:9px}
  .renew-page .sigma-plan-card>.btn.btn-primary{position:sticky;bottom:4px;z-index:2;min-height:50px;font-size:14px}

  .renew-page .current-access-strip{margin:8px 0 12px}
  .renew-page .renew-payment-help{margin-top:16px!important}
  .renew-page .renew-secondary-info{margin-top:16px!important}
  .renew-page .renew-payment-security-bottom{margin-top:20px}

  /* No checkout já criado, botão do Mercado Pago fica no primeiro bloco visível. */
  .renew-page .pix-checkout-card{margin-top:0!important}
  .renew-page .pix-summary,.renew-page .pix-area{padding:20px 17px!important}
  .renew-page .pix-summary{order:2}
  .renew-page .mercadopago-area{order:1;text-align:left!important}
  .renew-page .mercadopago-area .mercadopago-lock{margin-bottom:7px}
  .renew-page .mercadopago-area h3{font-size:24px;margin:6px 0 7px}
  .renew-page .mercadopago-area>p{font-size:11px;line-height:1.5;margin:0 0 12px}
  .renew-page .mercadopago-open-button{min-height:54px;font-size:15px}
  .renew-page [data-check-payment-now]{min-height:46px;margin-top:8px}
  .renew-page .mercadopago-hint{display:block;margin-top:10px;font-size:9px;line-height:1.45}
}

@media(max-width:420px){
  .renew-page .sigma-plan-card{flex-basis:88vw!important;width:88vw!important;min-width:88vw!important}
}