.movie-page-section .filters li {
        position: relative;
        cursor: pointer;
        font-weight: 500;
        margin: 0px 29px 12px;
      }

      .feature-block .inner-box .image img {
        position: relative;
        width: 72%;
      }

      .mayus {
        text-transform: uppercase;
      }

      .movie-page-section .filters li {
        position: relative;
        cursor: pointer;
        font-weight: 500;
        margin: 0px 15px 0px;
        display: inline-block;
        color: var(--dark-color);
        font-size: 16px;
      }

      .movie-page-section .filters li {
        position: relative;
        cursor: pointer;
        font-weight: 500;
        margin: 0px 15px 7px;
      }

      .movie-page-section .filters .filter.active,
      .movie-page-section .filters .filter:hover {
        color: var(--main-color);
        border-color: rgb(187 187 187 / 0%) !important;
      }

      .movie-page-section .filters li {
        position: relative;
        cursor: pointer;
        font-weight: 500;
        margin: 5px 15px 7px;
        background-color: #153c6c;
        color: white;
        padding: 3px 12px;
        border-radius: 4px;
      }

      .movie-page-section .filters .filter.active,
      .movie-page-section .filters .filter:hover {
        color: rgb(21 60 108);
        border-color: rgb(116 115 112 / 0%) !important;
        background-color: rgb(187 187 187) !important;
      }

      .feature-block.style-two .inner-box .image {
        margin-bottom: 20px;
      }

      .feature-block.style-two .inner-box h6 {
        margin-bottom: 10px;
      }

      /* Estilo del enlace */
      .feature-block.style-two .inner-box h6 a {
        color: var(--dark-color);
        text-decoration: none;
        transition: color 0.3s;
      }

      .feature-block.style-two .inner-box h6 a:hover {
        color: var(--main-color);
      }

      .feature-block.style-two .inner-box .image {
        position: relative;
        height: 180px;
        /* Ajusta la altura según necesites */
      }

      .feature-block.style-two .inner-box .image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-height: 100%;
        max-width: 100%;
      }

      .feature-block.style-two .inner-box .image:hover img {
        filter: grayscale(70%);      }

      .feature-block.style-two .inner-box .image {
        position: relative;
        overflow: hidden;
      }

      .feature-block.style-two .inner-box .image:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3));
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s;
      }

      .feature-block.style-two .inner-box .image:hover:after {
        opacity: 0.6;
      }

          /* Popup */
        /* Fondo con efecto de desenfoque para toda la página, excepto el popup */
        body.blur-active::before {
          content: "";
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.4);
          backdrop-filter: blur(5px);
          z-index: 9998; /* Colocar detrás del popup */
        }

        /* Estilos específicos para el popup */
        .product-popup {
          display: none;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          z-index: 9999;
          overflow: auto;
        }

        .popup-content {
          background-color: #fff;
          margin: 10% auto;
          padding: 20px;
          border-radius: 5px;
          position: relative;
          max-width: 40%;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
          text-align: center;
        }

        .close-popup {
          position: absolute;
          top: 10px;
          right: 20px;
          font-size: 24px;
          cursor: pointer;
        }

        .popup-content h3,
        .popup-content img,
        .popup-content p,
        .popup-content a {
          text-align: center;
          margin: 0 auto;
        }
        .popup-content a {
          font-size:22px;
          color:#1C355E;
          padding-top: 5%;
        }

        .popup-content a:hover {
          color:#bbbbbb;
        }
        .btn-visit {
          display: block;
          text-align: center;
          margin-top: 10px;
        }


        .product-link {
                cursor: pointer;
                position: relative;
                display: block;
            }

            /* Overlay transparente que aparece al pasar el cursor sobre el producto */
            .overlay {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0, 0, 0, 0.2); /* Cambia el color y la transparencia según lo desees */
                display: none;
            }

            /* Símbolo de "ver más" en el centro del producto */
            .plus-icon {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-size: 24px;
                color: #fff;
                display: none;
            }

            /* Mostrar el símbolo de "ver más" y el overlay al pasar el cursor sobre el producto */
            .product-link:hover .overlay,
            .product-link:hover .plus-icon {
                display: block;
            }
            @media only screen and (max-width: 768px) {
              .filter-tabs {
                display: none;
              }
              .popup-content {
            background-color: #fff;
            margin: 44% auto;
            padding: 20px;
            border-radius: 5px;
            position: relative;
            max-width: 89%;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
            text-align: center;
        }
              .movie-page-section .feature-block, .featured-section .feature-block {
                  width: 50%;
              }
              .movie-page-section .filters li {
                  position: relative;
                  cursor: pointer;
                  font-weight: 300;
                  margin: 3px 5px -1px;
                  background-color: #153c6c;
                  color: white;
                  padding: 3px 8px;
                  border-radius: 6px;
              }

        .movie-page-section .filters {
            position: relative;
            margin-bottom: 17px;
            text-align: center;
        }
        .feature-block.style-two .inner-box .image {
            position: relative;
            height: 120px !important;
        }
            }

        @media only screen and (min-width: 768px){
          .category-dropdown{
            display: none;
          }
        }

            /* Estilos para la introducción */
          .introduction {
            margin-bottom: 94px;
            margin-top: -82px;
        }

            .introduction p {
                font-size: 18px;
                color: #333;
                line-height: 1.6;
            }
        /* Estilos para el símbolo "+" */
        /* Estilos para el símbolo "+" */
        .plus-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 45px; /* Aumentamos el tamaño del símbolo "+" */
            color: rgba(255, 255, 255, 0.9); /* Hacemos que el símbolo sea semi-transparente */
            opacity: 0; /* Inicialmente, el símbolo "+" estará oculto */
            transition: transform 0.8s, opacity 0.8s; /* Agregamos una transición para un efecto suave */
        }

        /* Mostrar el símbolo de "+" al pasar el cursor sobre el producto */
        .product-linkss:hover .plus-icon {
            transform: translate(-50%, -50%) scale(1.9); /* Aumentamos ligeramente el tamaño al pasar el cursor */
            opacity: 1; /* Hacemos que el símbolo sea completamente visible */
        }


        /* Animación para agrandar el símbolo "+" */
        @keyframes growPlusIcon {
            0% {
                transform: translate(-50%, -50%) scale(1);
                opacity: 0.7;
            }
            100% {
                transform: translate(-50%, -50%) scale(1.5);
                opacity: 1;
            }
        }
        /* Estilos para el enlace */
        /* Estilo para el enlace y el símbolo "+" */
        .product-link {
            cursor: pointer;
            position: relative;
            display: block;
        }

        /* Overlay transparente que aparece al pasar el cursor sobre el producto */
        .product-link::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.2); /* Cambia el color y la transparencia según lo desees */
            display: none;
        }

        /* Símbolo de "+" en el centro del producto */
        .product-link::after {
            content: "+"; /* Símbolo "+" */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 57px; /* Tamaño del símbolo "+" */
            color: #fff; /* Color del símbolo "+" */
            display: none;
        }

        /* Mostrar el overlay y el símbolo "+" al pasar el cursor sobre el producto */
        .product-link:hover::before,
        .product-link:hover::after {
            display: block;
        }


        .close-popup {
            position: absolute;
            top: 10px;
            right: 10px;
            font-size: 38px !important;
            color: #8a8a8a !important;
            cursor: pointer;
        }