/* ===== MercaGuate Regateo Highlight v1.2 ===== */

.mg-regateo-arrow{
  text-align:center;
  font-size:26px;
  margin-top:4px;
  color:#00c853;
  animation: mg-regateo-bounce 1.3s infinite ease-in-out;
}

.mg-regateo-banner{
  margin-top:6px;
  padding:8px 10px;
  border-radius:12px;
  background: #fffbec;
  border:1px solid #ffd54f;
  display:flex;
  align-items:center;
  gap:8px;
  font-size:14px;
  font-weight:700;
  color:#5d3a00;
  box-shadow:0 3px 8px rgba(0,0,0,0.06);
}

.mg-regateo-icon{
  font-size:18px;
}

.mg-regateo-text{
  flex:1;
}

/* Animación flecha */
@keyframes mg-regateo-bounce{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-4px); }
}

@media(max-width:768px){
  .mg-regateo-banner{
    font-size:13px;
    padding:7px 9px;
  }
}