NAM · Novus Auctus Marketing — web
===================================

Antes de publicar esta web hay que rellenar los datos reales del negocio.
Aparecen marcados entre corchetes y en naranja en el propio diseño para que
no pasen desapercibidos. Búscalos y sustitúyelos (Buscar y reemplazar en
todos los archivos .html) antes de subir la web a ningún sitio.

1) CONTACTO REAL
   - Email ..................... jorgecanonam@gmail.com        ✓ relleno
   - Teléfono / WhatsApp ........ +34 682 92 97 41               ✓ relleno
   - Ciudad ..................... Madrid                         ✓ relleno
   - Instagram .................. @nammarketingservices          ✓ relleno
   - [LINKEDIN]              → vuestro usuario/página de LinkedIn — pendiente

2) DATOS LEGALES (aparecen en aviso-legal.html y politica-privacidad.html)
   - [RAZÓN SOCIAL O NOMBRE Y APELLIDOS]
   - [NIF/CIF]
   - [DIRECCIÓN COMPLETA, CÓDIGO POSTAL Y LOCALIDAD]
   - [REGISTRO MERCANTIL, TOMO, FOLIO, HOJA]
     → Solo si NAM es una sociedad (SL, SA...). Si operáis como
       autónomo/a, borrad esa línea entera del aviso legal.
   - [www.tudominio.es]
   - [LOCALIDAD DEL DOMICILIO SOCIAL]
     → aparece en el aviso legal, en el punto de jurisdicción.

   Ninguno de estos datos se puede inventar: si se publica con datos falsos
   es un problema legal, no un detalle estético. Hasta que no estén todos
   rellenos con los datos reales de NAM, la web no debería publicarse.

3) ESTRUCTURA DEL PROYECTO
   nam/
     index.html                 → página principal
     aviso-legal.html            → página legal
     politica-privacidad.html    → página legal
     politica-cookies.html       → página legal (ver punto 9, aviso de
                                    cookies)
     assets/css/style.css        → todos los estilos del sitio
     assets/js/main.js           → menú móvil + las 2 animaciones showpiece
     assets/img/                 → fotografías (Pexels, uso libre)
     assets/img/logo/            → logotipo NAM (ver punto 8)

4) IMÁGENES
   Las fotografías de assets/img/*.jpg son de Pexels (licencia gratuita,
   uso comercial permitido, sin atribución obligatoria).

   No hay sección de "Trabajos"/portfolio: se quitó porque mostraba otros
   proyectos de esta misma carpeta "Web 10k" (Pangea, Maison Sollers,
   Solvia) como si fueran clientes reales de NAM, y no lo son. Cuando NAM
   tenga clientes reales, esa sección se puede volver a montar con casos
   de verdad — mientras tanto no se inventa ningún trabajo.

5) PENSADA PARA ELEMENTOR
   Las secciones estándar (servicios, por qué NAM, FAQ, contacto) usan solo
   contenedores flex, cabeceras, texto, imágenes, botones, icon boxes y un
   accordion — todo mapeable 1:1 a widgets nativos de Elementor. Las 2
   secciones "showpiece" (Hero y Proceso) llevan animación en JavaScript
   aparte del contenido: al reconstruir en Elementor, esas 2 secciones
   necesitarán un HTML/JS embebido o un desarrollo a medida para conservar
   el movimiento; el resto es drag-and-drop directo.

6) FORMULARIO DE CONTACTO
   En la sección de contacto hay un formulario (nombre, apellidos, teléfono,
   email y un mensaje con la idea del cliente). Al pulsar "Enviar" el
   mensaje se manda él solo — nadie tiene que confirmar nada en Gmail ni
   salir de la web. Esto se consigue con FormSubmit (formsubmit.co), un
   servicio gratuito para formularios de webs estáticas: recibe los datos
   y los reenvía por email a jorgecanonam@gmail.com. No hace falta cuenta
   ni API key, solo el email de destino (ya configurado en el formulario).

   ⚠️ ACTIVACIÓN ÚNICA, IMPORTANTE — HACER ESTO NADA MÁS PUBLICAR:
   FormSubmit activa el email de destino **por cada dominio**, no solo por
   email. Es decir: las pruebas hechas durante el desarrollo (en local o
   en vistas previas) NO activan nada para el dominio final — hay que
   repetir este paso, una sola vez, en cuanto la web esté publicada de
   verdad:

     1. Entrad en la web ya publicada (el dominio real, no una vista previa).
     2. Rellenad el formulario de contacto una vez, con cualquier dato de
        prueba, y dadle a "Enviar".
     3. Revisad jorgecanonam@gmail.com (y la carpeta de spam): llegará un
        correo de FormSubmit pidiendo confirmar ("Activate Form").
     4. Pulsad ese enlace. Una sola vez, nunca más hace falta repetirlo
        para ese dominio.

   Hasta que no se haga este paso, el formulario no entregará ningún
   mensaje (el visitante no nota nada raro — simplemente el mensaje no te
   llega). Después de activarlo, todos los envíos —de cualquier cliente—
   llegan al instante, sin fricción para nadie.

   El formulario usa _captcha=false (sin captcha, para que no tenga pasos
   extra) y un campo _honey oculto como protección básica contra spam.
   Los datos de quien escribe pasan por FormSubmit como "encargado del
   tratamiento" — ya está reflejado en politica-privacidad.html, punto 5.

   Si más adelante queréis más control (plantilla de email propia, guardar
   los contactos en una base de datos, etc.), hace falta un backend propio
   o pasar a la versión en WordPress/Elementor, que trae su propio widget
   de formulario con más opciones.

7) MOVIMIENTO DE FONDO ("ascent field")
   Todas las secciones (menos el hero, que ya tiene el suyo propio, y las
   3 páginas legales, que se dejan sin animación a propósito) llevan un
   fondo decorativo de líneas que suben en diagonal, igual que la flecha
   del símbolo de NAM — la idea de "despegue"/crecimiento presente en toda
   la página, no solo en la portada. Es un bloque
   <div class="ascent-field ascent-field--dark|--light">...</div> con 8
   líneas <i></i> dentro; para añadirlo a una sección nueva en Elementor
   basta con pegar ese mismo bloque de HTML personalizado al principio de
   la sección (usa --light sobre fondo claro y --dark sobre fondo navy).
   Respeta "reducir movimiento" del sistema operativo automáticamente.

8) LOGOTIPO (actualizado)
   El logo se sustituyó por el nuevo diseño que pasaste (flecha ascendente +
   "NAM"). Como solo lo diste en un .webp con fondo navy sólido, lo procesé
   para sacar versiones con fondo transparente:
   - nam-mark-white.png      → símbolo + "NAM", usado en la cabecera y el
                                 pie de página (fondo transparente, tinta
                                 blanca, pensado para ir sobre azul marino).
   - nam-symbol-white.png    → solo el símbolo, sin texto.
   - nam-favicon.png         → el símbolo recortado en cuadrado, favicon.
   - nam-full-lockup-white.png → el lockup completo (símbolo + NAM + "Novus
                                 Auctus Marketing" + "Innovación y
                                 Crecimiento"), por si hace falta en algún
                                 sitio con más espacio.
   - nam-og-image.png        → el lockup completo sobre fondo navy sólido
                                 (1200×630), para la vista previa al
                                 compartir el enlace en redes/WhatsApp.

   Si en algún momento tenéis el logo en un formato vectorial (AI, EPS,
   SVG o Figma) en vez de la imagen navy, pasádmelo y lo cambio por una
   versión vectorial — se ve perfecta igual, pero un SVG real escala sin
   ningún límite y pesa menos.

   Los SVG antiguos (nam-horizontal.svg, nam-simbolo.svg, nam-vertical.svg,
   nam-horizontal-mono-blanco.svg, nam-favicon.svg) se quedaron en la
   carpeta sin usar, por si hace falta volver atrás.

9) AVISO DE COOKIES
   Al entrar en cualquier página aparece una barra abajo con "Aceptar" y
   "Rechazar". Legalmente no era obligatoria (la web no instala cookies de
   analítica ni publicidad, solo lo exime el art. 22.2 LSSI-CE), pero la
   pedisteis para que la web se vea "como todas" y para dejar ya resuelta
   la elección del visitante de cara al futuro.

   La elección se guarda en el navegador con localStorage (no es técnicamente
   una cookie) y no vuelve a salir en visitas siguientes desde el mismo
   navegador. Hoy no cambia nada al pulsar uno u otro botón, porque no hay
   ninguna herramienta de analítica o publicidad cargándose todavía.

   Cuando en el futuro se quiera añadir Google Analytics (o similar), hay
   que cargar ese script solo si `window.namCookieConsent() === "accepted"`
   (función ya definida en assets/js/main.js) — así el botón "Aceptar"
   empieza a significar algo de verdad. Mientras tanto, todo esto está
   explicado también en politica-cookies.html, punto 2 y 4.