/* Lo mínimo que Tailwind CDN no cubre de forma cómoda. Colores solo semánticos:
   rojo = grave, ámbar = atención, gris = informativo. */
.badge { display: inline-block; padding: .15rem .6rem; border-radius: .375rem; font-weight: 700; font-size: 1rem; }
.badge-rojo { background: #b91c1c; color: #fff; }
.badge-ambar { background: #f59e0b; color: #111827; }
.badge-gris { background: #6b7280; color: #fff; }
.card-rojo { border-left: 8px solid #b91c1c; }
.card-ambar { border-left: 8px solid #f59e0b; }
.card-gris { border-left: 8px solid #9ca3af; }
.btn { display: inline-block; padding: .7rem 1.25rem; border-radius: .5rem; font-weight: 600; font-size: 1.125rem; }
.btn-primary { background: #111827; color: #fff; }
.btn-primary:hover { background: #374151; }
.btn-secondary { background: #fff; color: #111827; border: 2px solid #9ca3af; }
.btn-secondary:hover { border-color: #111827; }
.htmx-request .btn { opacity: .6; }
textarea, input[type=text], input[type=email] { font-size: 1.125rem; }