Aviso legal

<style>
  .accordion {
    background-color: #f8f8f8;
    color: #333;
    cursor: pointer;
    padding: 14px 20px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    transition: 0.3s;
    border-bottom: 1px solid #ddd;
  }

  .accordion:hover {
    background-color: #eaeaea;
  }

  .accordion:after {
    content: '\002B';
    float: right;
    font-weight: bold;
  }

  .accordion.active:after {
    content: "\2212";
  }

  .panel {
    padding: 0 20px 10px 20px;
    display: none;
    background-color: white;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
  }

  .panel a {
    color: #007bff;
    text-decoration: none;
  }
  .panel a:hover {
    text-decoration: underline;
  }
</style>

<h2>Aviso Legal y Política de la Tienda</h2>

<button class="accordion">1. Información General</button>
<div class="panel">
  <p>Esta tienda online es propiedad de:<br>
  <strong>Nombre/Razón social:</strong> [maelitefit]<br>
  <strong>CIF/NIF:</strong> [613666581]<br>
  <strong>Domicilio:</strong> [pintor obdulio lopez de uralde 12]<br>
  <strong>Correo electrónico:</strong> [marioalejandrogiraldomolina@gmail.com]<br>
  <strong>Teléfono de contacto:</strong> [613666581]</p>
</div>

<button class="accordion">2. Objeto</button>
<div class="panel">
  <p>Este aviso legal regula el uso del sitio web <strong>[URL de tu tienda]</strong> y la compra de productos. Al usar esta web, aceptas estas condiciones y nuestras políticas adicionales (Privacidad, Envíos, Devoluciones).</p>
</div>

<button class="accordion">3. Propiedad Intelectual</button>
<div class="panel">
  <p>Todos los contenidos (textos, imágenes, logos, gráficos, software, marcas) son propiedad de [Nombre de tu empresa] o terceros autorizados. No se permite su reproducción o modificación sin permiso.</p>
</div>

<button class="accordion">4. Condiciones de Uso</button>
<div class="panel">
  <p>El usuario se compromete a usar la web de forma legal y correcta. No se permite dañar, sobrecargar o impedir el funcionamiento del sitio. [Nombre de tu empresa] puede suspender el acceso en caso de uso indebido.</p>
</div>

<button class="accordion">5. Condiciones de Venta y Envíos</button>
<div class="panel">
  <ul>
    <li>Los pedidos se procesan tras confirmar el pago.</li>
    <li>Plazo de envío: 2 a 5 días laborables (España peninsular).</li>
    <li>Gastos de envío: calculados automáticamente en el carrito según peso, volumen y destino.</li>
    <li>Recibirás un correo con número de seguimiento al enviar tu pedido.</li>
    <li>Para devoluciones, consulta nuestra <a href="#">Política de Devoluciones</a>.</li>
  </ul>
</div>

<button class="accordion">6. Política de Privacidad y Protección de Datos</button>
<div class="panel">
  <ul>
    <li>Tus datos se usan para gestionar pedidos, envíos y atención al cliente.</li>
    <li>Se conservarán mientras dure la relación comercial o según obligaciones legales.</li>
    <li>No se cederán a terceros, salvo proveedores necesarios para el servicio.</li>
    <li>Puedes ejercer tus derechos escribiendo a <a href="mailto:email@example.com">email@example.com</a>.</li>
  </ul>
  <p>Consulta la <a href="#">Política de Privacidad</a> completa para más detalles.</p>
</div>

<button class="accordion">7. Uso de Cookies</button>
<div class="panel">
  <p>Esta web utiliza cookies propias y de terceros para mejorar la experiencia, analizar la navegación y mostrar publicidad. Puedes gestionar o desactivar cookies desde tu navegador.</p>
</div>

<button class="accordion">8. Limitación de Responsabilidad</button>
<div class="panel">
  <p>[Nombre de tu empresa] no se responsabiliza de daños por mal uso del sitio, errores de información o incidencias fuera de su control.</p>
</div>

<button class="accordion">9. Modificaciones</button>
<div class="panel">
  <p>[Nombre de tu empresa] puede modificar estas condiciones y contenidos. Los cambios son efectivos desde su publicación en la web.</p>
</div>

<button class="accordion">10. Legislación y Jurisdicción</button>
<div class="panel">
  <p>La relación entre el usuario y [Nombre de tu empresa] se rige por la legislación española. Para conflictos, se someten a los juzgados de [Ciudad].</p>
</div>

<script>
  const acc = document.getElementsByClassName("accordion");
  for (let i = 0; i < acc.length; i++) {
    acc[i].addEventListener("click", function() {
      this.classList.toggle("active");
      const panel = this.nextElementSibling;
      panel.style.display = panel.style.display === "block" ? "none" : "block";
    });
  }
</script>