/* ============================
   MOBILE – SESSÃO CONTA
============================ */
@media (max-width: 768px) {

  .sessao-conta {
    padding: 60px 16px;
  }

  .grid-conta {
    display: flex;
    flex-direction: column;
    gap: 28px;
  }

  /* Blocos viram cards empilhados */
  .bloco-exemplo,
  .bloco-beneficios {
    display: block;
    width: 100%;
    padding: 20px;
    border-radius: 14px;
    background: rgba(255,255,255,0.03);
  }

  /* Ícones no topo */
  .bloco-exemplo i,
  .bloco-beneficios i {
    font-size: 28px;
    margin-bottom: 12px;
    display: block;
  }

  /* Títulos */
  .texto-exemplo h3,
  .texto-beneficios h3 {
    font-size: 18px;
    margin-bottom: 14px;
  }

  /* Linhas de valores */
  .linha-exemplo {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 12px;
  }

  .label {
    font-size: 14px;
  }

  .valor {
    font-size: 15px;
    min-width: auto;
    padding-left: 0;
    text-align: right;
  }

  /* Remove qualquer risco de overflow */
  .sessao-conta * {
    max-width: 100%;
    overflow-wrap: break-word;
  }
}