<!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 Cookies | MIA Genius</title>
    <meta name="description" content="Consulta la política de cookies de MIA Genius. Te explicamos qué cookies utilizamos, para qué sirven y cómo puedes gestionarlas o desactivarlas.">    
    <!-- Tailwind CSS CDN -->
    <script src="https://cdn.tailwindcss.com/3.4.17"></script>
    
    <!-- Marketing site styles -->
    <link rel="stylesheet" href="/marketing/assets/css/style.css">
    
    <!-- Tailwind Configuration -->
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    colors: {
                        primary: {
                            50: '#f0f9ff',
                            500: '#3b82f6',
                            600: '#2563eb',
                            700: '#1d4ed8'
                        }
                    }
                }
            }
        }
    </script>
        <!-- Google Tag Manager -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-NL8NQMNH');</script>
    <!-- End Google Tag Manager -->
    </head>
<body class="marketing-body">
        <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NL8NQMNH"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    	<!-- Animated background (shared across marketing pages; starting position random each load) -->
		<div class="marketing-bg" aria-hidden="true">
		<div class="marketing-bg__base"></div>
		<div class="marketing-bg__spot marketing-bg__spot--1" style="left: 17%; top: -3%;"></div>
		<div class="marketing-bg__spot marketing-bg__spot--2" style="left: 35%; top: 20%;"></div>
		<div class="marketing-bg__spot marketing-bg__spot--3" style="left: -11%; top: 56%;"></div>
	</div>
	<!-- Header -->
	<header class="marketing-header">
		<div class="marketing-header__inner">
			<a href="/pt/" class="marketing-header__brand">
				<img src="/assets/img/MIA_logo.svg" alt="MIA Genius" class="marketing-header__brand-img">
			</a>
			<div class="marketing-header__right">
				<nav class="marketing-header__nav" aria-label="Principal">
					<div class="marketing-header__nav-inner">
						<a href="/pt/#planes" class="marketing-header__nav-link">Planes</a>
						<a href="/pt/caracteristicas" class="marketing-header__nav-link">Características</a>
						<a href="/pt/acerca" class="marketing-header__nav-link">Acerca de MIA</a>
						<a href="/pt/sobre-nosotros" class="marketing-header__nav-link">Sobre nosotros</a>
												<a href="/pt/blog" class="marketing-header__nav-link">Blog</a>
						<a href="/pt/contacto" class="marketing-header__nav-link">Contacto</a>
					</div>
				</nav>
				<div class="marketing-header__actions">
					<a href="/pt/auth/register" class="marketing-header__cta">Probar MIA</a>
					<div class="marketing-header__lang" data-lang-switcher>
						<button
							type="button"
							class="marketing-header__lang-trigger"
							aria-haspopup="true"
							aria-expanded="false"
							aria-label="Cambiar idioma"><span>PT</span>
							<svg viewBox="0 0 20 20" fill="none" aria-hidden="true">
								<path d="M6 8L10 12L14 8" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
							</svg>
						</button>
						<div class="marketing-header__lang-menu" hidden>
																							<a
									class="marketing-header__lang-option notranslate marketing-header__lang-option--active"
									href="/cookies/"
									hreflang="es"
									lang="es"
									translate="no"
									data-at-notrad="true"
								>
									Español								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/ca/cookies/"
									hreflang="ca"
									lang="ca"
									translate="no"
									data-at-notrad="true"
								>
									Català								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/en/cookies/"
									hreflang="en"
									lang="en"
									translate="no"
									data-at-notrad="true"
								>
									English								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/fr/cookies/"
									hreflang="fr"
									lang="fr"
									translate="no"
									data-at-notrad="true"
								>
									Français								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/it/cookies/"
									hreflang="it"
									lang="it"
									translate="no"
									data-at-notrad="true"
								>
									Italiano								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/pt/cookies/"
									hreflang="pt"
									lang="pt"
									translate="no"
									data-at-notrad="true"
								>
									Português								</a>
													</div>
					</div>
				</div>
			</div>
		</div>
	</header>

	<script>
	(function () {
		var header = document.querySelector('.marketing-header');
		if (!header) return;
		var langSwitcher = header.querySelector('[data-lang-switcher]');
		var langTrigger = langSwitcher ? langSwitcher.querySelector('.marketing-header__lang-trigger') : null;
		var langMenu = langSwitcher ? langSwitcher.querySelector('.marketing-header__lang-menu') : null;

		function updateHeaderClass() {
			if ((window.scrollY || 0) > 1) {
				header.classList.add('marketing-header--scrolled');
			} else {
				header.classList.remove('marketing-header--scrolled');
			}
		}

		window.addEventListener('scroll', updateHeaderClass, { passive: true });
		updateHeaderClass();

		if (langSwitcher && langTrigger && langMenu) {
			function closeLangMenu() {
				langMenu.hidden = true;
				langSwitcher.classList.remove('marketing-header__lang--open');
				langTrigger.setAttribute('aria-expanded', 'false');
			}

			function openLangMenu() {
				langMenu.hidden = false;
				langSwitcher.classList.add('marketing-header__lang--open');
				langTrigger.setAttribute('aria-expanded', 'true');
			}

			langTrigger.addEventListener('click', function () {
				if (langMenu.hidden) {
					openLangMenu();
					return;
				}

				closeLangMenu();
			});

			document.addEventListener('click', function (event) {
				if (!langSwitcher.contains(event.target)) {
					closeLangMenu();
				}
			});

			document.addEventListener('keydown', function (event) {
				if (event.key === 'Escape') {
					closeLangMenu();
				}
			});
		}
	})();
	</script>


<main class="marketing-main">
    <div class="legal-doc">

        <a href="javascript:history.back()" class="legal-doc__back">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M19 12H5"/><path d="m12 19-7-7 7-7"/></svg>
            Volver
        </a>

        <header class="legal-doc__header">
            <div class="legal-doc__icon-wrap" aria-hidden="true">
                <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32"/></svg>
            </div>
            <div class="legal-doc__header-text">
                <h1 class="legal-doc__title">Política de Cookies</h1>
                <p class="legal-doc__date">Última actualización: 3 de febrero de 2026</p>
            </div>
        </header>

        <div class="legal-doc__intro">
            En MIA Genius utilizamos cookies y tecnologías similares para mejorar tu experiencia, analizar el uso de nuestra plataforma y personalizar el contenido. Esta política explica qué son las cookies, cómo las usamos y cómo puedes controlarlas.
        </div>

        <!-- ¿Qué son las cookies? -->
        <div class="legal-doc__section">
            <div class="legal-doc__section-heading">
                <div class="legal-doc__section-icon" aria-hidden="true">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32"/></svg>
                </div>
                <h2>¿Qué son las cookies?</h2>
            </div>
            <div class="legal-doc__card">
                <p>Las cookies son pequeños archivos de texto que se almacenan en tu dispositivo cuando visitas un sitio web. Permiten que el sitio recuerde tus acciones y preferencias (como inicio de sesión, idioma, tamaño de fuente) durante un período de tiempo, para que no tengas que volver a introducirlas cada vez que regreses.</p>
            </div>
        </div>

        <!-- Tipos de cookies -->
        <div class="legal-doc__section">
            <h2 class="legal-doc__section-title">Tipos de cookies que utilizamos</h2>

            <!-- Esenciales -->
            <div class="legal-doc__cookie-card">
                <div class="legal-doc__cookie-card-header">
                    <div class="legal-doc__cookie-card-icon" style="background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%);">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>
                    </div>
                    <p class="legal-doc__cookie-card-title">Cookies esenciales</p>
                </div>
                <p class="legal-doc__cookie-card-desc">Necesarias para el funcionamiento básico del sitio. No se pueden desactivar.</p>
                <ul>
                    <li>Gestión de sesión e inicio de sesión</li>
                    <li>Seguridad y prevención de fraude</li>
                    <li>Funcionalidades básicas de la plataforma</li>
                </ul>
                <span class="legal-doc__badge">Duración: Sesión</span>
            </div>

            <!-- Funcionales -->
            <div class="legal-doc__cookie-card">
                <div class="legal-doc__cookie-card-header">
                    <div class="legal-doc__cookie-card-icon" style="background: linear-gradient(135deg, #AD46FF 0%, #7C3AED 100%);">
                        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
                    </div>
                    <p class="legal-doc__cookie-card-title">Cookies funcionales</p>
                </div>
                <p class="legal-doc__cookie-card-desc">Permiten recordar tus preferencias y mejorar tu experiencia.</p>
                <ul>
                    <li>Idioma preferido de la interfaz</li>
                    <li>Configuraciones de usuario personalizadas</li>
                    <li>Preferencias de visualización</li>
                </ul>
                <span class="legal-doc__badge">Duración: 1 año</span>
            </div>

            <!-- Analíticas -->
            <div class="legal-doc__cookie-card">
                <div class="legal-doc__cookie-card-icon" style="background: linear-gradient(135deg, #C026D3 0%, #9333EA 100%); width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="22" height="22"><line x1="18" y1="20" x2="18" y2="10"/><line x1="12" y1="20" x2="12" y2="4"/><line x1="6" y1="20" x2="6" y2="14"/></svg>
                </div>
                <p class="legal-doc__cookie-card-title" style="margin:0.5rem 0 0;">Cookies analíticas</p>
                <p class="legal-doc__cookie-card-desc">Nos ayudan a entender cómo los usuarios interactúan con la plataforma.</p>
                <ul>
                    <li>Google Analytics para métricas de uso</li>
                    <li>Patrones de navegación y páginas visitadas</li>
                    <li>Tiempo de uso y funciones más utilizadas</li>
                </ul>
                <span class="legal-doc__badge">Duración: 2 años</span>
            </div>

            <!-- Marketing -->
            <div class="legal-doc__cookie-card">
                <div class="legal-doc__cookie-card-icon" style="background: linear-gradient(135deg, #EC4899 0%, #AD46FF 100%); width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="22" height="22"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg>
                </div>
                <p class="legal-doc__cookie-card-title" style="margin:0.5rem 0 0;">Cookies de marketing</p>
                <p class="legal-doc__cookie-card-desc">Rastrean tu actividad para mostrar publicidad relevante.</p>
                <ul>
                    <li>Seguimiento de conversiones</li>
                    <li>Remarketing en plataformas externas</li>
                    <li>Personalización de anuncios</li>
                </ul>
                <span class="legal-doc__badge">Duración: 90 días</span>
            </div>
        </div>

        <!-- Cookies de terceros -->
        <div class="legal-doc__section">
            <h2 class="legal-doc__section-title">Cookies de terceros</h2>
            <div class="legal-doc__card">
                <p>Utilizamos servicios de terceros que pueden establecer sus propias cookies:</p>
                <div class="legal-doc__third-party-grid">
                    <div class="legal-doc__third-party-card">
                        <h4>Google Analytics</h4>
                        <p>Análisis de uso y estadísticas</p>
                    </div>
                    <div class="legal-doc__third-party-card">
                        <h4>Stripe</h4>
                        <p>Procesamiento de pagos</p>
                    </div>
                    <div class="legal-doc__third-party-card">
                        <h4>Intercom</h4>
                        <p>Chat de soporte</p>
                    </div>
                    <div class="legal-doc__third-party-card">
                        <h4>Facebook Pixel</h4>
                        <p>Marketing y análisis</p>
                    </div>
                </div>
            </div>
        </div>

        <!-- Cómo gestionar las cookies -->
        <div class="legal-doc__section">
            <div class="legal-doc__section-heading">
                <div class="legal-doc__section-icon" aria-hidden="true">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
                </div>
                <h2>Cómo gestionar las cookies</h2>
            </div>
            <div class="legal-doc__card">
                <p>Puedes controlar y/o eliminar cookies según tus preferencias:</p>
                <ul class="legal-doc__manage-list">
                    <li class="legal-doc__manage-item">
                        <div class="legal-doc__manage-item-dot"></div>
                        <div class="legal-doc__manage-item-text">
                            <strong>Configuración del navegador</strong>
                            <span>Todos los navegadores permiten bloquear o eliminar cookies en su configuración de privacidad.</span>
                        </div>
                    </li>
                    <li class="legal-doc__manage-item">
                        <div class="legal-doc__manage-item-dot"></div>
                        <div class="legal-doc__manage-item-text">
                            <strong>Panel de preferencias</strong>
                            <span>Puedes ajustar tus preferencias de cookies desde tu configuración de cuenta.</span>
                        </div>
                    </li>
                    <li class="legal-doc__manage-item">
                        <div class="legal-doc__manage-item-dot"></div>
                        <div class="legal-doc__manage-item-text">
                            <strong>Herramientas de terceros</strong>
                            <span>Usa herramientas como Google Analytics Opt-out para desactivar cookies específicas.</span>
                        </div>
                    </li>
                </ul>
                <div class="legal-doc__warning">
                    <strong>Nota:</strong> Si desactivas todas las cookies, algunas funciones de MIA Genius podrían no funcionar correctamente.
                </div>
            </div>
        </div>

        <!-- Preguntas (standalone card) -->
        <div class="legal-doc__card">
            <h4>Preguntas sobre cookies</h4>
            <p>Si tienes preguntas sobre nuestra política de cookies, contáctanos:</p>
            <p><strong>Email:</strong> <a href="mailto:privacidad@miagenius.com">privacidad@miagenius.com</a></p>
        </div>

        <!-- CTA -->
        <div class="legal-doc__cta-wrap">
            <a href="#" class="legal-doc__cta-btn">Configurar preferencias de cookies</a>
        </div>

    </div>
</main>

		<!-- Footer -->
		<footer class="marketing-footer">
			<div class="marketing-container">
				<div class="footer-grid">
					<div class="footer-section footer-section--brand">
						<h3 class="footer-section__title">MIA Genius</h3>
						<p class="footer-section__desc">Plataforma de IA multilingüe para crear contenido global de alta calidad.</p>
					</div>
					<div class="footer-section">
						<h3 class="footer-section__title">Producto</h3>
						<ul class="footer-section__links">
							<li><a href="/pt/caracteristicas">Características</a></li>
							<li><a href="/pt/#planes">Precios</a></li>
							<li><a href="/pt/acerca">Acerca de MIA</a></li>
							<!-- <li><a href="#">Casos de uso</a></li> -->
						</ul>
					</div>
					<div class="footer-section">
						<h3 class="footer-section__title">Empresa</h3>
						<ul class="footer-section__links">
							<li><a href="/pt/sobre-nosotros">Sobre nosotros</a></li>
							<li><a href="/pt/blog">Blog</a></li>
							<li><a href="/pt/contacto">Contacto</a></li>
						</ul>
					</div>
					<div class="footer-section">
						<h3 class="footer-section__title">Soporte</h3>
						<ul class="footer-section__links">
							<li><a href="/pt/contacto">Centro de ayuda</a></li>
							<!-- <li><a href="#">Documentación</a></li> -->
							<!-- <li><a href="#">API</a></li> -->
						</ul>
					</div>
				</div>
				<div class="footer-bottom">
					<div class="footer-bottom__left">
						<span class="footer-bottom__copy">© 2026 MIA Genius. Todos los derechos reservados.</span>
						<nav class="footer-bottom__legal" aria-label="Legal">
							<a href="/pt/privacidad">Política de privacidad</a>
							<a href="/pt/terminos">Términos de servicio</a>
							<a href="/pt/cookies">Cookies</a>
						</nav>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>

