/* Botón base */
.aemet-btn {
  display: inline-flex;
  gap: .5rem;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  border: 0;
  border-radius: 999px;
  padding: .5rem 1rem;
  font-size: 1.05rem;
  line-height: 1.2;
  cursor: pointer;
  transition: transform .08s ease, filter .15s ease;
  text-decoration: none;
  margin-bottom:10px;
}
.aemet-btn:active { transform: scale(0.98); }
.aemet-btn i { font-size: 1.15em; }

/* Variantes por nivel (colores accesibles y consistentes) */
.aemet-yellow { background: #ffe16a; color: #202020; box-shadow: inset 0 0 0 2px #857a00; }
.aemet-yellow:hover { filter: brightness(0.98); }

.aemet-orange { background: #ffb85c; color: #1a1a1a; box-shadow: inset 0 0 0 2px #915300; }
.aemet-orange:hover { filter: brightness(0.98); }

.aemet-red { background: #ff6b6b; color: #1a1a1a; box-shadow: inset 0 0 0 2px #8c0000; }
.aemet-red:hover { filter: brightness(0.98); }

/* Contenedor del shortcode */
.aemet-host { display: inline-block; }

/* Adaptaciones rápidas para cabeceras estrechas */
@media (max-width: 480px) {
  .aemet-btn { font-size: 1rem; padding: .45rem .85rem; }
}