|
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="es"> |
| 3 | +<head> |
| 4 | +<meta charset="UTF-8" /> |
| 5 | +<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 6 | +<title>Soporte — Escrituras</title> |
| 7 | +<meta name="description" content="Centro de ayuda de Escrituras: primeros pasos, widgets, temas, modo aleatorio, privacidad y cómo contactarnos." /> |
| 8 | +<style> |
| 9 | + :root{ |
| 10 | + --bg:#080f0d;--surface:#111a17;--surface-2:#0e1714; |
| 11 | + --line:rgba(255,255,255,.08);--line-2:rgba(255,255,255,.05); |
| 12 | + --text:#e8f2ee;--muted:#94b0a6;--faint:#5f7a70;--accent:#2f9e73;--accent-2:#6ecfa5; |
| 13 | + --maxw:900px;--mono:"SF Mono",ui-monospace,Menlo,monospace; |
| 14 | + --sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif; |
| 15 | + } |
| 16 | + *{box-sizing:border-box;margin:0;padding:0} |
| 17 | + html{scroll-behavior:smooth} |
| 18 | + body{font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased; |
| 19 | + background-image:radial-gradient(900px 460px at 82% -10%,rgba(47,158,115,.16),transparent 60%)} |
| 20 | + a{color:var(--accent-2);text-decoration:none} |
| 21 | + .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px} |
| 22 | + header{position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);background:rgba(8,15,13,.72);border-bottom:1px solid var(--line-2)} |
| 23 | + .nav{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1120px;margin:0 auto;padding:0 24px} |
| 24 | + .brand{display:flex;align-items:center;gap:11px;font-weight:700} |
| 25 | + .brand svg{width:28px;height:28px} |
| 26 | + .brand small{display:block;font-size:10px;letter-spacing:.22em;color:var(--faint);text-transform:uppercase;font-weight:600;margin-top:-2px} |
| 27 | + .back{color:var(--muted);font-size:14px;font-weight:500} |
| 28 | + .eyebrow{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2);font-weight:600} |
| 29 | + .hero{padding:58px 0 20px} |
| 30 | + h1{font-size:42px;letter-spacing:-1px;font-weight:800;margin:14px 0 8px} |
| 31 | + .intro{color:var(--muted);font-size:17px;max-width:620px;margin-top:8px} |
| 32 | + |
| 33 | + .quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 10px} |
| 34 | + .qc{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);padding:18px;display:block;transition:border-color .2s,transform .15s} |
| 35 | + .qc:hover{border-color:rgba(47,158,115,.45);transform:translateY(-2px)} |
| 36 | + .qc .ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:12px;background:rgba(47,158,115,.14);color:var(--accent-2);font-size:16px} |
| 37 | + .qc h4{font-size:15px;font-weight:650;color:var(--text)} |
| 38 | + .qc p{font-size:13px;color:var(--muted);margin-top:3px} |
| 39 | + @media(max-width:720px){.quick{grid-template-columns:1fr}} |
| 40 | + |
| 41 | + h2{font-size:24px;font-weight:750;letter-spacing:-.3px;margin:44px 0 6px} |
| 42 | + .sub{color:var(--muted);font-size:15px;margin-bottom:14px} |
| 43 | + |
| 44 | + details{border:1px solid var(--line);border-radius:14px;background:var(--surface-2);margin:10px 0;overflow:hidden} |
| 45 | + details[open]{border-color:rgba(47,158,115,.36)} |
| 46 | + summary{list-style:none;cursor:pointer;padding:17px 20px;font-weight:600;font-size:16px;display:flex;justify-content:space-between;align-items:center;gap:14px} |
| 47 | + summary::-webkit-details-marker{display:none} |
| 48 | + summary .chev{color:var(--faint);transition:transform .2s;font-size:15px} |
| 49 | + details[open] summary .chev{transform:rotate(90deg);color:var(--accent-2)} |
| 50 | + .answer{padding:0 20px 18px;color:#c6d8d1} |
| 51 | + .answer strong{color:#fff} |
| 52 | + .answer ol{margin:8px 0 0 20px}.answer li{margin:6px 0} |
| 53 | + |
| 54 | + .contact{border:1px solid var(--line);border-radius:20px;margin:40px 0 10px;padding:34px;text-align:center; |
| 55 | + background:radial-gradient(600px 240px at 50% -30%,rgba(47,158,115,.18),transparent 60%),var(--surface-2)} |
| 56 | + .contact h3{font-size:26px;font-weight:750;letter-spacing:-.4px} |
| 57 | + .contact p{color:var(--muted);max-width:480px;margin:8px auto 20px} |
| 58 | + .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;padding:12px 22px;border-radius:999px; |
| 59 | + background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#06120e;box-shadow:0 8px 22px rgba(47,158,115,.35)} |
| 60 | + .meta{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;margin-top:22px;color:var(--faint);font-size:13.5px;font-family:var(--mono)} |
| 61 | + |
| 62 | + .rights{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;background:var(--surface-2); |
| 63 | + padding:18px 20px;margin:34px 0 0;color:var(--muted);font-size:14px} |
| 64 | + .rights strong{color:var(--text)} |
| 65 | + |
| 66 | + footer{border-top:1px solid var(--line-2);padding:36px 0 60px;margin-top:44px;color:var(--muted)} |
| 67 | + .foot-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:8px} |
| 68 | + .foot-links a{color:var(--muted);font-size:14px} |
| 69 | + small{color:var(--faint);font-size:12.5px} |
| 70 | + @media(max-width:560px){h1{font-size:31px}} |
| 71 | +</style> |
| 72 | +</head> |
| 73 | +<body> |
| 74 | +<header> |
| 75 | + <div class="nav"> |
| 76 | + <a class="brand" href="/escrituras"> |
| 77 | + <svg viewBox="0 0 32 32" fill="none" aria-hidden="true"> |
| 78 | + <path d="M16 8 C 12 5, 7 5, 4 6 L 4 25 C 7 24, 12 24, 16 27" stroke="#8aa69c" stroke-width="2.2" stroke-linejoin="round" stroke-linecap="round"/> |
| 79 | + <path d="M16 8 C 20 5, 25 5, 28 6 L 28 25 C 25 24, 20 24, 16 27" stroke="#2f9e73" stroke-width="2.2" stroke-linejoin="round" stroke-linecap="round"/> |
| 80 | + <path d="M16 8 L 16 27" stroke="#6ecfa5" stroke-width="1.6" stroke-linecap="round"/> |
| 81 | + </svg> |
| 82 | + <span>Escrituras<small>Soporte</small></span> |
| 83 | + </a> |
| 84 | + <a class="back" href="/escrituras">← Volver al sitio</a> |
| 85 | + </div> |
| 86 | +</header> |
| 87 | + |
| 88 | +<div class="wrap"> |
| 89 | + <div class="hero"> |
| 90 | + <span class="eyebrow">Centro de ayuda</span> |
| 91 | + <h1>¿En qué te ayudamos?</h1> |
| 92 | + <p class="intro">Respuestas a lo que más se pregunta sobre Escrituras — cómo guardar un pasaje, los widgets, los temas y qué pasa con tus datos.</p> |
| 93 | + |
| 94 | + <div class="quick"> |
| 95 | + <a class="qc" href="#inicio"><div class="ic">▷</div><h4>Primeros pasos</h4><p>Copiar el enlace y guardarlo.</p></a> |
| 96 | + <a class="qc" href="#widgets"><div class="ic">▣</div><h4>Widgets y temas</h4><p>Tres tamaños, 17 temas.</p></a> |
| 97 | + <a class="qc" href="#contacto"><div class="ic">✉</div><h4>Contacto</h4><p>Escríbenos directamente.</p></a> |
| 98 | + </div> |
| 99 | + </div> |
| 100 | + |
| 101 | + <h2 id="inicio">Primeros pasos</h2> |
| 102 | + <div class="sub">Lo mínimo para tener tu versículo en la pantalla de inicio.</div> |
| 103 | + |
| 104 | + <details open><summary>¿Cómo guardo el pasaje donde me quedé?<span class="chev">›</span></summary> |
| 105 | + <div class="answer"> |
| 106 | + <ol> |
| 107 | + <li>En Gospel Library o en churchofjesuschrist.org, copia el enlace del versículo donde estás leyendo.</li> |
| 108 | + <li>Abre <strong>Escrituras</strong>. La app detecta que hay un enlace copiado y te ofrece leerlo.</li> |
| 109 | + <li>Toca <strong>Aceptar</strong>, revisa el versículo y toca <strong>Guardar</strong>.</li> |
| 110 | + </ol> |
| 111 | + También puedes pegarlo a mano en el campo de la parte superior. |
| 112 | + </div> |
| 113 | + </details> |
| 114 | + <details><summary>¿Cómo añado el widget?<span class="chev">›</span></summary> |
| 115 | + <div class="answer">Mantén pulsada la pantalla de inicio, toca <strong>+</strong> arriba a la izquierda, busca <strong>Escrituras</strong> y elige el tamaño. Puedes poner más de uno: todos muestran lo mismo.</div> |
| 116 | + </details> |
| 117 | + <details><summary>Toco el widget y no abre Gospel Library<span class="chev">›</span></summary> |
| 118 | + <div class="answer">El widget abre Gospel Library en el punto exacto, pero la app tiene que estar instalada. Si no lo está, el enlace no abre nada. La app te avisa de esto en la vista previa.</div> |
| 119 | + </details> |
| 120 | + |
| 121 | + <h2 id="widgets">Widgets y temas</h2> |
| 122 | + <div class="sub">Tres tamaños y diecisiete temas, uno claro y uno oscuro a la vez.</div> |
| 123 | + |
| 124 | + <details><summary>¿Por qué el widget pequeño corta el versículo?<span class="chev">›</span></summary> |
| 125 | + <div class="answer">Es a propósito. El texto <strong>nunca reduce de tamaño</strong>: preferimos que la letra se lea cómoda y que el pasaje se corte con «…» antes que encogerla hasta hacerla ilegible. El widget grande continúa con los versículos siguientes del mismo capítulo.</div> |
| 126 | + </details> |
| 127 | + <details><summary>¿Cómo elijo los temas?<span class="chev">›</span></summary> |
| 128 | + <div class="answer">En <strong>Apariencia del widget → Temas</strong>. Eliges <strong>dos</strong>: uno claro y uno oscuro. Con <strong>Automático</strong>, el widget usa el claro de día y el oscuro de noche; con <strong>Día</strong> o <strong>Noche</strong> fijos, usa siempre el que corresponda.</div> |
| 129 | + </details> |
| 130 | + <details><summary>Cambié algo y el widget no se actualiza<span class="chev">›</span></summary> |
| 131 | + <div class="answer">iOS decide cuándo repinta los widgets y a veces tarda unos segundos. Si pasa más de un minuto, abre la app una vez: al hacerlo se le pide a iOS que refresque.</div> |
| 132 | + </details> |
| 133 | + <details><summary>¿Qué es el modo aleatorio?<span class="chev">›</span></summary> |
| 134 | + <div class="answer">Al activarlo, el widget deja de mostrar tu marcador y va rotando cada hora entre una lista de referencias del Libro de Mormón incluida en la app. <strong>Otra ahora</strong> salta a otra sin esperar. Guardar un enlace a mano apaga el modo aleatorio.</div> |
| 135 | + </details> |
| 136 | + |
| 137 | + <h2>Datos y privacidad</h2> |
| 138 | + <div class="sub">Dónde vive lo tuyo.</div> |
| 139 | + |
| 140 | + <details><summary>¿Qué datos recoge la app?<span class="chev">›</span></summary> |
| 141 | + <div class="answer"><strong>Ninguno.</strong> Escrituras no tiene cuentas, ni servidores, ni analítica. Tu marcador, tu racha y tus temas se guardan solo en tu iPhone. El texto de las Escrituras viene incluido en la app, así que funciona sin conexión.</div> |
| 142 | + </details> |
| 143 | + <details><summary>¿Lee mi portapapeles?<span class="chev">›</span></summary> |
| 144 | + <div class="answer">Solo comprueba <strong>si hay algo con forma de enlace</strong>, sin ver el contenido y sin disparar el aviso de iOS. El contenido se lee únicamente cuando tú tocas <strong>Aceptar</strong>, que es donde iOS te pide permiso.</div> |
| 145 | + </details> |
| 146 | + |
| 147 | + <div class="rights"> |
| 148 | + <strong>Sobre el texto de las Escrituras.</strong> El texto incluido en esta app es propiedad de Intellectual Reserve, Inc. y se usa conforme a las Condiciones de uso de churchofjesuschrist.org. Escrituras es una app independiente y <strong>no está afiliada ni respaldada por La Iglesia de Jesucristo de los Santos de los Últimos Días</strong>. |
| 149 | + </div> |
| 150 | + |
| 151 | + <div class="contact" id="contacto"> |
| 152 | + <span class="eyebrow">Contacto</span> |
| 153 | + <h3>¿Te seguimos ayudando?</h3> |
| 154 | + <p>Escríbenos y te respondemos. Incluye tu modelo de iPhone y la versión de iOS, y una captura si puedes.</p> |
| 155 | + <a class="btn" href="mailto:willmoscoso@gmail.com?subject=Soporte%20Escrituras">Escribir a soporte</a> |
| 156 | + <div class="meta"><span>willmoscoso@gmail.com</span><span>iOS 17.0+</span><span>Respuesta en 48 h</span></div> |
| 157 | + </div> |
| 158 | +</div> |
| 159 | + |
| 160 | +<footer> |
| 161 | + <div class="wrap"> |
| 162 | + <div class="brand" style="font-weight:700"> |
| 163 | + <svg viewBox="0 0 32 32" fill="none" aria-hidden="true" style="width:24px;height:24px"> |
| 164 | + <path d="M16 8 C 12 5, 7 5, 4 6 L 4 25 C 7 24, 12 24, 16 27" stroke="#8aa69c" stroke-width="2.2" stroke-linejoin="round" stroke-linecap="round"/> |
| 165 | + <path d="M16 8 C 20 5, 25 5, 28 6 L 28 25 C 25 24, 20 24, 16 27" stroke="#2f9e73" stroke-width="2.2" stroke-linejoin="round" stroke-linecap="round"/> |
| 166 | + </svg><span>Escrituras</span> |
| 167 | + </div> |
| 168 | + <div class="foot-links"> |
| 169 | + <a href="https://www.myiosapps.org/escrituras">Inicio</a> |
| 170 | + <a href="https://www.myiosapps.org/escrituras/privacy.html">Privacidad</a> |
| 171 | + <a href="https://www.myiosapps.org">myiosapps.org</a> |
| 172 | + </div> |
| 173 | + <div style="margin-top:18px"><small>© 2026 Escrituras · myiosapps.org</small></div> |
| 174 | + </div> |
| 175 | +</footer> |
| 176 | +</body> |
| 177 | +</html> |
0 commit comments