.fx-modal-fondo{z-index:var(--fx-z-modal);background:var(--fx-overlay);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fx-modal{background:var(--fx-bg-card);border-radius:var(--radius-lg);width:min(640px,100%);max-height:90vh;box-shadow:var(--shadow-xl);overflow-y:auto}.fx-modal-cabecera{border-bottom:1px solid var(--fx-border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;display:flex}.fx-modal-titulo{font-family:var(--font-titulo);font-size:var(--fx-fs-marca-titulo);color:var(--fx-text-primary);margin:0}.fx-modal-cerrar{cursor:pointer;color:var(--fx-text-secondary);border-radius:var(--radius-sm);transition:opacity var(--duration-fast) var(--ease-fx);background:0 0;border:0;padding:4px;line-height:1}.fx-modal-cerrar:hover{opacity:.7}.fx-modal-cuerpo{padding:24px}.fx-modal-fondo-derecha{justify-content:flex-end;align-items:stretch}.fx-modal-fondo-derecha .fx-modal{width:min(420px,100%);max-height:none;box-shadow:var(--shadow-drawer);border-radius:0;flex-direction:column;display:flex}.fx-modal-fondo-derecha .fx-modal-cuerpo{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}