inversoweb/privacidad.html at master · ivazquezv/inversoweb · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Política de Privacidad | IN VERSO</title>

    <!-- Favicon -->
    <link rel="icon" type="image/x-icon" href="favicon.ico" />

    <!-- Estilos -->
    <link rel="stylesheet" href="css/styles.css" />

    <!-- Fuentes -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;600&family=Inter:wght@300;400;500;700&display=swap"
      rel="stylesheet"
    />
  </head>

  <body id="top">
    <!-- HEADER -->
    <header class="site-header">
      <div class="container site-header__inner">
        <a href="index.html#top" class="site-header__logo">
          <img
            src="images/logo.png"
            alt="IN VERSO Logo"
            class="site-header__logo-img"
          />
        </a>

        <nav class="main-nav" aria-label="Navegación principal">
          <button
            class="main-nav__toggle"
            aria-expanded="false"
            aria-label="Abrir menú"
          >
            <span class="main-nav__toggle-line"></span>
            <span class="main-nav__toggle-line"></span>
          </button>

          <ul class="main-nav__list">
            <li><a href="index.html#home" class="main-nav__link">Inicio</a></li>
            <li><a href="index.html#band" class="main-nav__link">Banda</a></li>
            <li>
              <a href="index.html#biografia" class="main-nav__link"
                >Biografía</a
              >
            </li>
            <li>
              <a href="index.html#music" class="main-nav__link">Música</a>
            </li>
            <li>
              <a href="index.html#media" class="main-nav__link">Vídeos</a>
            </li>
            <li>
              <a href="index.html#prensa" class="main-nav__link">Prensa</a>
            </li>
            <li>
              <a href="index.html#contact" class="main-nav__link">Contacto</a>
            </li>
          </ul>
        </nav>
      </div>
    </header>

    <!-- PROGRESS BAR -->
    <div id="progress-bar"></div>

    <!-- POLÍTICA DE PRIVACIDAD -->
    <section class="section section--alt">
      <div class="container section__inner">
        <header class="section__header">
          <h2 class="section__title">Política de Privacidad</h2>
          <p class="section__subtitle">
            Información sobre el uso de datos en IN VERSO
          </p>
        </header>

        <div class="privacy-text">
          <p>
            Esta Política de Privacidad describe cómo se recopila, utiliza y
            protege la información personal de los usuarios que visitan el sitio
            web de <strong>IN VERSO</strong>. Este proyecto no está actualmente
            activo como banda, pero mantiene esta web como archivo histórico y
            punto de referencia informativa.
          </p>

          <h3>1. Responsable del Tratamiento</h3>
          <p>
            El responsable del tratamiento de los datos es:
            <br /><br />
            <strong>IN VERSO (Proyecto Musical)</strong><br />
            Contacto:
            <a href="mailto:contacto@inverso.com">contacto@inverso.com</a>
          </p>

          <h3>2. Datos que se Recopilan</h3>
          <p>
            Este sitio web no recopila datos personales de forma automática.
            Solo se recopila información si el usuario decide contactar mediante
            correo electrónico u otros medios proporcionados.
          </p>

          <p>Los datos que pueden recopilarse son:</p>
          <ul>
            <li>Nombre y apellidos (si el usuario los facilita)</li>
            <li>Correo electrónico</li>
            <li>Contenido del mensaje enviado</li>
          </ul>

          <h3>3. Finalidad del Tratamiento</h3>
          <p>
            Los datos proporcionados voluntariamente por el usuario se utilizan
            exclusivamente para:
          </p>
          <ul>
            <li>Responder consultas o solicitudes de información</li>
            <li>
              Gestionar comunicaciones relacionadas con el proyecto IN VERSO
            </li>
          </ul>

          <h3>4. Conservación de los Datos</h3>
          <p>
            Los datos se conservarán únicamente durante el tiempo necesario para
            responder a la consulta o mantener la comunicación iniciada por el
            usuario.
          </p>

          <h3>5. Cesión de Datos a Terceros</h3>
          <p>
            IN VERSO no comparte, vende ni cede datos personales a terceros.
            Únicamente se utilizarán servicios externos necesarios para el
            funcionamiento de la web (por ejemplo, hosting), los cuales cumplen
            con la normativa vigente.
          </p>

          <h3>6. Derechos del Usuario</h3>
          <p>El usuario puede ejercer los siguientes derechos:</p>
          <ul>
            <li>Acceso a sus datos</li>
            <li>Rectificación</li>
            <li>Supresión</li>
            <li>Limitación del tratamiento</li>
            <li>Oposición</li>
          </ul>

          <p>
            Para ejercer estos derechos, puede escribir a:
            <a href="mailto:contacto@inverso.com">contacto@inverso.com</a>
          </p>

          <h3>7. Cookies y Servicios de Terceros</h3>
          <p>
            Este sitio web utiliza únicamente cookies técnicas necesarias para
            su funcionamiento. No se emplean cookies de seguimiento, analítica
            ni publicidad.
          </p>

          <p>
            Algunos servicios externos utilizados por la web pueden recopilar
            datos técnicos, como:
          </p>
          <ul>
            <li>Google Fonts (carga de tipografías)</li>
            <li>YouTube (si se incrustan vídeos)</li>
          </ul>

          <p>Estos servicios tienen sus propias políticas de privacidad.</p>

          <h3>8. Seguridad</h3>
          <p>
            Se aplican medidas razonables para proteger los datos personales
            frente a accesos no autorizados, pérdida o alteración.
          </p>

          <h3>9. Modificaciones de esta Política</h3>
          <p>
            IN VERSO puede actualizar esta política en cualquier momento. La
            fecha de la última actualización aparecerá al final del documento.
          </p>

          <p><em>Última actualización: 2025</em></p>

          <!-- BOTÓN VOLVER -->
          <div class="bio-back">
            <a href="index.html#top" class="btn-back">← Volver</a>
          </div>
        </div>
      </div>
    </section>

    <!-- FOOTER -->
    <footer class="site-footer">
      <div class="container site-footer__inner">
        <a href="#top" class="site-footer__brand site-footer__brand--link">
          <span class="site-footer__logo">IN VERSO</span>
          <span class="site-footer__meta">Melodic Death Metal</span>
        </a>

        <div class="site-footer__links">
          <a href="#top" class="link">Inicio</a>
          <a href="privacidad.html" class="link">Política de privacidad</a>
          <a href="sobre-in-verso.html" class="link">Sobre IN VERSO</a>
        </div>

        <div class="site-footer__copy">
          © <span id="year"></span> IN VERSO. Todos los derechos reservados.
          <br />
          <small class="site-footer__credits">
            Web creada por
            <a href="https://draftdesignweb.com" class="link" target="_blank">
              DRAFT Design Web
            </a>
          </small>
        </div>
        <!-- BOTÓN SUBIR ARRIBA -->
        <a href="#top" class="back-to-top" aria-label="Subir arriba"> ↑ </a>
      </div>
    </footer>

    <!-- SCRIPTS -->
    <script>
      document.getElementById("year").textContent = new Date().getFullYear();

      const navToggle = document.querySelector(".main-nav__toggle");
      const navList = document.querySelector(".main-nav__list");

      if (navToggle && navList) {
        navToggle.addEventListener("click", () => {
          const expanded = navToggle.getAttribute("aria-expanded") === "true";
          navToggle.setAttribute("aria-expanded", String(!expanded));
          navList.classList.toggle("main-nav__list--open");
        });
      }

      // Barra de progreso
      window.addEventListener("scroll", () => {
        const scrollTop = window.scrollY;
        const docHeight = document.body.scrollHeight - window.innerHeight;
        const progress = (scrollTop / docHeight) * 100;
        document.getElementById("progress-bar").style.width = progress + "%";
      });
    </script>
  </body>
</html>