From 45c70b0b42065e0208290d83cc8ec4b0f5c9eb41 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaime=20Garc=C3=ADa=20M=C3=A9ndez?=
 <jaimegarciamendez@gmail.com>
Date: Wed, 18 Mar 2026 14:54:42 -0500
Subject: [PATCH] Fix modal styles: opaque overlay for all popups

- Replace bg-black/70 with bg-black for no transparency
---
 src/components/ui/ConfirmModal.jsx | 2 +-
 src/components/ui/Modal.jsx        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ui/ConfirmModal.jsx b/src/components/ui/ConfirmModal.jsx
index 47082c8..b38447f 100644
--- a/src/components/ui/ConfirmModal.jsx
+++ b/src/components/ui/ConfirmModal.jsx
@@ -26,7 +26,7 @@ export const ConfirmModal = ({
 
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
-      <div className="absolute inset-0 bg-black/70 transition-opacity" onClick={onCancel} />
+      <div className="absolute inset-0 bg-black transition-opacity" onClick={onCancel} />
 
       <div
         className="relative w-full max-w-sm rounded-lg border-2 border-[rgba(255,152,0,0.3)] bg-[rgba(255,152,0,0.15)] p-8 backdrop-blur-md"
diff --git a/src/components/ui/Modal.jsx b/src/components/ui/Modal.jsx
index cc6ff85..49ce3fa 100644
--- a/src/components/ui/Modal.jsx
+++ b/src/components/ui/Modal.jsx
@@ -35,7 +35,7 @@ export const Modal = ({ isOpen, onClose, title, message, type = 'info' }) => {
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
       {/* Backdrop */}
-      <div className="absolute inset-0 bg-black/70 transition-opacity" onClick={onClose} />
+      <div className="absolute inset-0 bg-black transition-opacity" onClick={onClose} />
 
       <div
         className={`relative w-full max-w-sm rounded-lg border-2 p-8 backdrop-blur-md ${bgColorClass}`}