/*
 *  STYLE 2
 */
 .styleBar::-webkit-scrollbar-track
 {
 	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
 	border-radius: 10px;
 	background-color: #F5F5F5;
 }
 .styleBar::-webkit-scrollbar
 {
 	width: 9px;
 	background-color: #F5F5F5;
 }
 .styleBar::-webkit-scrollbar-thumb
 {
 	border-radius: 10px;
 	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
 	background-color:#6f6f6f;
 }

 .msg-error{
  max-width: 100%;
  margin: 16px auto 0px;
  padding: 5px 5px;
  text-align: center;

  color: #b42318;                 /* rojo elegante */
  background: #fef3f2;            /* fondo suave */
  border: 1px solid #fecdca;      /* borde */
  border-radius: 10px;

  font-size: 14px;
  font-weight: 600;
  letter-spacing: .2px;

  box-shadow: 0 6px 10px rgba(180, 35, 24, .08);
  margin-bottom: -15px;
}

.msg-error::before{
  content: "⚠️ ";
}


@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20% { transform: translateX(-6px); }
  40% { transform: translateX(6px); }
  60% { transform: translateX(-4px); }
  80% { transform: translateX(4px); }
}

.msg-error.shake{
  animation: shake .35s ease;
}