/*┌────────────────────────────────────────────────────┐
  │ KRAFT STEAM Elements                               │
  │ COPYRIGHT (c) 2026 Pedro Luis Barrio. BITaMinD R+D │
  │ ALL RIGHTS RESERVED.                               │
  └────────────────────────────────────────────────────┘ */
 
 /* ==========================================================================
		 DIALOGS
		 ========================================================================== */
.dialog-modal {
  position       : relative; /* ¡Esto es fundamental! */

	/* Centrado absoluto */
	margin         : auto; 
	
	/* Estilo visual */
	padding        : 24px;
	border-radius  : 12px;
	border         : 1px solid var(--border);
	background     : var(--bg);
	color          : var(--text);
	box-shadow     : 0 10px 25px rgba(0, 0, 0, 0.3);
	
	/* Tamaño mínimo para que no se vea "apretado" */
	min-width      : 300px;
	max-width      : 90vw;
}

	/* El famoso Overlay (el grisado) */
.dialog-modal::backdrop {
	background     : rgba(0, 0, 0, 0.7); /* Gris oscuro */
	backdrop-filter: blur(4px);      /* Desenfoque tipo iOS/macOS */
}

.dialog-modal form {
  display        : flex;
  flex-direction : column;
  padding        : 24px;
  gap            : 16px; /* HUECO: Controla el espacio entre Título, Input y Botones */
}