	#popupOverlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.5);
      backdrop-filter: blur(3px);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 9999;
    }

    #popupContainer {
      background: linear-gradient(145deg, #082328, #000000);
      border: 2px solid #00f1ff;
      border-radius: 10px;
      width: 800px;
	  height: 870px;
      max-width: 95%;
      box-shadow: 0 0 30px #00f3ffaa;
      overflow: hidden;
      position: relative;
    }

    .slide {
      display: none;
      width: 100%;
      height: 400px;
    }

    .slide.active {
      display: block;
      animation: fade 0.5s ease-in-out;
    }

    .slide img {
      width: 100%;
      /*height: 100%;*/
      /*object-fit: cover;*/
      display: block;
    }

    @keyframes fade {
      from { opacity: 0; }
      to { opacity: 1; }
    }

    .nav-buttons {
      position: absolute;
      bottom: 60px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      padding: 0 20px;
    }

    .nav-buttons button {
      background: rgba(0, 0, 0, 0.7);
      color: #ffcc00;
      border: 1px solid #00faff;
      padding: 8px 20px;
      font-weight: bold;
      cursor: pointer;
      border-radius: 5px;
      transition: 0.3s;
    }

    .nav-buttons button:hover {
      background: #0000;
      color: #fff;
    }

    .slide-indicators {
      display: flex;
      justify-content: center;
      gap: 8px;
      position: absolute;
      bottom: 56px;
      left: 0;
      right: 0;
    }

    .slide-indicators .indicator {
      width: 14px;
      height: 14px;
      border-radius: 3px;
      background-color: #555;
      border: 1px solid #00faff;
      cursor: pointer;
      transition: background 0.3s;
    }

    .slide-indicators .indicator.active {
      background-color: #00faff;
    }

    #disablePopupBtn {
      position: absolute;
      bottom: 6px;
      left: 50%;
      width: 33%;
      transform: translateX(-50%);
      background: #222;
      border: 1px solid #888;
      padding: 6px 14px;
      color: #fff;
      font-size: 13px;
      border-radius: 4px;
      cursor: pointer;
    }

    #disablePopupBtn:hover {
      background: #444;
    }

    #closePopupBtn {
      position: absolute;
      top: 3px;
      right: -52px;
      background: transparent;
      color: #ffcc00;
      border: none;
      font-size: 20px;
      cursor: pointer;
      z-index: 10;
      font-weight: bold;
      transition: color 0.2s;
    }

    #closePopupBtn:hover {
      color: red;
    }
/* Responsivo para mobile */
    @media (max-width: 800px) {
      #popupContainer {
        width: 95%;
        height: 68%;
      }

      .slide {
        height: 250px;
      }
	  
	  .nav-buttons {
		position: absolute;
		bottom: 73px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		padding: 0 20px;
		}

      .nav-buttons button {
        padding: 6px 12px;
        font-size: 14px;
      }

      #disablePopupBtn {
        font-size: 12px;
        padding: 5px 5px;
		width: 225px;
      }

      #closePopupBtn {
        font-size: 14px;
        top: 7px;
        right: 7px;
        border-radius: 30px;
        /*background-color: #000000c2;*/
        width: 30px;
        height: 30px;
        z-index: 10;
      }
                
      .slide-indicators .indicator {
        width: 10px;
        height: 10px;
      }
    }
       
    .pulse {
  display: inline-block;
  animation: pulseAnim 1.5s infinite;
}

@keyframes pulseAnim {
  0%   { transform: scale(1);   color: #fff; }
  50%  { transform: scale(1.2); color: #0f0; }
  100% { transform: scale(1);   color: #fff; }
}

/* Esconde apenas no celular (telas menores que 768px) */
.hide-mobile {
  display: none;
}

@media (min-width: 768px) {
  .hide-mobile {
    display: block;
  }
}

/* Esconde apenas no desktop (telas maiores que 768px) */
.hide-desktop {
  display: block;
}

@media (min-width: 768px) {
  .hide-desktop {
    display: none;
  }
}