From c4496391f82a6c48bdc5069e4fc6ce8782a50016 Mon Sep 17 00:00:00 2001
From: Christian Claros <95495732+Clarosabel2@users.noreply.github.com>
Date: Wed, 15 May 2024 10:56:56 -0300
Subject: [PATCH] index.html: z-index

---
 script.js        | 1 +
 styles/style.css | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/script.js b/script.js
index 4ec6f05..f4dd734 100644
--- a/script.js
+++ b/script.js
@@ -17,6 +17,7 @@ btnsInfo.forEach((btn) => {
     ctnInfo.style.visibility = "visible";
     main.classList.add("pointer-e");
     document.body.style.overflow="hidden";
+    
   });
 });
 
diff --git a/styles/style.css b/styles/style.css
index e797801..2781ad1 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -20,7 +20,7 @@ header {
   color: white;
   align-items: center;
   justify-content: space-between;
-  z-index: 1;
+  z-index: 100;
 }
 
 header .container-logo {
@@ -112,7 +112,8 @@ main .container-filter{
   gap: 2rem;
   display: flex;
   justify-content: center;
-  box-shadow: 0px 5px 150px #fff;
+  box-shadow: 0px 30px 100px #fff;
+  z-index: 90;
 }
 main .container-sucu {
   
@@ -135,6 +136,7 @@ main .container-sucu #sucu-droplist {
   cursor: pointer;
   background-color: #3b3b3b;
   color: white;
+  text-align: center;
 }
 main .grid-container {
   
@@ -159,10 +161,12 @@ main .grid-container .movie-card {
   /* Centrar el contenido */
   transition: transform 0.8s;
   cursor: pointer;
+  z-index: 70;
 }
 main .grid-container .movie-card:hover {
   transform: scale(1.09);
   background-color: #661d1d;
+  z-index: 80;
 }
 main .grid-container .movie-card:active {
   background-color: #1f0c0c;
@@ -200,6 +204,7 @@ main .container-info {
   overflow: hidden;
   display: flex;
   backdrop-filter: blur(5px);
+  z-index: 95;
 }
 @keyframes scale-up-center {
   0% {