/* ==========================================================
   AJUSTES DE CELULAR — carrega por último

   25/10: o Maurício mandou uma foto do celular: as 6 abas do plano
   (Dados, Matérias, Ritmo, Método, Dicas, Central de comando) estavam
   espremidas em uma linha só, com o nome quebrado em 3 linhas. Aba com
   nome quebrado é aba difícil de ler e de tocar.

   Aqui as abas ficavam numa linha que corria para o lado com o dedo. Na
   simulação do mentor (25/10) só se viam 2 de 7 abas, cortadas: o resto
   ficava escondido. Agora elas quebram em duas colunas e aparecem todas,
   cada uma com o nome inteiro e do tamanho de um toque (44 px).
   ========================================================== */
@media (max-width: 700px){
  .pl-sub{
    width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px;
  }
  .pl-sub-b{
    padding:10px 8px; min-height:44px; font-size:13.5px; line-height:1.2;
  }
}

/* o espaço dos lados nunca some no celular, mesmo que outra regra tente tirar */
@media (max-width: 899px){
  .area{
    padding-left:max(16px, env(safe-area-inset-left, 0px)) !important;
    padding-right:max(16px, env(safe-area-inset-right, 0px)) !important;
  }
}

/* No iPhone, tocar num campo com letra menor que 16 px dá zoom na tela e ela fica cortada na direita
   até a pessoa afastar com os dedos. Campo com 16 px não dá zoom. */
@media (max-width: 900px){
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  select, textarea{ font-size:16px !important; }
}

/* Lista de planos no celular (simulação do mentor, 25/10): a saudação e os 4
   números empurravam o primeiro plano para depois de uma tela inteira de
   rolagem. No celular fica o botão de criar e os números em tamanho menor;
   os planos aparecem logo abaixo. */
@media (max-width: 700px){
  .pm-hero{padding:14px 16px;border-radius:16px}
  .pm-hero .pm-eye,.pm-hero h2,.pm-hero p{display:none}
  .pm-kpis{gap:8px;margin:10px 0 4px}
  .pm-kpi{padding:10px 12px}
  .pm-kpi b{font-size:22px}
  .pm-kpi span,.pm-kpi-ver{display:none}
}