{"id":9361,"date":"2026-01-31T22:50:04","date_gmt":"2026-01-31T22:50:04","guid":{"rendered":"https:\/\/elinformatico.cat\/?page_id=9361"},"modified":"2026-01-31T22:58:46","modified_gmt":"2026-01-31T22:58:46","slug":"stremio","status":"publish","type":"page","link":"https:\/\/elinformatico.cat\/ca\/stremio\/","title":{"rendered":"instalaci\u00f3n STREMIO APP streaming"},"content":{"rendered":"\n<style>\n  :root {\n    --neon-blue: #00069F;\n    --neon-lime: #B8EF02;\n    --card-shadow: 0 8px 24px rgba(0, 6, 159, 0.15);\n    --bg-gradient: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);\n  }\n\n  \/* --- CONTENEDOR PRINCIPAL --- *\/\n  .hub-container {\n    font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n    max-width: 950px;\n    margin: 40px auto;\n    background: #fff;\n    border-radius: 24px;\n    box-shadow: var(--card-shadow);\n    overflow: hidden;\n    border: 3px solid var(--neon-blue);\n  }\n\n  \/* --- CABECERA --- *\/\n  .hub-header {\n    background: radial-gradient(circle at top right, #00046b, #00069F);\n    padding: 40px 20px;\n    text-align: center;\n    position: relative;\n    border-bottom: 5px solid var(--neon-lime);\n    color: #fff;\n  }\n\n  .hub-header::after {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: url('data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgdmlld0JveD0iMCAwIDQwIDQwIiBvcGFjaXR5PSIwLjEiPjxjaXJjbGUgY3g9IjIwIiBjeT0iMjAiIHI9IjEiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');\n    opacity: 0.2;\n  }\n\n  \/* T\u00cdTULO EN VERDE *\/\n  .hub-title {\n    margin: 0;\n    font-weight: 900;\n    font-size: clamp(1.8rem, 5vw, 2.5rem);\n    color: var(--neon-lime) !important;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    text-shadow: 0 0 25px rgba(184, 239, 2, 0.5);\n    position: relative; z-index: 2;\n  }\n\n  .hub-subtitle {\n    margin-top: 10px; font-size: 1.1rem; opacity: 0.95; position: relative; z-index: 2;\n  }\n\n  \/* --- NAVEGACI\u00d3N --- *\/\n  .hub-tabs {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));\n    background: #eef2f7;\n    padding: 15px;\n    gap: 12px;\n  }\n\n  .tab-link {\n    background: var(--neon-blue);\n    color: #FFFFFF !important; \/* TEXTO BLANCO *\/\n    border: 2px solid transparent;\n    padding: 14px 10px;\n    border-radius: 12px;\n    cursor: pointer;\n    font-weight: 800;\n    font-size: 0.95rem;\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    box-shadow: 0 4px 10px rgba(0, 6, 159, 0.3);\n    text-align: center;\n  }\n\n  @media (min-width: 768px) {\n    .tab-link { flex-direction: row; font-size: 1rem; }\n  }\n\n  .tab-link:hover {\n    transform: translateY(-3px);\n    background: #00046b;\n    border-color: var(--neon-lime);\n  }\n  \n  .tab-link.active {\n    background: #fff;\n    color: var(--neon-blue) !important;\n    border: 2px solid var(--neon-lime);\n    box-shadow: 0 0 15px rgba(184, 239, 2, 0.6);\n    transform: scale(1.05);\n  }\n\n  \/* --- CONTENIDOS --- *\/\n  .tab-pane {\n    display: none;\n    padding: 30px;\n    background: var(--bg-gradient);\n    animation: fadeIn 0.5s ease-out;\n  }\n  .tab-pane.active { display: block; }\n  @keyframes fadeIn { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0); } }\n\n  \/* --- TARJETAS --- *\/\n  .game-card {\n    background: #fff;\n    border-radius: 16px;\n    padding: 20px;\n    margin-bottom: 20px;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n    border: 1px solid #fff;\n    display: flex;\n    align-items: flex-start;\n    gap: 20px;\n    transition: transform 0.2s;\n  }\n  .game-card:hover { transform: translateX(5px); border-color: var(--neon-lime); }\n\n  .level-badge {\n    flex-shrink: 0;\n    width: 50px;\n    height: 50px;\n    background: linear-gradient(135deg, var(--neon-lime) 0%, #a2d900 100%);\n    color: var(--neon-blue);\n    border-radius: 14px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 900;\n    font-size: 1.4rem;\n    box-shadow: 0 5px 15px rgba(184, 239, 2, 0.4);\n    border: 2px solid #fff;\n  }\n\n  .card-content { flex-grow: 1; }\n  .card-title { font-weight: 800; font-size: 1.1rem; color: var(--neon-blue); margin: 0 0 5px 0; text-transform: uppercase; }\n  .card-text { font-size: 0.95rem; color: #555; line-height: 1.6; margin: 0; }\n\n  \/* --- BOTONES DE ACCI\u00d3N --- *\/\n  .action-btn {\n    display: inline-block;\n    background: var(--neon-blue);\n    color: #FFFFFF !important;\n    padding: 12px 30px;\n    border-radius: 12px;\n    text-decoration: none !important;\n    font-weight: 900;\n    font-size: 1rem;\n    margin-top: 15px;\n    transition: all 0.2s;\n    box-shadow: 0 4px 15px rgba(0, 6, 159, 0.2);\n    text-align: center;\n    border: 2px solid transparent;\n  }\n  .action-btn:hover { \n    background: var(--neon-lime); \n    color: var(--neon-blue) !important; \n    transform: translateY(-3px);\n    box-shadow: 0 6px 20px rgba(184, 239, 2, 0.4);\n  }\n\n  \/* --- ALERTA Y VLC --- *\/\n  .ios-alert-box {\n    background: #0a0a0a;\n    border: 2px solid var(--neon-lime);\n    border-radius: 16px;\n    padding: 25px;\n    text-align: center;\n    margin-bottom: 30px;\n    box-shadow: 0 0 30px rgba(184, 239, 2, 0.15);\n  }\n  \n  .btn-vlc {\n    display: inline-block;\n    background: #ff5722;\n    color: #fff !important;\n    font-weight: 900;\n    padding: 14px 35px;\n    border-radius: 50px;\n    text-decoration: none !important;\n    font-size: 1rem;\n    margin-top: 15px;\n    animation: pulse 2s infinite;\n    box-shadow: 0 5px 15px rgba(255, 87, 34, 0.4);\n  }\n\n  \/* --- V\u00cdDEO CONTAINER --- *\/\n  .video-container {\n    background: #000;\n    border-radius: 12px;\n    margin-bottom: 25px;\n    overflow: hidden;\n    border: 2px solid #333;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n  \n  \/* Ajuste para que el video sea responsive *\/\n  .video-container video {\n    width: 100%;\n    height: auto;\n    max-height: 500px;\n    display: block;\n  }\n\n  \/* --- CONFIGURACI\u00d3N GLOBAL --- *\/\n  .global-config {\n    background: #fff;\n    border-top: 5px solid var(--neon-blue);\n    padding: 30px 20px;\n  }\n  .config-grid {\n    display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-top: 20px;\n  }\n  .config-item {\n    background: #f8faff; padding: 20px; border-radius: 12px; border: 1px solid #e0e6ed; text-align: center;\n  }\n\n  @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } }\n  \n  @media (max-width: 480px) {\n    .hub-title { font-size: 1.6rem; }\n    .game-card { padding: 15px; gap: 15px; }\n    .level-badge { width: 40px; height: 40px; font-size: 1.2rem; }\n    .action-btn { width: 100%; box-sizing: border-box; }\n  }\n<\/style>\n\n<div class=\"hub-container\">\n  \n  <div class=\"hub-header\">\n    <h2 class=\"hub-title\">\u26a1 Centro de Configuraci\u00f3n<\/h2>\n    <div class=\"hub-subtitle\">Selecciona tu plataforma y sigue la gu\u00eda<\/div>\n  <\/div>\n\n  <div class=\"hub-tabs\">\n    <button class=\"tab-link active\" onclick=\"switchTab(event, 'tab-android')\">\n      <span>\ud83d\udcf1<\/span> Android\n    <\/button>\n    <button class=\"tab-link\" onclick=\"switchTab(event, 'tab-ios')\">\n      <span>\ud83c\udf4e<\/span> iOS \/ iPhone\n    <\/button>\n    <button class=\"tab-link\" onclick=\"switchTab(event, 'tab-fire')\">\n      <span>\ud83d\udd25<\/span> Fire TV\n    <\/button>\n    <button class=\"tab-link\" onclick=\"switchTab(event, 'tab-smart')\">\n      <span>\ud83d\udcfa<\/span> Smart TV\n    <\/button>\n    <button class=\"tab-link\" onclick=\"switchTab(event, 'tab-pc')\">\n      <span>\ud83d\udcbb<\/span> PC \/ Mac\n    <\/button>\n  <\/div>\n\n  <div id=\"tab-android\" class=\"tab-pane active\">\n    <div class=\"game-card\">\n      <div class=\"level-badge\">1<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Instalar App Oficial<\/h4>\n        <p class=\"card-text\">Entra en Google Play Store y descarga la app \u00abStremio\u00bb.<\/p>\n        <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.stremio.one\" target=\"_blank\" class=\"action-btn\">Ir a Play Store<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"game-card\">\n      <div class=\"level-badge\">2<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Login<\/h4>\n        <p class=\"card-text\">Abre la app, pulsa <strong>\u00abLog In\u00bb<\/strong> y usa el email y contrase\u00f1a que te enviamos.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"tab-ios\" class=\"tab-pane\">\n    \n    <div class=\"ios-alert-box\">\n      <div style=\"color:var(--neon-lime); font-weight:900; font-size:1.3rem; margin-bottom:10px; text-transform:uppercase;\">\u26a0\ufe0f Misi\u00f3n Obligatoria \u26a0\ufe0f<\/div>\n      <p style=\"color:#eee; margin:0 0 10px;\">Para que funcione en iPhone sin errores, <strong>TIENES QUE<\/strong> instalar VLC Player.<\/p>\n      <a href=\"https:\/\/apps.apple.com\/es\/app\/vlc-media-player\/id650377962\" target=\"_blank\" class=\"btn-vlc\">\ud83d\ude80 DESCARGAR VLC<\/a>\n    <\/div>\n\n    <div class=\"video-container\">\n       <video controls width=\"100%\" height=\"auto\" preload=\"metadata\">\n          <source src=\"https:\/\/elinformatico.cat\/wp-content\/uploads\/2026\/01\/stremio-pa-iphone.mov\" type=\"video\/mp4\">\n          Tu navegador no soporta el v\u00eddeo.\n       <\/video>\n    <\/div>\n\n    <div class=\"game-card\">\n      <div class=\"level-badge\">1<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Solo Safari<\/h4>\n        <p class=\"card-text\">Abre <strong>Safari<\/strong> (obligatorio) y entra en: <u>web.stremio.com<\/u><\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"game-card\">\n      <div class=\"level-badge\">2<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Modo App<\/h4>\n        <p class=\"card-text\">Dale al bot\u00f3n <strong>Compartir<\/strong> (abajo al centro) y elige <strong>\u00abA\u00f1adir a Pantalla de Inicio\u00bb<\/strong>.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"game-card\">\n      <div class=\"level-badge\">3<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Configurar VLC<\/h4>\n        <p class=\"card-text\">Entra en la nueva App. Logu\u00e9ate. Ve a Ajustes > Player > <strong>Play in external player: VLC<\/strong>.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"tab-fire\" class=\"tab-pane\">\n    <div class=\"game-card\">\n      <div class=\"level-badge\">\ud83d\udd13<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Paso 1: \u00abModo Dios\u00bb<\/h4>\n        <p class=\"card-text\">\n          1. Ve a <strong>Configuraci\u00f3n \u2699\ufe0f<\/strong> > <strong>Mi Fire TV<\/strong> > <strong>Acerca de<\/strong>.<br>\n          2. Ponte sobre el nombre de tu Fire TV y pulsa el <strong>bot\u00f3n central 7 veces r\u00e1pido<\/strong> hasta que diga \u00abYa eres desarrollador\u00bb.<br>\n          3. Vuelve atr\u00e1s > <strong>Opciones para desarrolladores<\/strong> > Activa <strong>Apps desconocidas<\/strong>.\n        <\/p>\n      <\/div>\n    <\/div>\n    \n    <div class=\"game-card\">\n      <div class=\"level-badge\">\ud83d\udce5<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Paso 2: Downloader<\/h4>\n        <p class=\"card-text\">Ve al inicio, pulsa la <strong>lupa \ud83d\udd0d<\/strong>, busca la app llamada <strong>\u00abDownloader\u00bb<\/strong> (icono naranja) e inst\u00e1lala.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"game-card\">\n      <div class=\"level-badge\">\ud83c\udf10<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Paso 3: Descarga<\/h4>\n        <p class=\"card-text\">Abre Downloader y en la barra de direcciones escribe EXACTAMENTE:<br>\n        <strong style=\"background:#eee; padding:2px 5px; border-radius:4px; color:#333;\">stremio.com\/downloads<\/strong><br>\n        Dale a \u00abGo\u00bb, baja en la web y pulsa en <strong>\u00abStremio for Android TV\u00bb<\/strong>.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"game-card\">\n      <div class=\"level-badge\">\ud83d\ude80<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Paso 4: Instalar<\/h4>\n        <p class=\"card-text\">Al terminar la descarga, saldr\u00e1 un aviso. Dale a <strong>Instalar<\/strong>. Al abrirla, escanea el QR con tu m\u00f3vil para loguearte r\u00e1pido.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"tab-smart\" class=\"tab-pane\">\n    <div class=\"game-card\">\n      <div class=\"level-badge\">\ud83d\udd0e<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Tienda Oficial<\/h4>\n        <p class=\"card-text\">\n          <strong>Samsung TV:<\/strong> Apps Store<br>\n          <strong>LG TV:<\/strong> Content Store<br>\n          <strong>Android TV:<\/strong> Google Play<br>\n          Busca e instala \u00abStremio\u00bb.\n        <\/p>\n      <\/div>\n    <\/div>\n    <div class=\"game-card\">\n      <div class=\"level-badge\">\ud83d\udcf2<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Login QR<\/h4>\n        <p class=\"card-text\">Al abrirla, ver\u00e1s un <strong>C\u00f3digo QR<\/strong>. Escan\u00e9alo con el m\u00f3vil para entrar sin escribir con el mando.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div id=\"tab-pc\" class=\"tab-pane\">\n    <div class=\"game-card\">\n      <div class=\"level-badge\">\ud83d\udcbe<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Descargar Software<\/h4>\n        <p class=\"card-text\">Descarga el instalador para Windows o MacOS desde la web oficial.<\/p>\n        <a href=\"https:\/\/www.stremio.com\/downloads\" target=\"_blank\" class=\"action-btn\">Web Oficial<\/a>\n      <\/div>\n    <\/div>\n    <div class=\"game-card\">\n      <div class=\"level-badge\">\ud83d\udd10<\/div>\n      <div class=\"card-content\">\n        <h4 class=\"card-title\">Sincronizaci\u00f3n<\/h4>\n        <p class=\"card-text\">Entra con tus datos. Espera unos segundos y todo tu contenido cargar\u00e1 solo.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"global-config\">\n    <h3 style=\"color:var(--neon-blue); text-align:center; margin-top:0; text-transform:uppercase;\">\u2699\ufe0f Configuraci\u00f3n Final Obligatoria<\/h3>\n    <p style=\"text-align:center; color:#555;\">Haz esto 1 sola vez para ver todo en <strong>ESPA\u00d1OL<\/strong>:<\/p>\n    \n    <div class=\"config-grid\">\n      <div class=\"config-item\">\n        <strong style=\"color:var(--neon-blue); font-size:1.1rem;\">1. Ajustes \u2699\ufe0f<\/strong>\n        <p style=\"margin:5px 0 0;\">Entra en la rueda dentada.<\/p>\n      <\/div>\n      <div class=\"config-item\">\n        <strong style=\"color:var(--neon-blue); font-size:1.1rem;\">2. Player<\/strong>\n        <p style=\"margin:5px 0 0;\">Busca \u00abDefault Audio Track\u00bb.<\/p>\n      <\/div>\n      <div class=\"config-item\" style=\"border:2px solid var(--neon-lime); background:#fafff0;\">\n        <strong style=\"color:var(--neon-blue); font-size:1.1rem;\">3. Elige<\/strong>\n        <p style=\"margin:5px 0 0; font-weight:bold;\">Spanish (Castilian)<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/div>\n\n<script>\n  function switchTab(evt, tabName) {\n    var i, x, tablinks;\n    x = document.getElementsByClassName(\"tab-pane\");\n    for (i = 0; i < x.length; i++) {\n      x[i].style.display = \"none\";\n      x[i].classList.remove(\"active\");\n    }\n    tablinks = document.getElementsByClassName(\"tab-link\");\n    for (i = 0; i < tablinks.length; i++) {\n      tablinks[i].classList.remove(\"active\");\n    }\n    document.getElementById(tabName).style.display = \"block\";\n    \n    setTimeout(() => {\n       document.getElementById(tabName).classList.add(\"active\");\n    }, 10);\n    \n    evt.currentTarget.classList.add(\"active\");\n  }\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\" data-block-type=\"core\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u26a1 Centro de Configuraci\u00f3n Selecciona tu plataforma y sigue la gu\u00eda \ud83d\udcf1 Android \ud83c\udf4e iOS \/ iPhone \ud83d\udd25 Fire TV \ud83d\udcfa Smart TV \ud83d\udcbb PC \/ Mac 1 Instalar App Oficial Entra en Google Play Store y descarga la app \u00abStremio\u00bb. Ir a Play Store 2 Login Abre la app, pulsa \u00abLog In\u00bb y usa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-9361","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/9361","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/comments?post=9361"}],"version-history":[{"count":3,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/9361\/revisions"}],"predecessor-version":[{"id":9365,"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/pages\/9361\/revisions\/9365"}],"wp:attachment":[{"href":"https:\/\/elinformatico.cat\/ca\/wp-json\/wp\/v2\/media?parent=9361"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}