ISMERELY CATALOGO DIGITAL
<script>
// Mostrar GIF centrado mientras carga
document.write(`
<div id="loaderGifOnly" style="
position: fixed;
inset: 0;
display: flex;
justify-content: center;
align-items: center;
background: transparent;
z-index: 99999;
transition: opacity 0.5s ease;
">
<style>
@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes glowPulse {
0% { filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.2)); }
50% { filter: drop-shadow(0 0 12px rgba(255, 255, 255, 0.5)); }
100% { filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.2)); }
}
#loaderGifOnly img {
width: 60px;
height: 60px;
animation: glowPulse 2s infinite ease-in-out;
}
</style>
<img src="https://i.gifer.com/ZZ5H.gif" alt="Cargando...">
</div>
`);
</script>
<script>
// Desaparece al cargar
window.addEventListener("load", () => {
const loader = document.getElementById("loaderGifOnly");
if (loader) {
loader.style.animation = "fadeOut 0.6s ease forwards";
setTimeout(() => loader.remove(), 600);
}
});
// Eliminación de respaldo si no carga bien
setTimeout(() => {
const loader = document.getElementById("loaderGifOnly");
if (loader) {
loader.style.animation = "fadeOut 0.6s ease forwards";
setTimeout(() => loader.remove(), 600);
}
}, 5000);
</script>
<script>
document.addEventListener("DOMContentLoaded", function () {
const icono = document.createElement("div");
icono.innerHTML = `
<style>
@keyframes entradaRebote {
0% { transform: translateX(120px); opacity: 0; }
60% { transform: translateX(-20px); opacity: 1; }
80% { transform: translateX(10px); }
100% { transform: translateX(0); }
}
.facebook-flotante {
position: fixed;
bottom: 70px;
right: 20px;
z-index: 9999;
animation: entradaRebote 1s ease;
cursor: pointer;
transition: transform 0.3s ease;
}
.facebook-flotante:hover {
transform: scale(1.1);
}
.facebook-flotante img {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}
</style>
<a href="https://www.facebook.com/share/14MWgWCHuWm/?mibextid=qi2Omg" class="facebook-flotante" target="_blank" aria-label="Facebook">
<img src="https://dmtei.com/iconos/facebook.png" alt="Facebook">
</a>
`;
document.body.appendChild(icono);
});
</script>
<style>
/* Pantalla completa negra */
#dmtei-suspendido {
position: fixed !important;
top: 0;
left: 0;
width: 100vw !important;
height: 100vh !important;
background: #000 !important;
color: #fff !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
padding: 20px !important;
z-index: 999999999 !important;
font-family: Arial, sans-serif !important;
}
#dmtei-suspendido img {
width: 120px;
margin-bottom: 25px;
opacity: 0.9;
}
#dmtei-suspendido h1 {
font-size: 24px;
margin-bottom: 10px;
}
#dmtei-suspendido p {
font-size: 16px;
max-width: 450px;
line-height: 1.5;
opacity: 0.9;
}
</style>
<script>
// Espera a que cargue la página y reemplaza todo por el mensaje
document.addEventListener("DOMContentLoaded", function () {
// Borrar completamente todo el contenido visible
document.body.innerHTML = "";
