Embed

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Visualizador AI News Nexus</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        /* Reset total para evitar márgenes ocultos */
        html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden; /* Importante para evitar scrollbars dobles */
        }
        
        /* Forzar al iframe a ser un elemento de bloque absoluto.
           Esto asegura que ocupe el espacio visual completo disponible
           independientemente del flujo del documento.
        */
        .full-frame {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border: none;
            display: block;
        }
    </style>
</head>
<body class="bg-gray-900">

    
    <iframe 
        src="https://ai-news-nexus-865915205436.us-west1.run.app" 
        class="full-frame z-10"
        title="AI News Nexus Embedded"
        allow="clipboard-write; encrypted-media; fullscreen"
        sandbox="allow-forms allow-scripts allow-same-origin allow-popups allow-presentation"
        referrerpolicy="no-referrer-when-downgrade"
    >
        <p class="text-white text-center p-10">
            Tu navegador no soporta iframes.
        </p>
    </iframe>

    
    <div class="fixed bottom-6 right-6 z-50 group">
        <a href="https://ai-news-nexus-865915205436.us-west1.run.app" target="_blank" rel="noopener noreferrer" 
           class="bg-black/60 hover:bg-black/90 text-white p-3 rounded-full shadow-xl transition-all flex items-center gap-2 backdrop-blur-md border border-white/10">
            <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">
                <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
                <polyline points="15 3 21 3 21 9"></polyline>
                <line x1="10" y1="14" x2="21" y2="3"></line>
            </svg>
            <span class="max-w-0 overflow-hidden group-hover:max-w-xs transition-all duration-300 whitespace-nowrap text-sm font-medium">
                Abrir Externamente
            </span>
        </a>
    </div>

</body>
</html>