DangerNETWORK Hub de Servidores<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800;900&display=swap');\n body {\n font-family: 'Inter', sans-serif;\n background-color: #ffffff; \/* Fondo blanco *\/\n }\n .server-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n background: #ffffff; \/* Fondo de tarjeta blanco *\/\n border: 1px solid #e5e7eb; \/* Borde gris claro *\/\n }\n .server-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 0 20px rgba(239, 68, 68, 0.3); \/* Sombra suave, con acento rojo *\/\n }\n .ip-display {\n background-color: #f3f4f6; \/* Fondo de IP gris muy claro *\/\n border: 1px solid #ef4444; \/* Borde de IP rojo *\/\n }\n .ip-copy-btn {\n transition: all 0.2s;\n flex-shrink: 0;\n }\n \n \/* Widget de Estado (Base) *\/\n .status-widget {\n \/* Fondo ligeramente gris para contraste en la caja de estado *\/\n background: linear-gradient(45deg, #f9fafb, #ef444420); \n border-width: 2px;\n \/* La clase de borde (border-color) se aplica por JS *\/\n }\n \n \/* Animaci\u00f3n para el estado ONLINE (Borde Verde) *\/\n @keyframes pulse-border-online {\n 0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); } \/* Tailwind green-500 *\/\n 70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }\n }\n\n \/* Estilo para el modal - Adaptado a tema claro *\/\n .modal-content {\n max-height: 80vh;\n overflow-y: auto;\n background-color: #ffffff; \/* Fondo del modal blanco *\/\n }\n <\/style>\n <script>\n \/\/ Funci\u00f3n para cargar iconos SVG de manera confiable (usada SOLO para el cambio din\u00e1mico Copy\/Check)\n function getIcon(name, classes = \"\") {\n const icons = {\n 'copy': '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"' + classes + '\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>',\n 'check': '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"' + classes + '\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>',\n };\n return icons[name] || '';\n }\n\n \/\/ --- Funcionalidad de Copiar IP ---\n function copyIP(ip, buttonElement) {\n const textarea = document.createElement('textarea');\n textarea.value = ip;\n document.body.appendChild(textarea);\n textarea.select();\n \n let success = false;\n try {\n \/\/ Comando cl\u00e1sico de copiado, muy compatible en iframes.\n success = document.execCommand('copy');\n } catch (err) {\n console.error('Error al intentar copiar:', err);\n }\n \n document.body.removeChild(textarea);\n\n if (success) {\n \/\/ Actualiza el bot\u00f3n temporalmente (usa getIcon para el cambio din\u00e1mico)\n buttonElement.innerHTML = getIcon('check', 'text-white'); \/* Texto de check blanco *\/\n buttonElement.classList.remove('bg-red-600', 'hover:bg-red-700'); \/* Bot\u00f3n de IP ahora es rojo *\/\n buttonElement.classList.add('bg-green-600', 'hover:bg-green-700'); \/* Check de \u00e9xito es verde *\/\n\n setTimeout(() => {\n \/\/ Vuelve al \u00edcono de Copiar\n buttonElement.innerHTML = getIcon('copy', 'text-white');\n buttonElement.classList.add('bg-red-600', 'hover:bg-red-700'); \/* Vuelve a color rojo original *\/\n buttonElement.classList.remove('bg-green-600', 'hover:bg-green-700');\n }, 1500);\n } else {\n showInstructions('copy_error', ip);\n }\n }\n\n \/\/ --- Datos y Funcionalidad del Modal de Instrucciones ---\n const instructionsData = {\n 'dangercraft': {\n title: 'Acceder a DangerCRAFT Network',\n content: `\n <p class=\"text-gray-600 mb-4\">La red principal de Minecraft es compatible con Java y Bedrock.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">\ud83c\udfae Java Edition<\/h4>\n <ul class=\"list-disc list-inside ml-4 text-gray-700 space-y-2\">\n <li><strong>Versi\u00f3n:<\/strong> 1.8 a la m\u00e1s reciente.<\/li>\n <li><strong>Direcci\u00f3n:<\/strong> <code>dangercraft.shop<\/code><\/li>\n <li><strong>Puerto:<\/strong> (Por defecto, 25565)<\/li>\n <\/ul>\n <h4 class=\"text-lg font-semibold text-red-600\">\ud83d\udcf1 Bedrock Edition<\/h4>\n <ul class=\"list-disc list-inside ml-4 text-gray-700 space-y-2\">\n <li><strong>Direcci\u00f3n:<\/strong> <code>dangercraft.shop<\/code><\/li>\n <li><strong>Puerto:<\/strong> (Por defecto, 19132)<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'latinland': {\n title: 'Instalaci\u00f3n y Acceso a Latinland (Minecraft Mods)',\n content: `\n <p class=\"text-gray-600 mb-4\">Latinland requiere un modpack espec\u00edfico para la versi\u00f3n 1.12.2 de Minecraft.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">1. Descargar el Modpack<\/h4>\n <p>Haz clic en el enlace para obtener el archivo <code>modpack.rar<\/code>.<\/p>\n <a href=\"https:\/\/soydavidtapia.com\/media\/modpack.rar\" target=\"_blank\" class=\"text-red-700 hover:underline font-medium block\">Descargar Modpack Aqu\u00ed<\/a>\n \n <h4 class=\"text-lg font-semibold text-red-600\">2. Instalar Forge y Mods<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li>Aseg\u00farate de tener <strong>Forge 1.12.2<\/strong> instalado en tu launcher.<\/li>\n <li>Descomprime el archivo <code>modpack.rar<\/code>.<\/li>\n <li>Copia **todos los archivos** dentro de la carpeta <code>mods<\/code> de tu instalaci\u00f3n de Minecraft 1.12.2.<\/li>\n <li>**Memoria RAM:** Se recomienda asignar al menos 4GB de RAM al perfil de Forge.<\/li>\n <\/ul>\n <h4 class=\"text-lg font-semibold text-red-600\">3. Conexi\u00f3n al Servidor<\/h4>\n <p>Inicia Minecraft con el perfil de Forge y con\u00e9ctate a:<\/p>\n <code class=\"bg-gray-200 p-2 rounded-lg text-green-700 block break-all\">dangercraft.shop:25568<\/code>\n <\/div>\n `\n },\n 'dangerrp': {\n title: 'Acceder a DangerRP (FiveM Roleplay)',\n content: `\n <p class=\"text-gray-600 mb-4\">DangerRP es el servidor de Roleplay de GTA V de la network.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Requisitos<\/h4>\n <ul class=\"list-disc list-inside ml-4 text-gray-700 space-y-2\">\n <li>Tener una copia legal de **Grand Theft Auto V**.<\/li>\n <li>Tener instalado el cliente **FiveM**.<\/li>\n <\/ul>\n <h4 class=\"text-lg font-semibold text-red-600\">M\u00e9todos de Conexi\u00f3n<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li><strong>B\u00fasqueda:<\/strong> Abre FiveM, haz clic en 'Play' y busca el nombre \"DangerRP\".<\/li>\n <li><strong>Conexi\u00f3n Directa:<\/strong> Presiona <code>F8<\/code> en FiveM y escribe: <code>connect dangercraft.shop:30120<\/code>.<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'dangerrancho': {\n title: 'Acceder a DangerRANCHO (RedM Roleplay)',\n content: `\n <p class=\"text-gray-600 mb-4\">\u00danete al Roleplay Western en Red Dead Redemption 2.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Requisitos<\/h4>\n <ul class=\"list-disc list-inside ml-4 text-gray-700 space-y-2\">\n <li>Tener una copia legal de **Red Dead Redemption 2**.<\/li>\n <li>Tener instalado el cliente **RedM** (la versi\u00f3n de FiveM para RDR2).<\/li>\n <\/ul>\n <h4 class=\"text-lg font-semibold text-red-600\">Conexi\u00f3n<\/h4>\n <p>Abre RedM y usa la IP:<\/p>\n <code class=\"bg-gray-200 p-2 rounded-lg text-green-700 block break-all\">dangercraft.shop:30123<\/code>\n <\/div>\n `\n },\n 'dangerbosque': {\n title: 'Acceder a DangerBOSQUE (The Forest)',\n content: `\n <p class=\"text-gray-600 mb-4\">Supervivencia cooperativa en el bosque.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Pasos<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li>Inicia el juego **The Forest**.<\/li>\n <li>Ve a 'Multijugador' -> 'Unirse a partida'.<\/li>\n <li>Busca la opci\u00f3n 'Unirse por IP' (o 'Conexi\u00f3n Directa') e ingresa la direcci\u00f3n: <code>dangercraft.shop:27017<\/code>.<\/li>\n <li>Si hay contrase\u00f1a, se te proporcionar\u00e1 en los canales de la comunidad.<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'assetocorsa': {\n title: 'Acceder a Assetto Corsa',\n content: `\n <p class=\"text-gray-600 mb-4\">Servidor de simulaci\u00f3n de carreras.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Pasos<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li>Abre el cliente de Assetto Corsa (o Content Manager).<\/li>\n <li>Ve a la pesta\u00f1a 'Online'.<\/li>\n <li>Usa la barra de b\u00fasqueda o el filtro de IP para encontrar el servidor: <code>dangercraft.shop:9600<\/code>.<\/li>\n <li>Aseg\u00farate de tener el circuito y los coches requeridos por la sesi\u00f3n activa.<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'dangerworld': {\n title: 'Acceder a DangerWORLD (Palworld)',\n content: `\n <p class=\"text-gray-600 mb-4\">Captura, entrena y sobrevive en Palworld.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Pasos<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li>Inicia **Palworld**.<\/li>\n <li>Selecciona 'Unirse al juego multijugador (Servidor dedicado)'.<\/li>\n <li>Introduce la IP\/Puerto: <code>dangercraft.shop:8212<\/code>.<\/li>\n <li>La contrase\u00f1a se comunicar\u00e1 a los miembros de la comunidad.<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'libertycity': {\n title: 'Acceder a Liberty City Preservation (FiveM)',\n content: `\n <p class=\"text-gray-600 mb-4\">Un servidor dedicado a la preservaci\u00f3n del mapa y experiencia cl\u00e1sica de Liberty City dentro de FiveM.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Conexi\u00f3n<\/h4>\n <p>Abre FiveM y utiliza la direcci\u00f3n directa:<\/p>\n <code class=\"bg-gray-200 p-2 rounded-lg text-green-700 block break-all\">dangercraft.shop:30121<\/code>\n <\/div>\n `\n },\n 'copy_error': {\n title: 'Error al Copiar',\n content: `\n <p class=\"text-red-600 mb-4\">No pudimos copiar la IP autom\u00e1ticamente. Por favor, c\u00f3piala manualmente:<\/p>\n <code id=\"error-ip-display\" class=\"bg-gray-200 p-2 rounded-lg text-red-600 block break-all font-mono\"><\/code>\n `\n }\n };\n\n function showInstructions(key, optionalData = null) {\n const data = instructionsData[key];\n if (!data) return;\n\n document.getElementById('modal-title').textContent = data.title;\n document.getElementById('modal-content-body').innerHTML = data.content;\n \n if (key === 'copy_error' && optionalData) {\n document.getElementById('error-ip-display').textContent = optionalData;\n }\n \n \/\/ Cambiamos el color de fondo del modal principal a gris para contraste con el fondo blanco\n document.getElementById('instructions-modal-panel').classList.remove('bg-gray-800');\n document.getElementById('instructions-modal-panel').classList.add('bg-white');\n\n\n document.getElementById('instructions-modal').classList.remove('hidden');\n document.getElementById('instructions-modal').classList.add('flex');\n }\n\n function closeInstructions() {\n document.getElementById('instructions-modal').classList.add('hidden');\n document.getElementById('instructions-modal').classList.remove('flex');\n }\n\n \/\/ --- Funcionalidad Real de Widget de Estado de Minecraft ---\n\/\/ --- Funcionalidad Real de Widget de Estado de Minecraft ---\n const MC_IP = 'dangercraft.shop';\n const API_URL = `https:\/\/api.mcstatus.io\/v2\/status\/java\/${MC_IP}`; \n\n function updateStatusDisplay(status, players, maxPlayers, ping, statusColor) {\n const statusEl = document.getElementById('mc-status');\n const playersEl = document.getElementById('mc-players');\n const pingEl = document.getElementById('mc-ping');\n const widgetEl = document.querySelector('.status-widget');\n const indicatorEl = document.getElementById('mc-indicator');\n\n statusEl.textContent = status;\n \/\/ Aseguramos que solo se muestre 'ms' si el ping es un n\u00famero v\u00e1lido.\n pingEl.textContent = ping === 'N\/A' ? 'N\/A' : `${ping}ms`; \n \n \/\/ Si no hay informaci\u00f3n de jugadores (e.g., est\u00e1 OFFLINE o ERROR), mostramos N\/A\n playersEl.textContent = players === 'N\/A' ? 'N\/A' : `${players} \/ ${maxPlayers}`;\n\n \/\/ Resetear clases de estado\n statusEl.className = 'text-2xl font-bold';\n indicatorEl.className = 'w-4 h-4 rounded-full animate-pulse';\n widgetEl.classList.remove('border-green-500', 'border-red-500', 'border-yellow-500');\n widgetEl.style.animation = 'none';\n \n \/\/ Aplicar estilos seg\u00fan el estado\n \/\/ Ahora el texto de jugadores\/ping es negro (text-black) y se quita el text-white\n playersEl.classList.remove('text-white');\n playersEl.classList.add('text-black');\n pingEl.classList.remove('text-white');\n pingEl.classList.add('text-black');\n \n if (statusColor === 'ONLINE') {\n statusEl.classList.add('text-green-600'); \/* Verde para online *\/\n indicatorEl.classList.add('bg-green-600');\n widgetEl.classList.add('border-green-600');\n widgetEl.style.animation = 'pulse-border-online 2s infinite';\n } else if (statusColor === 'OFFLINE') {\n statusEl.classList.add('text-red-600'); \/* Rojo para offline *\/\n indicatorEl.classList.add('bg-red-600');\n widgetEl.classList.add('border-red-600');\n } else { \/\/ ERROR \/ CARGANDO\n statusEl.classList.add('text-yellow-600'); \/* Amarillo\/Naranja para cargando\/error *\/\n indicatorEl.classList.add('bg-yellow-600');\n widgetEl.classList.add('border-yellow-600');\n }\n }\n\n async function fetchServerStatus() {\n updateStatusDisplay('Cargando...', '...', '...', '...', 'LOADING'); \n\n try {\n const response = await fetch(API_URL);\n \n if (!response.ok) {\n throw new Error(`Error HTTP: ${response.status}`);\n }\n\n const data = await response.json();\n\n if (!data.online) {\n updateStatusDisplay('OFFLINE', '0', 'N\/A', 'N\/A', 'OFFLINE');\n } else {\n const players = data.players ? data.players.online : '0';\n const maxPlayers = data.players ? data.players.max : '0';\n const ping = 'N\/A'; \n\n updateStatusDisplay('ONLINE', players, maxPlayers, ping, 'ONLINE');\n }\n\n } catch (error) {\n console.error('Error fetching server status:', error);\n updateStatusDisplay('ERROR', 'N\/A', 'N\/A', 'N\/A', 'OFFLINE');\n }\n \n \/\/ Reintentar cada 60 segundos\n setTimeout(fetchServerStatus, 60000);\n }\n\n window.onload = function() {\n fetchServerStatus();\n }\n <\/script>\n<\/head>\n<body class=\"bg-white text-black min-h-screen p-4 sm:p-8\"> <header class=\"text-center mb-16 pt-8\">\n <h1 class=\"text-6xl sm:text-8xl font-black text-transparent bg-clip-text bg-gradient-to-r from-red-600 to-red-800 mb-4 tracking-tight\">\n DANGER<span class=\"text-black\">NETWORK<\/span> <\/h1>\n <p class=\"text-xl sm:text-2xl text-gray-600 font-light mb-8 max-w-3xl mx-auto\"> Acceso directo a nuestra red de servidores premium.\n <\/p>\n\n <div class=\"status-widget border-red-600 p-6 rounded-2xl flex flex-col sm:flex-row items-center justify-center space-y-4 sm:space-y-0 sm:space-x-12 mx-auto transition-colors duration-300\">\n \n <div class=\"flex items-center space-x-3 w-full sm:w-auto justify-center sm:justify-start\">\n <div id=\"mc-indicator\" class=\"w-4 h-4 rounded-full bg-yellow-600 animate-pulse\"><\/div> <div class=\"text-left\">\n <p class=\"text-sm text-gray-600\">Estado Principal<\/p> <p id=\"mc-status\" class=\"text-2xl font-bold text-yellow-600\">Cargando...<\/p> <\/div>\n <\/div>\n\n <div class=\"text-left w-full sm:w-auto\">\n <p class=\"text-sm text-gray-600\">Jugadores (DangerCRAFT)<\/p> <p id=\"mc-players\" class=\"text-2xl font-bold text-black\">...<\/p> <\/div>\n\n <div class=\"text-left w-full sm:w-auto\">\n <p class=\"text-sm text-gray-600\">Latencia Promedio<\/p> <p id=\"mc-ping\" class=\"text-2xl font-bold text-black\">...<\/p> <\/div>\n <\/div>\n <\/header>\n\n <div id=\"server-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 sm:gap-8 max-w-7xl mx-auto\">\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-600\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Minecraft\">\u26cf\ufe0f<\/span>\n <h2 class=\"text-2xl font-bold text-red-600\">DangerCRAFT Network<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Minecraft Java & Bedrock (Survival, MiniJuegos, Anarqu\u00eda)<\/p> <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop<\/code> <button onclick=\"copyIP('dangercraft.shop', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangercraft')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\u2139\ufe0f<\/span> Ver Instrucciones\n <\/button>\n <\/div>\n\n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-500\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Modpack\">\ud83d\udce6<\/span>\n <h2 class=\"text-2xl font-bold text-red-500\">Latinland (Mods 1.12.2)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Minecraft con un Modpack exclusivo para supervivencia y tecnolog\u00eda.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:25568<\/code> <button onclick=\"copyIP('dangercraft.shop:25568', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('latinland')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83d\udcbb<\/span> Requisitos & Modpack\n <\/button>\n <\/div>\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-700\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de GTA V\">\ud83d\ude97<\/span>\n <h2 class=\"text-2xl font-bold text-red-700\">DangerRP (FiveM)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">El servidor de Roleplay m\u00e1s inmersivo de Grand Theft Auto V.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:30120<\/code> <button onclick=\"copyIP('dangercraft.shop:30120', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangerrp')\" class=\"w-full bg-red-700 hover:bg-red-800 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83d\udd79\ufe0f<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-500\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Western\">\ud83e\udd20<\/span>\n <h2 class=\"text-2xl font-bold text-red-500\">DangerRANCHO (RedM)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Experimenta el aut\u00e9ntico Roleplay Western en Red Dead Redemption 2.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:30123<\/code> <button onclick=\"copyIP('dangercraft.shop:30123', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangerrancho')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83d\udc34<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n\n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-600\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Palworld\">\ud83d\udc7d<\/span>\n <h2 class=\"text-2xl font-bold text-red-600\">DangerWORLD (Palworld)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Servidor dedicado de Palworld para supervivencia y caza de Pals.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:8212<\/code> <button onclick=\"copyIP('dangercraft.shop:8212', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangerworld')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83d\udd79\ufe0f<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-500\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Bosque\">\ud83c\udf32<\/span>\n <h2 class=\"text-2xl font-bold text-red-500\">DangerBOSQUE (The Forest)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Servidor de supervivencia cooperativa en el juego The Forest.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:27017<\/code> <button onclick=\"copyIP('dangercraft.shop:27017', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangerbosque')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83c\udfd5\ufe0f<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-400\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Coche de carreras\">\ud83c\udfce\ufe0f<\/span>\n <h2 class=\"text-2xl font-bold text-red-400\">Assetto Corsa<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Simulador de carreras de alta fidelidad, con sesiones programadas.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:9600<\/code> <button onclick=\"copyIP('dangercraft.shop:9600', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('assetocorsa')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83c\udfc1<\/span> C\u00f3mo Unirse\n <\/button>\n <\/div>\n\n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-500\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Ciudad\">\ud83d\uddfd<\/span>\n <h2 class=\"text-2xl font-bold text-red-500\">Liberty City Preservation<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Un servidor dedicado a la preservaci\u00f3n del mapa y experiencia cl\u00e1sica de Liberty City dentro de FiveM.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:30121<\/code> <button onclick=\"copyIP('dangercraft.shop:30121', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('libertycity')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83c\udfd9\ufe0f<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n <\/div>\n \n <footer class=\"mt-16 text-center text-gray-500 text-sm\"> \u00a9 2025 DangerNETWORK. Todos los derechos reservados.\n <\/footer>\n\n <div id=\"instructions-modal\" class=\"fixed inset-0 bg-black bg-opacity-70 backdrop-blur-sm hidden items-center justify-center z-50 p-4 transition-opacity duration-300\">\n <div id=\"instructions-modal-panel\" class=\"modal-content bg-white p-8 rounded-xl shadow-2xl w-full max-w-lg relative\"> <button onclick=\"closeInstructions()\" class=\"absolute top-4 right-4 text-gray-500 hover:text-red-600 transition duration-150\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n <\/button>\n \n <h3 id=\"modal-title\" class=\"text-3xl font-bold mb-4 text-black\"><\/h3> <div id=\"modal-content-body\" class=\"text-black\"> <\/div>\n \n <div class=\"mt-6 border-t pt-4 border-gray-200\">\n <button onclick=\"closeInstructions()\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200\">\n Cerrar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DangerNETWORK Hub de Servidores DANGERNETWORK Acceso directo a nuestra red de servidores premium. Estado Principal Cargando… Jugadores (DangerCRAFT) … Latencia […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-223","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=223"}],"version-history":[{"count":16,"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n DangerNETWORK Hub de Servidores<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800;900&display=swap');\n body {\n font-family: 'Inter', sans-serif;\n background-color: #ffffff; \/* Fondo blanco *\/\n }\n .server-card {\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n background: #ffffff; \/* Fondo de tarjeta blanco *\/\n border: 1px solid #e5e7eb; \/* Borde gris claro *\/\n }\n .server-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1), 0 0 20px rgba(239, 68, 68, 0.3); \/* Sombra suave, con acento rojo *\/\n }\n .ip-display {\n background-color: #f3f4f6; \/* Fondo de IP gris muy claro *\/\n border: 1px solid #ef4444; \/* Borde de IP rojo *\/\n }\n .ip-copy-btn {\n transition: all 0.2s;\n flex-shrink: 0;\n }\n \n \/* Widget de Estado (Base) *\/\n .status-widget {\n \/* Fondo ligeramente gris para contraste en la caja de estado *\/\n background: linear-gradient(45deg, #f9fafb, #ef444420); \n border-width: 2px;\n \/* La clase de borde (border-color) se aplica por JS *\/\n }\n \n \/* Animaci\u00f3n para el estado ONLINE (Borde Verde) *\/\n @keyframes pulse-border-online {\n 0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); } \/* Tailwind green-500 *\/\n 70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }\n }\n\n \/* Estilo para el modal - Adaptado a tema claro *\/\n .modal-content {\n max-height: 80vh;\n overflow-y: auto;\n background-color: #ffffff; \/* Fondo del modal blanco *\/\n }\n <\/style>\n <script>\n \/\/ Funci\u00f3n para cargar iconos SVG de manera confiable (usada SOLO para el cambio din\u00e1mico Copy\/Check)\n function getIcon(name, classes = \"\") {\n const icons = {\n 'copy': '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"' + classes + '\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>',\n 'check': '<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"' + classes + '\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>',\n };\n return icons[name] || '';\n }\n\n \/\/ --- Funcionalidad de Copiar IP ---\n function copyIP(ip, buttonElement) {\n const textarea = document.createElement('textarea');\n textarea.value = ip;\n document.body.appendChild(textarea);\n textarea.select();\n \n let success = false;\n try {\n \/\/ Comando cl\u00e1sico de copiado, muy compatible en iframes.\n success = document.execCommand('copy');\n } catch (err) {\n console.error('Error al intentar copiar:', err);\n }\n \n document.body.removeChild(textarea);\n\n if (success) {\n \/\/ Actualiza el bot\u00f3n temporalmente (usa getIcon para el cambio din\u00e1mico)\n buttonElement.innerHTML = getIcon('check', 'text-white'); \/* Texto de check blanco *\/\n buttonElement.classList.remove('bg-red-600', 'hover:bg-red-700'); \/* Bot\u00f3n de IP ahora es rojo *\/\n buttonElement.classList.add('bg-green-600', 'hover:bg-green-700'); \/* Check de \u00e9xito es verde *\/\n\n setTimeout(() => {\n \/\/ Vuelve al \u00edcono de Copiar\n buttonElement.innerHTML = getIcon('copy', 'text-white');\n buttonElement.classList.add('bg-red-600', 'hover:bg-red-700'); \/* Vuelve a color rojo original *\/\n buttonElement.classList.remove('bg-green-600', 'hover:bg-green-700');\n }, 1500);\n } else {\n showInstructions('copy_error', ip);\n }\n }\n\n \/\/ --- Datos y Funcionalidad del Modal de Instrucciones ---\n const instructionsData = {\n 'dangercraft': {\n title: 'Acceder a DangerCRAFT Network',\n content: `\n <p class=\"text-gray-600 mb-4\">La red principal de Minecraft es compatible con Java y Bedrock.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">\ud83c\udfae Java Edition<\/h4>\n <ul class=\"list-disc list-inside ml-4 text-gray-700 space-y-2\">\n <li><strong>Versi\u00f3n:<\/strong> 1.8 a la m\u00e1s reciente.<\/li>\n <li><strong>Direcci\u00f3n:<\/strong> <code>dangercraft.shop<\/code><\/li>\n <li><strong>Puerto:<\/strong> (Por defecto, 25565)<\/li>\n <\/ul>\n <h4 class=\"text-lg font-semibold text-red-600\">\ud83d\udcf1 Bedrock Edition<\/h4>\n <ul class=\"list-disc list-inside ml-4 text-gray-700 space-y-2\">\n <li><strong>Direcci\u00f3n:<\/strong> <code>dangercraft.shop<\/code><\/li>\n <li><strong>Puerto:<\/strong> (Por defecto, 19132)<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'latinland': {\n title: 'Instalaci\u00f3n y Acceso a Latinland (Minecraft Mods)',\n content: `\n <p class=\"text-gray-600 mb-4\">Latinland requiere un modpack espec\u00edfico para la versi\u00f3n 1.12.2 de Minecraft.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">1. Descargar el Modpack<\/h4>\n <p>Haz clic en el enlace para obtener el archivo <code>modpack.rar<\/code>.<\/p>\n <a href=\"https:\/\/soydavidtapia.com\/media\/modpack.rar\" target=\"_blank\" class=\"text-red-700 hover:underline font-medium block\">Descargar Modpack Aqu\u00ed<\/a>\n \n <h4 class=\"text-lg font-semibold text-red-600\">2. Instalar Forge y Mods<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li>Aseg\u00farate de tener <strong>Forge 1.12.2<\/strong> instalado en tu launcher.<\/li>\n <li>Descomprime el archivo <code>modpack.rar<\/code>.<\/li>\n <li>Copia **todos los archivos** dentro de la carpeta <code>mods<\/code> de tu instalaci\u00f3n de Minecraft 1.12.2.<\/li>\n <li>**Memoria RAM:** Se recomienda asignar al menos 4GB de RAM al perfil de Forge.<\/li>\n <\/ul>\n <h4 class=\"text-lg font-semibold text-red-600\">3. Conexi\u00f3n al Servidor<\/h4>\n <p>Inicia Minecraft con el perfil de Forge y con\u00e9ctate a:<\/p>\n <code class=\"bg-gray-200 p-2 rounded-lg text-green-700 block break-all\">dangercraft.shop:25568<\/code>\n <\/div>\n `\n },\n 'dangerrp': {\n title: 'Acceder a DangerRP (FiveM Roleplay)',\n content: `\n <p class=\"text-gray-600 mb-4\">DangerRP es el servidor de Roleplay de GTA V de la network.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Requisitos<\/h4>\n <ul class=\"list-disc list-inside ml-4 text-gray-700 space-y-2\">\n <li>Tener una copia legal de **Grand Theft Auto V**.<\/li>\n <li>Tener instalado el cliente **FiveM**.<\/li>\n <\/ul>\n <h4 class=\"text-lg font-semibold text-red-600\">M\u00e9todos de Conexi\u00f3n<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li><strong>B\u00fasqueda:<\/strong> Abre FiveM, haz clic en 'Play' y busca el nombre \"DangerRP\".<\/li>\n <li><strong>Conexi\u00f3n Directa:<\/strong> Presiona <code>F8<\/code> en FiveM y escribe: <code>connect dangercraft.shop:30120<\/code>.<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'dangerrancho': {\n title: 'Acceder a DangerRANCHO (RedM Roleplay)',\n content: `\n <p class=\"text-gray-600 mb-4\">\u00danete al Roleplay Western en Red Dead Redemption 2.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Requisitos<\/h4>\n <ul class=\"list-disc list-inside ml-4 text-gray-700 space-y-2\">\n <li>Tener una copia legal de **Red Dead Redemption 2**.<\/li>\n <li>Tener instalado el cliente **RedM** (la versi\u00f3n de FiveM para RDR2).<\/li>\n <\/ul>\n <h4 class=\"text-lg font-semibold text-red-600\">Conexi\u00f3n<\/h4>\n <p>Abre RedM y usa la IP:<\/p>\n <code class=\"bg-gray-200 p-2 rounded-lg text-green-700 block break-all\">dangercraft.shop:30123<\/code>\n <\/div>\n `\n },\n 'dangerbosque': {\n title: 'Acceder a DangerBOSQUE (The Forest)',\n content: `\n <p class=\"text-gray-600 mb-4\">Supervivencia cooperativa en el bosque.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Pasos<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li>Inicia el juego **The Forest**.<\/li>\n <li>Ve a 'Multijugador' -> 'Unirse a partida'.<\/li>\n <li>Busca la opci\u00f3n 'Unirse por IP' (o 'Conexi\u00f3n Directa') e ingresa la direcci\u00f3n: <code>dangercraft.shop:27017<\/code>.<\/li>\n <li>Si hay contrase\u00f1a, se te proporcionar\u00e1 en los canales de la comunidad.<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'assetocorsa': {\n title: 'Acceder a Assetto Corsa',\n content: `\n <p class=\"text-gray-600 mb-4\">Servidor de simulaci\u00f3n de carreras.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Pasos<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li>Abre el cliente de Assetto Corsa (o Content Manager).<\/li>\n <li>Ve a la pesta\u00f1a 'Online'.<\/li>\n <li>Usa la barra de b\u00fasqueda o el filtro de IP para encontrar el servidor: <code>dangercraft.shop:9600<\/code>.<\/li>\n <li>Aseg\u00farate de tener el circuito y los coches requeridos por la sesi\u00f3n activa.<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'dangerworld': {\n title: 'Acceder a DangerWORLD (Palworld)',\n content: `\n <p class=\"text-gray-600 mb-4\">Captura, entrena y sobrevive en Palworld.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Pasos<\/h4>\n <ul class=\"list-decimal list-inside ml-4 text-gray-700 space-y-2\">\n <li>Inicia **Palworld**.<\/li>\n <li>Selecciona 'Unirse al juego multijugador (Servidor dedicado)'.<\/li>\n <li>Introduce la IP\/Puerto: <code>dangercraft.shop:8212<\/code>.<\/li>\n <li>La contrase\u00f1a se comunicar\u00e1 a los miembros de la comunidad.<\/li>\n <\/ul>\n <\/div>\n `\n },\n 'libertycity': {\n title: 'Acceder a Liberty City Preservation (FiveM)',\n content: `\n <p class=\"text-gray-600 mb-4\">Un servidor dedicado a la preservaci\u00f3n del mapa y experiencia cl\u00e1sica de Liberty City dentro de FiveM.<\/p>\n <div class=\"space-y-4\">\n <h4 class=\"text-lg font-semibold text-red-600\">Conexi\u00f3n<\/h4>\n <p>Abre FiveM y utiliza la direcci\u00f3n directa:<\/p>\n <code class=\"bg-gray-200 p-2 rounded-lg text-green-700 block break-all\">dangercraft.shop:30121<\/code>\n <\/div>\n `\n },\n 'copy_error': {\n title: 'Error al Copiar',\n content: `\n <p class=\"text-red-600 mb-4\">No pudimos copiar la IP autom\u00e1ticamente. Por favor, c\u00f3piala manualmente:<\/p>\n <code id=\"error-ip-display\" class=\"bg-gray-200 p-2 rounded-lg text-red-600 block break-all font-mono\"><\/code>\n `\n }\n };\n\n function showInstructions(key, optionalData = null) {\n const data = instructionsData[key];\n if (!data) return;\n\n document.getElementById('modal-title').textContent = data.title;\n document.getElementById('modal-content-body').innerHTML = data.content;\n \n if (key === 'copy_error' && optionalData) {\n document.getElementById('error-ip-display').textContent = optionalData;\n }\n \n \/\/ Cambiamos el color de fondo del modal principal a gris para contraste con el fondo blanco\n document.getElementById('instructions-modal-panel').classList.remove('bg-gray-800');\n document.getElementById('instructions-modal-panel').classList.add('bg-white');\n\n\n document.getElementById('instructions-modal').classList.remove('hidden');\n document.getElementById('instructions-modal').classList.add('flex');\n }\n\n function closeInstructions() {\n document.getElementById('instructions-modal').classList.add('hidden');\n document.getElementById('instructions-modal').classList.remove('flex');\n }\n\n \/\/ --- Funcionalidad Real de Widget de Estado de Minecraft ---\n\/\/ --- Funcionalidad Real de Widget de Estado de Minecraft ---\n const MC_IP = 'dangercraft.shop';\n const API_URL = `https:\/\/api.mcstatus.io\/v2\/status\/java\/${MC_IP}`; \n\n function updateStatusDisplay(status, players, maxPlayers, ping, statusColor) {\n const statusEl = document.getElementById('mc-status');\n const playersEl = document.getElementById('mc-players');\n const pingEl = document.getElementById('mc-ping');\n const widgetEl = document.querySelector('.status-widget');\n const indicatorEl = document.getElementById('mc-indicator');\n\n statusEl.textContent = status;\n \/\/ Aseguramos que solo se muestre 'ms' si el ping es un n\u00famero v\u00e1lido.\n pingEl.textContent = ping === 'N\/A' ? 'N\/A' : `${ping}ms`; \n \n \/\/ Si no hay informaci\u00f3n de jugadores (e.g., est\u00e1 OFFLINE o ERROR), mostramos N\/A\n playersEl.textContent = players === 'N\/A' ? 'N\/A' : `${players} \/ ${maxPlayers}`;\n\n \/\/ Resetear clases de estado\n statusEl.className = 'text-2xl font-bold';\n indicatorEl.className = 'w-4 h-4 rounded-full animate-pulse';\n widgetEl.classList.remove('border-green-500', 'border-red-500', 'border-yellow-500');\n widgetEl.style.animation = 'none';\n \n \/\/ Aplicar estilos seg\u00fan el estado\n \/\/ Ahora el texto de jugadores\/ping es negro (text-black) y se quita el text-white\n playersEl.classList.remove('text-white');\n playersEl.classList.add('text-black');\n pingEl.classList.remove('text-white');\n pingEl.classList.add('text-black');\n \n if (statusColor === 'ONLINE') {\n statusEl.classList.add('text-green-600'); \/* Verde para online *\/\n indicatorEl.classList.add('bg-green-600');\n widgetEl.classList.add('border-green-600');\n widgetEl.style.animation = 'pulse-border-online 2s infinite';\n } else if (statusColor === 'OFFLINE') {\n statusEl.classList.add('text-red-600'); \/* Rojo para offline *\/\n indicatorEl.classList.add('bg-red-600');\n widgetEl.classList.add('border-red-600');\n } else { \/\/ ERROR \/ CARGANDO\n statusEl.classList.add('text-yellow-600'); \/* Amarillo\/Naranja para cargando\/error *\/\n indicatorEl.classList.add('bg-yellow-600');\n widgetEl.classList.add('border-yellow-600');\n }\n }\n\n async function fetchServerStatus() {\n updateStatusDisplay('Cargando...', '...', '...', '...', 'LOADING'); \n\n try {\n const response = await fetch(API_URL);\n \n if (!response.ok) {\n throw new Error(`Error HTTP: ${response.status}`);\n }\n\n const data = await response.json();\n\n if (!data.online) {\n updateStatusDisplay('OFFLINE', '0', 'N\/A', 'N\/A', 'OFFLINE');\n } else {\n const players = data.players ? data.players.online : '0';\n const maxPlayers = data.players ? data.players.max : '0';\n const ping = 'N\/A'; \n\n updateStatusDisplay('ONLINE', players, maxPlayers, ping, 'ONLINE');\n }\n\n } catch (error) {\n console.error('Error fetching server status:', error);\n updateStatusDisplay('ERROR', 'N\/A', 'N\/A', 'N\/A', 'OFFLINE');\n }\n \n \/\/ Reintentar cada 60 segundos\n setTimeout(fetchServerStatus, 60000);\n }\n\n window.onload = function() {\n fetchServerStatus();\n }\n <\/script>\n<\/head>\n<body class=\"bg-white text-black min-h-screen p-4 sm:p-8\"> <header class=\"text-center mb-16 pt-8\">\n <h1 class=\"text-6xl sm:text-8xl font-black text-transparent bg-clip-text bg-gradient-to-r from-red-600 to-red-800 mb-4 tracking-tight\">\n DANGER<span class=\"text-black\">NETWORK<\/span> <\/h1>\n <p class=\"text-xl sm:text-2xl text-gray-600 font-light mb-8 max-w-3xl mx-auto\"> Acceso directo a nuestra red de servidores premium.\n <\/p>\n\n <div class=\"status-widget border-red-600 p-6 rounded-2xl flex flex-col sm:flex-row items-center justify-center space-y-4 sm:space-y-0 sm:space-x-12 mx-auto transition-colors duration-300\">\n \n <div class=\"flex items-center space-x-3 w-full sm:w-auto justify-center sm:justify-start\">\n <div id=\"mc-indicator\" class=\"w-4 h-4 rounded-full bg-yellow-600 animate-pulse\"><\/div> <div class=\"text-left\">\n <p class=\"text-sm text-gray-600\">Estado Principal<\/p> <p id=\"mc-status\" class=\"text-2xl font-bold text-yellow-600\">Cargando...<\/p> <\/div>\n <\/div>\n\n <div class=\"text-left w-full sm:w-auto\">\n <p class=\"text-sm text-gray-600\">Jugadores (DangerCRAFT)<\/p> <p id=\"mc-players\" class=\"text-2xl font-bold text-black\">...<\/p> <\/div>\n\n <div class=\"text-left w-full sm:w-auto\">\n <p class=\"text-sm text-gray-600\">Latencia Promedio<\/p> <p id=\"mc-ping\" class=\"text-2xl font-bold text-black\">...<\/p> <\/div>\n <\/div>\n <\/header>\n\n <div id=\"server-grid\" class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 sm:gap-8 max-w-7xl mx-auto\">\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-600\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Minecraft\">\u26cf\ufe0f<\/span>\n <h2 class=\"text-2xl font-bold text-red-600\">DangerCRAFT Network<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Minecraft Java & Bedrock (Survival, MiniJuegos, Anarqu\u00eda)<\/p> <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop<\/code> <button onclick=\"copyIP('dangercraft.shop', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangercraft')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\u2139\ufe0f<\/span> Ver Instrucciones\n <\/button>\n <\/div>\n\n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-500\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Modpack\">\ud83d\udce6<\/span>\n <h2 class=\"text-2xl font-bold text-red-500\">Latinland (Mods 1.12.2)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Minecraft con un Modpack exclusivo para supervivencia y tecnolog\u00eda.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:25568<\/code> <button onclick=\"copyIP('dangercraft.shop:25568', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('latinland')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83d\udcbb<\/span> Requisitos & Modpack\n <\/button>\n <\/div>\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-700\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de GTA V\">\ud83d\ude97<\/span>\n <h2 class=\"text-2xl font-bold text-red-700\">DangerRP (FiveM)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">El servidor de Roleplay m\u00e1s inmersivo de Grand Theft Auto V.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:30120<\/code> <button onclick=\"copyIP('dangercraft.shop:30120', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangerrp')\" class=\"w-full bg-red-700 hover:bg-red-800 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83d\udd79\ufe0f<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-500\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Western\">\ud83e\udd20<\/span>\n <h2 class=\"text-2xl font-bold text-red-500\">DangerRANCHO (RedM)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Experimenta el aut\u00e9ntico Roleplay Western en Red Dead Redemption 2.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:30123<\/code> <button onclick=\"copyIP('dangercraft.shop:30123', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangerrancho')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83d\udc34<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n\n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-600\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Palworld\">\ud83d\udc7d<\/span>\n <h2 class=\"text-2xl font-bold text-red-600\">DangerWORLD (Palworld)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Servidor dedicado de Palworld para supervivencia y caza de Pals.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:8212<\/code> <button onclick=\"copyIP('dangercraft.shop:8212', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangerworld')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83d\udd79\ufe0f<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-500\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Bosque\">\ud83c\udf32<\/span>\n <h2 class=\"text-2xl font-bold text-red-500\">DangerBOSQUE (The Forest)<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Servidor de supervivencia cooperativa en el juego The Forest.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:27017<\/code> <button onclick=\"copyIP('dangercraft.shop:27017', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('dangerbosque')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83c\udfd5\ufe0f<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n \n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-400\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Coche de carreras\">\ud83c\udfce\ufe0f<\/span>\n <h2 class=\"text-2xl font-bold text-red-400\">Assetto Corsa<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Simulador de carreras de alta fidelidad, con sesiones programadas.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:9600<\/code> <button onclick=\"copyIP('dangercraft.shop:9600', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('assetocorsa')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83c\udfc1<\/span> C\u00f3mo Unirse\n <\/button>\n <\/div>\n\n <div class=\"server-card p-6 rounded-2xl shadow-xl border-t-4 border-red-500\"> <div class=\"flex items-center mb-4\">\n <span class=\"text-3xl mr-3\" role=\"img\" aria-label=\"Icono de Ciudad\">\ud83d\uddfd<\/span>\n <h2 class=\"text-2xl font-bold text-red-500\">Liberty City Preservation<\/h2> <\/div>\n <p class=\"text-gray-600 mb-4\">Un servidor dedicado a la preservaci\u00f3n del mapa y experiencia cl\u00e1sica de Liberty City dentro de FiveM.<\/p>\n\n <div class=\"ip-display flex items-center p-3 rounded-xl mb-4\">\n <code class=\"flex-grow text-red-700 text-base sm:text-lg break-all font-mono\">dangercraft.shop:30121<\/code> <button onclick=\"copyIP('dangercraft.shop:30121', this)\" class=\"ip-copy-btn bg-red-600 p-2 rounded-lg ml-3 hover:bg-red-700\" title=\"Copiar IP\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-white\"><rect width=\"14\" height=\"14\" x=\"8\" y=\"8\" rx=\"2\" ry=\"2\"\/><path d=\"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2H4z\"\/><\/svg>\n <\/button>\n <\/div>\n\n <button onclick=\"showInstructions('libertycity')\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200 shadow-md text-sm sm:text-base\"> <span class=\"inline-block mr-2\">\ud83c\udfd9\ufe0f<\/span> C\u00f3mo Acceder\n <\/button>\n <\/div>\n <\/div>\n \n <footer class=\"mt-16 text-center text-gray-500 text-sm\"> \u00a9 2025 DangerNETWORK. Todos los derechos reservados.\n <\/footer>\n\n <div id=\"instructions-modal\" class=\"fixed inset-0 bg-black bg-opacity-70 backdrop-blur-sm hidden items-center justify-center z-50 p-4 transition-opacity duration-300\">\n <div id=\"instructions-modal-panel\" class=\"modal-content bg-white p-8 rounded-xl shadow-2xl w-full max-w-lg relative\"> <button onclick=\"closeInstructions()\" class=\"absolute top-4 right-4 text-gray-500 hover:text-red-600 transition duration-150\"> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 6 6 18\"\/><path d=\"m6 6 12 12\"\/><\/svg>\n <\/button>\n \n <h3 id=\"modal-title\" class=\"text-3xl font-bold mb-4 text-black\"><\/h3> <div id=\"modal-content-body\" class=\"text-black\"> <\/div>\n \n <div class=\"mt-6 border-t pt-4 border-gray-200\">\n <button onclick=\"closeInstructions()\" class=\"w-full bg-red-600 hover:bg-red-700 text-white font-semibold py-3 rounded-xl transition duration-200\">\n Cerrar\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DangerNETWORK Hub de Servidores DANGERNETWORK Acceso directo a nuestra red de servidores premium. Estado Principal Cargando… Jugadores (DangerCRAFT) … Latencia […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-223","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/pages\/223","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=223"}],"version-history":[{"count":16,"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=\/wp\/v2\/pages\/223\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/dangercraft.shop\/hosting\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}