/* Contenedor centrado (Twig y fallback) */
.custom-messages,
[data-drupal-messages] .messages__wrapper,
.data-drupal-messages .messages__wrapper {
  position: fixed;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);   /* centra */
  z-index: 2147483647;           /* por encima de todo */
  display: flex;
  flex-direction: column;
  align-items: center;           /* centra hijos si hay varios */
  gap: 10px;
  pointer-events: none;          /* no bloquea clics del fondo */
  isolation: isolate;            /* propio stacking context */
}

/* Caja del mensaje */
.custom-messages .message,
[data-drupal-messages] .messages,
.data-drupal-messages .messages {
  pointer-events: auto;          /* sí aceptan hover/click */
  margin: 0;
  border: 0;
  border-radius: 10px;
  padding: 12px 18px;
  color: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  max-width: 720px;              /* ancho máx. centrado */
  width: calc(100vw - 32px);     /* resp. en móviles, 16px de margen a cada lado */
}

/* Colores por tipo */
.custom-messages .message--status,
[data-drupal-messages] .messages--status,
.data-drupal-messages .messages--status { background:#0d6efd; }

.custom-messages .message--error,
[data-drupal-messages] .messages--error,
.data-drupal-messages .messages--error { background:#dc3545; }

.custom-messages .message--warning,
[data-drupal-messages] .messages--warning,
.data-drupal-messages .messages--warning { background:#ffc107; color:#1b1b1b; }

.custom-messages .message--info,
[data-drupal-messages] .messages--info,
.data-drupal-messages .messages--info { background:#0dcaf0; color:#0b2730; }

/* Oculta placeholder de core si aparece */
[data-drupal-messages-fallback]{display:none!important;}