:root {
  --body-font-size: 16px;
  --line-height30: 1.8;
  --main-color: #5650af;
  --secondary-color: #41bdd0;
  --main-color-opacity: 206, 40, 41;
  --body-font: "Exo", sans-serif;
  --heading-font: "Exo", sans-serif;
  --paragraph-color: #5A5A5A;
  --heading-color: #070c2a;
}


/* utilidad genérica (padding + radio) */
.text-bg-primary,
.text-bg-secondary,
.text-bg-success,
.text-bg-danger,
.text-bg-warning,
.text-bg-info,
.text-bg-dark{
  display:inline-block;
  padding:.25rem .5rem;      /* 4 px × 8 px */
  border-radius:.375rem;     /* 6 px */
  font-weight:500;
  line-height:1;
}

/* colores — texto siempre #fff salvo warning (mejor contraste negro) */
.text-bg-primary   {background:var(--bs-primary);   color:#fff;}
.text-bg-secondary {background:var(--bs-secondary); color:#fff;}
.text-bg-success   {background:var(--bs-success);   color:#fff;}
.text-bg-danger    {background:var(--bs-danger);    color:#fff;}
.text-bg-warning   {background:var(--bs-warning);   color:#212529;}
.text-bg-info      {background:var(--bs-info);      color:#fff;}
.text-bg-dark      {background:var(--bs-dark);      color:#fff;}

.balance {
  border-radius: 24px;
  border: 1px solid var(--border-color, #E5E5E5);
  background: var(--white-color, #fff);
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 3px 3px 11px;
  line-height: normal;
}

.my-profile-wrap .media .thumb{
  border:0px !important;
}

#notiModalBody .single-product-wrap
{
  max-width: 8.7rem;
}

.single-page-area .title-area {
z-index:3 !important;
}

.balance-preview-comp{
    font-size: 0.7rem !important;
}
.balance-preview-comp > img{
        width: 1.1rem !important;
}

.single-input-wrap input,
.single-textarea-wrap textarea,
input[type="text"],
input[type="email"],
select {
  font-size: 16px; /* mínimo para evitar el zoom automático en iOS */
}

html { -webkit-text-size-adjust: 100%; }

.balance img
{
  height:25px;
  width:25px;
}