/* =============================================================================
 *  Talisman Of Souls  —  blink.css
 *  Efeitos de brilho/pisca (blink) usados em elementos destacados.
 *  (Formatado/identado automaticamente — regras inalteradas.)
 * ============================================================================= */

	#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;
	    }
	}