/* ==========================================================
   PLANOS — MOBILE CORRIGIDO
   Usa as mesmas dimensões para Essencial, Destaque, Premium
   e Patrocínio. O patrocinador é apenas um card centralizado.
   ========================================================== */
@media screen and (max-width:800px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important;}
  main.pagina-planos{
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:32px 14px 70px!important;
    box-sizing:border-box!important;
  }
  main.pagina-planos .planos-cabecalho{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto 34px!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  main.pagina-planos .planos-cabecalho h1{
    font-size:28px!important;
    line-height:1.18!important;
    margin:8px 0 10px!important;
  }
  main.pagina-planos .planos-cabecalho p{
    font-size:15px!important;
    line-height:1.45!important;
    margin:0 auto!important;
    max-width:520px!important;
  }
  main.pagina-planos .planos-container{
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
    box-sizing:border-box!important;
  }
  main.pagina-planos .plano-card,
  main.pagina-planos .plano-card.plano-premium,
  main.pagina-planos .plano-card.plano-destaque,
  main.pagina-planos .plano-card.plano-essencial{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:28px 20px 22px!important;
    border-radius:18px!important;
    background:#fff!important;
    overflow:visible!important;
  }
  main.pagina-planos .plano-card.plano-premium{
    border:2px solid #6c3cff!important;
  }
  main.pagina-planos .plano-topo{width:100%!important;text-align:center!important;}
  main.pagina-planos .plano-indicador{
    font-size:13px!important;
    white-space:normal!important;
  }
  main.pagina-planos .plano-topo h2{
    font-size:31px!important;
    line-height:1.05!important;
    margin:12px 0 0!important;
  }
  main.pagina-planos .plano-topo p{
    font-size:14px!important;
    margin:7px 0 0!important;
  }
  main.pagina-planos .plano-linha{
    width:100%!important;
    margin:22px 0!important;
  }
  main.pagina-planos .plano-inclui{
    font-size:14px!important;
    line-height:1.4!important;
  }
  main.pagina-planos .plano-beneficios{
    width:100%!important;
    padding:0!important;
    margin:0 0 24px!important;
    display:grid!important;
    gap:10px!important;
    list-style:none!important;
  }
  main.pagina-planos .plano-beneficios li{
    font-size:14px!important;
    line-height:1.45!important;
    overflow-wrap:anywhere!important;
  }
  main.pagina-planos .botao-plano{
    width:100%!important;
    min-height:46px!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:12px 14px!important;
    border-radius:9px!important;
  }
  main.pagina-planos .selo-mais-escolhido{
    max-width:calc(100% - 30px)!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    top:-13px!important;
    font-size:11px!important;
  }
  main.pagina-planos .aviso-planos{
    width:100%!important;
    max-width:520px!important;
    box-sizing:border-box!important;
    margin:24px auto 0!important;
    padding:16px!important;
  }

  /* Patrocínio: exatamente o mesmo card base dos demais. */
  main.pagina-planos.pagina-patrocinio .planos-container{
    max-width:520px!important;
  }
  main.pagina-planos.pagina-patrocinio .plano-card{
    width:100%!important;
    max-width:520px!important;
    margin:0 auto!important;
    padding:28px 20px 22px!important;
    border:2px solid #6c3cff!important;
  }
  main.pagina-planos.pagina-patrocinio .plano-beneficios{
    gap:10px!important;
  }
  main.pagina-planos.pagina-patrocinio .plano-beneficios li{
    font-size:14px!important;
  }
}
@media screen and (max-width:420px){
  main.pagina-planos{padding-left:12px!important;padding-right:12px!important;}
  main.pagina-planos .plano-card,
  main.pagina-planos.pagina-patrocinio .plano-card{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  main.pagina-planos .plano-topo h2{font-size:29px!important;}
}

/* ==========================================================
   ETIQUETA DA PÁGINA DE PATROCÍNIO — MOBILE
   Igual ao visual usado no PC: etiqueta azul em formato pill.
   ========================================================== */
@media screen and (max-width:800px){
  body:has(main.pagina-planos.pagina-patrocinio) .etiqueta-secao{
    display:inline-block!important;
    width:auto!important;
    max-width:calc(100% - 24px)!important;
    margin:0 auto 8px!important;
    padding:6px 10px!important;
    border-radius:20px!important;
    background:#eaf1ff!important;
    color:#1769ff!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:1px!important;
    white-space:nowrap!important;
    box-sizing:border-box!important;
  }
}


/* ==========================================================
   PATROCÍNIO — MOBILE: selo igual ao PC
   O selo "DIVULGUE SUA EMPRESA" fica preso ao topo do
   próprio card, sobrepondo a borda. O selo do cabeçalho
   fica oculto apenas nesta página no mobile.
   ========================================================== */
@media screen and (max-width:800px){
  main.pagina-planos.pagina-patrocinio .planos-cabecalho .etiqueta-secao{
    display:none!important;
  }

  main.pagina-planos.pagina-patrocinio .planos-container{
    position:relative!important;
    overflow:visible!important;
  }

  main.pagina-planos.pagina-patrocinio .plano-card{
    position:relative!important;
    overflow:visible!important;
  }

  main.pagina-planos.pagina-patrocinio .plano-card .selo-mais-escolhido{
    display:block!important;
    position:absolute!important;
    top:-14px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    z-index:100!important;
    width:max-content!important;
    max-width:calc(100% - 24px)!important;
    height:auto!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:7px 14px!important;
    border:0!important;
    border-radius:20px!important;
    background:#1769ff!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:800!important;
    letter-spacing:.5px!important;
    text-align:center!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media screen and (max-width:420px){
  main.pagina-planos.pagina-patrocinio .plano-card .selo-mais-escolhido{
    top:-13px!important;
    max-width:calc(100% - 20px)!important;
    padding:6px 11px!important;
    font-size:10px!important;
  }
}