/* ===== Alerts suaves (compatível com Bootstrap 3.x) ===== */
.alert-soft {
  border-width: 1px;
  border-left-width: 4px;           /* sutil destaque */
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.35);
}

/* Links dentro do alert */
.alert-soft .alert-link { text-decoration: underline; color: inherit; }

/* --- INFO --- */
.alert-soft-info{
  background: #EFF7FF;              /* azul MUITO claro */
  border-color: #BBDFFF;             /* borda azul clara */
  color: #2B6A84;                    /* texto legível sobre fundo claro */
}

/* --- SUCCESS --- */
.alert-soft-success{
  background: #EAF8EE;              /* verde bem claro */
  border-color: #CDEAD7;
  color: #2F6B33;
}

/* --- WARNING --- */
.alert-soft-warning{
  background: #FFF7E6;              /* amarelo suave */
  border-color: #FFE1AE;
  color: #7A5A1A;
}

/* --- DANGER --- */
.alert-soft-danger{
  background: #FDECEE;              /* vermelho rosado suave */
  border-color: #F5C8CE;
  color: #8B2E33;
}

/* ===== Tons de cinza suaves ===== */
.alert-soft-gray{       /* cinza quase branco */
  background: #FAFAFB;
  border-color: #EDEFF2;
  color: #424242;
}
.alert-soft-gray-2{     /* um passo acima */
  background: #F4F6F8;
  border-color: #E4E8ED;
  color: #3A3A3A;
}
.alert-soft-gray-3{     /* um pouco mais marcado */
  background: #ECEFF3;
  border-color: #DCE1E8;
  color: #333;
}
.alert-soft-grey{       /* cinza quase branco */
  background: #FAFAFB;
  border-color: #EDEFF2;
  color: #424242;
}
.alert-soft-grey-2{     /* um passo acima */
  background: #F4F6F8;
  border-color: #E4E8ED;
  color: #3A3A3A;
}
.alert-soft-grey-3{     /* um pouco mais marcado */
  background: #ECEFF3;
  border-color: #DCE1E8;
  color: #333;
}

/* Estados “block” como no template (opcional) */
.alert-block {
  padding-top: 15px;
  padding-bottom: 15px;
}



/* =========================================
   Alerts suaves com múltiplos tons (Bootstrap 3.x)
   Uso: <div class="alert alert-soft alert-soft-info-300">...</div>
   ========================================= */

/* ---------- INFO (azuis) ---------- */
.alert-soft-info-100  { background:#F6FAFF; border-color:#E4F0FF; color:#275B74; } /* mais claro */
.alert-soft-info-200 { background:#EFF7FF; border-color:#D6EAFF; color:#26586F; }
.alert-soft-info-300 { background:#E6F2FE; border-color:#C8E2FF; color:#24546A; } /* default sugerido */
.alert-soft-info-400 { background:#DDEEFF; border-color:#BBDFFF; color:#204E62; }
.alert-soft-info-500 { background:#D2E8FE; border-color:#ACD2F7; color:#1C485A; } /* mais marcado */

/* ---------- SUCCESS (verdes) ---------- */
.alert-soft-success-100  { background:#F3FBF5; border-color:#E1F4E6; color:#2A6130; }
.alert-soft-success-200 { background:#EAF8EE; border-color:#D4EEDB; color:#295D2D; }
.alert-soft-success-300 { background:#E2F4E8; border-color:#CBE6D3; color:#265A2B; }
.alert-soft-success-400 { background:#D8EFE0; border-color:#BBDEC2; color:#235427; }
.alert-soft-success-500 { background:#CFE9D9; border-color:#AED3BA; color:#204D24; }

/* ---------- WARNING (amarelos) ---------- */
.alert-soft-warning-100  { background:#FFFBF2; border-color:#FFF0CC; color:#6E5419; }
.alert-soft-warning-200 { background:#FFF7E6; border-color:#FFE7BF; color:#6B5118; }
.alert-soft-warning-300 { background:#FFF2D8; border-color:#FFDEA6; color:#664C16; }
.alert-soft-warning-400 { background:#FFECC8; border-color:#FCD792; color:#604714; }
.alert-soft-warning-500 { background:#FFE6B8; border-color:#F5CB78; color:#5A4112; }

/* ---------- DANGER (vermelhos) ---------- */
.alert-soft-danger-100  { background:#FEF5F6; border-color:#F8DADD; color:#7E2B30; }
.alert-soft-danger-200 { background:#FDECEE; border-color:#F5C8CE; color:#7A282D; }
.alert-soft-danger-300 { background:#FAE2E6; border-color:#F0B3BC; color:#742529; }
.alert-soft-danger-400 { background:#F6D7DC; border-color:#E99CA8; color:#6D2125; }
.alert-soft-danger-500 { background:#F2CBD2; border-color:#E18492; color:#651D21; }

/* ---------- GRAYS (neutros suaves) ---------- */
/* frios (cinzas com leve azul) */
.alert-soft-gray-100   { background:#FAFAFB; border-color:#ECEEF2; color:#3F4246; }
.alert-soft-gray-200  { background:#F4F6F8; border-color:#E4E8ED; color:#3A3D41; }
.alert-soft-gray-300  { background:#EEF1F5; border-color:#DCE1E8; color:#35383B; }
.alert-soft-gray-400  { background:#E8ECF1; border-color:#D2D9E2; color:#2F3236; }
.alert-soft-gray-500  { background:#E1E6ED; border-color:#C6CFDB; color:#2A2D31; }
.alert-soft-grey-100   { background:#FAFAFB; border-color:#ECEEF2; color:#3F4246; }
.alert-soft-grey-200  { background:#F4F6F8; border-color:#E4E8ED; color:#3A3D41; }
.alert-soft-grey-300  { background:#EEF1F5; border-color:#DCE1E8; color:#35383B; }
.alert-soft-grey-400  { background:#E8ECF1; border-color:#D2D9E2; color:#2F3236; }
.alert-soft-grey-500  { background:#E1E6ED; border-color:#C6CFDB; color:#2A2D31; }

/* quentes (cinzas com leve marrom) */
.alert-soft-warm-100   { background:#FBFAF9; border-color:#EFEDEB; color:#453F39; }
.alert-soft-warm-200  { background:#F6F4F2; border-color:#E6E2DE; color:#403A35; }
.alert-soft-warm-300  { background:#F1EEEB; border-color:#DBD6D1; color:#3B3530; }
.alert-soft-warm-400  { background:#EBE7E3; border-color:#CFC8C2; color:#362F2A; }
.alert-soft-warm-500  { background:#E6E0DB; border-color:#C5BDB6; color:#312A25; }

/* Variante outline (opcional) — borda mais evidente e fundo translúcido */
.alert-soft-outline{
  background: rgba(255,255,255,.7);
  box-shadow:none;
}

/* Tamanhos (opcionais) */
.alert-soft-xs{ padding:6px 10px; font-size:12px; }
.alert-soft-sm{ padding:8px 12px; font-size:13px; }
.alert-soft-lg{ padding:18px 20px; font-size:15px; }