/* Piezas específicas de la app (sobre las clases de Nocturne) */
.alert { padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); font-size: 13.5px; margin-bottom: var(--space-4); }
.alert-error { background: color-mix(in srgb, #d98a86 15%, transparent); color: #d98a86; }
.alert-ok    { background: color-mix(in srgb, #6fbf8f 15%, transparent); color: #6fbf8f; }

.banner-warning {
  background: color-mix(in srgb, #d4af37 16%, transparent); color: #d4af37;
  padding: var(--space-3) var(--space-4); font-size: 13px; text-align: center;
}
.banner-warning code { font-family: var(--font-body); background: color-mix(in srgb, var(--color-text) 10%, transparent); padding: 1px 5px; border-radius: 4px; }

.card-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-4); }
.feature-card { text-decoration: none; color: var(--color-text); }
.feature-card:hover { box-shadow: var(--shadow-md); }
.note { margin-top: var(--space-6); font-size: 12.5px; }

.btn-block { width: 100%; justify-content: center; }