#campana {
  width: 100%;
  background: #1e3a62;
  border-bottom: 2px solid #163056;
  text-align: center;
  padding: 28px 0 24px 0;
  animation: fadeInFlash 1s;
}
@keyframes fadeInFlash {
  0% { opacity: 0; }
  50% { opacity: 1; background: #27477a; }
  100% { opacity: 1; background: #1e3a62; }
}
#campana img.campana-banner {
  max-width: 480px;
  width: 90%;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(30,58,98,0.18);
  margin-bottom: 12px;
}
#campana h2 {
  color: #fff;
}
#campana .contador {
  font-size: 1.5em;
  color: #ffe680;
  margin-top: 10px;
  font-weight: bold;
}
#campana h2 {
  color: #fff;
}
#campana .contador {
  font-size: 1.5em;
  color: #ffe680;
  margin-top: 10px;
  font-weight: bold;
}
#menu-campana a {
  color: #fff !important;
  background: #d35400;
  border-radius: 20px;
  padding: 8px 18px;
  font-weight: bold;
  text-decoration: underline;
  box-shadow: 0 2px 8px rgba(211,84,0,0.15);
  transition: background 0.3s, color 0.3s;
  animation: pulse 1.2s infinite;
}
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 #d35400; }
  70% { box-shadow: 0 0 10px 10px #ffe680; }
  100% { box-shadow: 0 0 0 0 #d35400; }
}
#infoCampana {
  background: #fffbe6;
  border-top: 2px solid #e6b800;
  padding: 30px 0;
  text-align: center;
  font-size: 1.2em;
  display: none;
}
#infoCampana.active {
  display: block;
  animation: fadeInFlash 1s;
}