<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MIA | Plataforma multilingüe de contenido con IA</title>
    <meta name="description" content="Crea y adapta contenido en más de 50 idiomas con MIA, la plataforma de IA multilingüe con SEO internacional integrado. Planes desde 0 €. Empieza gratis hoy.">    
    <!-- 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: 8%; top: -4%;"></div>
		<div class="marketing-bg__spot marketing-bg__spot--2" style="left: 43%; top: 29%;"></div>
		<div class="marketing-bg__spot marketing-bg__spot--3" style="left: 4%; top: 46%;"></div>
	</div>
	<!-- Header -->
	<header class="marketing-header">
		<div class="marketing-header__inner">
			<a href="/it/" 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="/it/#planes" class="marketing-header__nav-link">Planes</a>
						<a href="/it/caracteristicas" class="marketing-header__nav-link">Características</a>
						<a href="/it/acerca" class="marketing-header__nav-link">Acerca de MIA</a>
						<a href="/it/sobre-nosotros" class="marketing-header__nav-link">Sobre nosotros</a>
												<a href="/it/blog" class="marketing-header__nav-link">Blog</a>
						<a href="/it/contacto" class="marketing-header__nav-link">Contacto</a>
					</div>
				</nav>
				<div class="marketing-header__actions">
					<a href="/it/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>IT</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="/"
									hreflang="es"
									lang="es"
									translate="no"
									data-at-notrad="true"
								>
									Español								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/ca/"
									hreflang="ca"
									lang="ca"
									translate="no"
									data-at-notrad="true"
								>
									Català								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/en/"
									hreflang="en"
									lang="en"
									translate="no"
									data-at-notrad="true"
								>
									English								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/fr/"
									hreflang="fr"
									lang="fr"
									translate="no"
									data-at-notrad="true"
								>
									Français								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/it/"
									hreflang="it"
									lang="it"
									translate="no"
									data-at-notrad="true"
								>
									Italiano								</a>
																							<a
									class="marketing-header__lang-option notranslate"
									href="/pt/"
									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="marketing-container">

        <section class="block marketing-hero">

            <div class="marketing-hero__grid">
                <!-- <div class="marketing-hero__visual" aria-hidden="true">
                    <img
                        class="marketing-hero__cutout"
                        src="/assets/img/mia_cutout.png"
                        alt=""
                        width="520"
                        height="780"
                        loading="eager"
                        fetchpriority="high"
                    >
                </div> -->
                <div class="hero-content marketing-hero__copy">
                    <div class="tag">
                        <img class="icon" src="/marketing/assets/images/icon/stars_muted.svg">
                        <span>IA que crea contenido optimizado para cada país</span>
                    </div>
                    <h1>Empieza a vender<br><span class="gradient">en otros países hoy</span></h1>
                    <div class="subheading">
                        Crea contenido adaptado a cada mercado que atrae tráfico, convierte usuarios y genera ingresos desde el primer día.
                    </div>
                    <div class="ctas">
                        <a href="/it/auth/register" class="cta_button main">
                            <span>Empieza gratis</span>
                            <img class="icon" src="/marketing/assets/images/icon/lightning_white.svg">
                        </a>
                        <a href="#planes" class="cta_button secondary">
                            <span>Ver planes</span>
                        </a>
                    </div>
                    <div class="product-highlights">
                        <div class="highlight">
                            <div class="icon" aria-hidden="true">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 6 13.5 15.5 8.5 10.5 1 18"></polyline><polyline points="17 6 23 6 23 12"></polyline></svg>
                            </div>
                            <div class="info">
                                <div class="value">+50</div>
                                <div class="label">Idiomas</div>
                            </div>
                        </div>
                        <div class="highlight">
                            <div class="icon" aria-hidden="true">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
                            </div>
                            <div class="info">
                                <div class="value">100%</div>
                                <div class="label">Precisión</div>
                            </div>
                        </div>
                        <div class="highlight">
                            <div class="icon" aria-hidden="true">
                                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon></svg>
                            </div>
                            <div class="info">
                                <div class="value">24/7</div>
                                <div class="label">Disponible</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>

        <!-- <div class="marketing-hero__base" aria-hidden="true"></div> -->

        <section id="" class="block marketing-cols three-cols large-padding-top">
            <div class="cols-grid">
                <div class="col-card">
                    <span class="col-card__title small">+50 mercados en horas</span>
                    <span class="col-card__desc">Empieza a operar en nuevos países el mismo día, sin depender de procesos largos ni equipos locales.</span>
                </div>
                <div class="col-card">
                    <span class="col-card__title small">Hasta 50.000 palabras/mes</span>
                    <span class="col-card__desc">Genera grandes volúmenes de contenido de forma constante sin necesidad de saturar a tu equipo.</span>
                </div>
                <div class="col-card">
                    <span class="col-card__title small">Incrementa tu CTR un 40%</span>
                    <span class="col-card__desc">Mejora el rendimiento de tus contenidos y consigue que más usuarios hagan clic y avancen en el funnel.</span>
                </div>
                <div class="col-card">
                    <span class="col-card__title small">Control total del contenido</span>
                    <span class="col-card__desc">Mantén coherencia en todos los idiomas y mercados sin perder visibilidad sobre lo que se publica.</span>
                </div>
                <div class="col-card">
                    <span class="col-card__title small">80% más rápido</span>
                    <span class="col-card__desc">Reduce drásticamente los tiempos de entrega de tus contenidos y publica antes que tu competencia.</span>
                </div>
                <div class="col-card">
                    <span class="col-card__title small">Reduce tus costes un 70%</span>
                    <span class="col-card__desc">Reduce costes en producción y gestión de contenido sin renunciar a la calidad ni a los resultados.</span>
                </div>
            </div>
        </section>

        <section id="planes" class="block marketing-pricing">
            <div class="pricing-section-header block-header">
                <h2>Planes y Precios</h2>
                <p>Selecciona el plan perfecto para tu negocio.</p>
            </div>
            <div class="block pricing_table">
                <div class="tiers_list">
                    <div class="tier_card">
                        <div class="tier_icon">
                            <img src="/marketing/assets/images/free.png" alt="Freemium">
                        </div>
                        <div class="tier_name">
                            <h3>Freemium</h3>
                            <div class="tier_description">
                                <p>Descubre el poder de la IA</p>
                            </div>
                        </div>
                        <div class="tier_price_block">
                            <div class="tier_price">
                                <div class="currency">EUR</div>
                                <div class="price">0</div>
                                <div class="period">/mes</div>
                            </div>
                            <p class="pricing-vat-note">precio sin IVA</p>
                        </div>
                        <div class="tier_cta">
                            <a href="/it/auth/register" class="cta_button tier_cta_button" role="button">Comenzar</a>
                        </div>
                        <div class="tier_features">
                            <ul>
                                <li>3 textos/mes (máx. 500 palabras)</li>
                                <li>Idiomas ilimitados</li>
                                <li>Ideal para testing, educación e inbound marketing</li>
                            </ul>
                        </div>
                    </div>
                    <div class="tier_card">
                        <div class="tier_icon">
                            <img src="/marketing/assets/images/starter.png" alt="Starter">
                        </div>
                        <div class="tier_name">
                            <h3>Starter</h3>
                            <div class="tier_description">
                                <p>Ideal para empezar a escalar</p>
                            </div>
                        </div>
                        <div class="tier_price_block">
                            <div class="tier_price">
                                <div class="currency">EUR</div>
                                <div class="price">39</div>
                                <div class="period">/mes</div>
                            </div>
                            <p class="pricing-vat-note">precio sin IVA</p>
                        </div>
                        <div class="tier_cta">
                            <a href="/it/auth/register" class="cta_button tier_cta_button" role="button">Comenzar</a>
                        </div>
                        <div class="tier_features">
                            <ul>
                                <li>Hasta 15.000 palabras/mes</li>
                                <li>Idiomas ilimitados</li>
                                <li>Soporte email</li>
                            </ul>
                        </div>
                    </div>
                    <div class="tier_card">
                        <p class="tier_badge_popular">MÁS POPULAR</p>
                        <div class="tier_icon">
                            <img src="/marketing/assets/images/pro.png" alt="Pro">
                        </div>
                        <div class="tier_name">
                            <h3>Pro</h3>
                            <div class="tier_description">
                                <p>Para equipos en expansión</p>
                            </div>
                        </div>
                        <div class="tier_price_block">
                            <div class="tier_price">
                                <div class="currency">EUR</div>
                                <div class="price">99</div>
                                <div class="period">/mes</div>
                            </div>
                            <p class="pricing-vat-note">precio sin IVA</p>
                        </div>
                        <div class="tier_cta">
                            <a href="/it/auth/register" class="cta_button tier_cta_button" role="button">Comenzar</a>
                        </div>
                        <div class="tier_features">
                            <ul>
                                <li>Hasta 50.000 palabras/mes</li>
                                <li>Idiomas ilimitados</li>
                                <li>Soporte prioritario</li>
                                <li>Acceso beta</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>

            <section class="block marketing-cols marketing-split-block">
                <div class="marketing-split-block__grid">
                    <div
                        class="marketing-split-block__media"
                        aria-hidden="true"
                        style="background-image: url('/marketing/assets/images/mia_bg.jpg');"
                    ></div>

                    <article class="col-card col-card--prose marketing-split-block__article">
                        <div class="tag">
                            <img class="icon" src="/marketing/assets/images/icon/stars_muted.svg" alt="">
                            <span>CONOCE A MIA</span>
                        </div>

                        <h2 class="col-card__title">
                            Convierte tu negocio en  <span class="highlight">una maquina de vender</span>
                        </h2>

                        <div class="marketing-split-block__copy">
                            <p class="col-card__desc">
                                MIA es la IA para vender en cualquier país, desarrollada por ATLS Global que ayuda a las empresas a adaptar su comunicación y contenido digital a distintos idiomas y mercados.
                            </p>
                            <p class="col-card__desc">
                                Combina adaptación de contenido y SEO internacional para que tus mensajes no solo se traduzcan, sino que estén optimizados para el posicionamiento en buscadores y la intención de búsqueda de cada mercado.
                            </p>
                        </div>

                        <ul class="col-card__list">
                            <li>
                                <span class="marketing-split-block__list-title">Transcreación con IA</span>
                                <span class="marketing-split-block__list-desc">Adaptación contextual inteligente para que el mensaje conecte con cada mercado.</span>
                            </li>
                            <li>
                                <span class="marketing-split-block__list-title">SEO internacional</span>
                                <span class="marketing-split-block__list-desc">Optimización de contenido y palabras clave para mejorar el posicionamiento en buscadores internacionales.</span>
                            </li>
                            <li>
                                <span class="marketing-split-block__list-title">+50 Idiomas</span>
                                <span class="marketing-split-block__list-desc">Comunicación global adaptada a cada idioma, mercado y contexto cultural.</span>
                            </li>
                        </ul>

                        <a href="/it/auth/register" class="col-card__cta" role="button">
                            <img
                                src="/marketing/assets/images/icon/lightning_white.svg"
                                alt=""
                                width="18"
                                height="18"
                                style="vertical-align: middle; margin-right: 0.5rem;"
                            >
                            Probar MIA ahora
                        </a>
                    </article>
                </div>
            </section>

        </section>

        

        <!-- <section class="block marketing-cols two-cols">
            <div class="cols-grid">
                <article class="col-card">
                    <div class="col-card__header">
                        <div class="col-card__icon">
                            <img src="/marketing/assets/images/icon/uptrend_white.svg" alt="" width="24" height="24">
                        </div>
                        <h3 class="col-card__title">Condiciones de facturación</h3>
                    </div>
                    <ul class="col-card__list">
                        <li>Prueba gratuita mediante campañas inbound</li>
                        <li>Captación con contenidos SEO sectorizados</li>
                    </ul>
                    <p class="col-card__footer">Atrae leads globales combinando IA, SEO y datos.</p>
                </article>
                <article class="col-card">
                    <div class="col-card__header">
                        <div class="col-card__icon">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                <circle cx="18" cy="5" r="3"></circle>
                                <circle cx="6" cy="12" r="3"></circle>
                                <circle cx="18" cy="19" r="3"></circle>
                                <line x1="8.59" y1="13.51" x2="15.42" y2="17.49"></line>
                                <line x1="15.41" y1="6.51" x2="8.59" y2="10.49"></line>
                            </svg>
                        </div>
                        <h3 class="col-card__title">Canales de distribución</h3>
                    </div>
                    <ul class="col-card__list">
                        <li>ATLS (upselling a clientes actuales)</li>
                        <li>Marketplaces SaaS (AppSumo, G2, etc.)</li>
                        <li>Alianzas con agencias de marketing y comunicación</li>
                    </ul>
                    <p class="col-card__footer">Estamos donde las marcas globales ya confían.</p>
                </article>
            </div>
        </section> -->

        <section class="block marketing-cols one-col">
            <div class="cols-grid">
                <article class="col-card col-card--centered">
                    <div class="col-card__header">
                        <div class="col-card__icon col-card__icon--circle">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                <polyline points="20 12 20 22 4 22 4 12"></polyline>
                                <rect x="2" y="7" width="20" height="5"></rect>
                                <line x1="12" y1="22" x2="12" y2="7"></line>
                                <path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"></path>
                                <path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"></path>
                            </svg>
                        </div>
                    </div>
                    <h3 class="col-card__title">
                        Impulsa tu crecimiento empresarial
                        <br>
                        <span class="highlight">MIA es el partner digital que buscas</span>
                    </h3>
                    <p class="col-card__footer">Acompañamos a tu equipo de marketing a crecer sin perder tu identidad de marca a nivel internacional.</p>
                    <a href="/it/auth/register" class="col-card__cta">Comenzar ahora</a>
                </article>
            </div>
        </section>

        <section class="block marketing-faq">
            <div class="faq-header block-header">
                <div class="faq-header__icon" aria-hidden="true">
                    <svg width="24" height="24" 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"></circle>
                        <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path>
                        <line x1="12" y1="17" x2="12.01" y2="17"></line>
                    </svg>
                </div>
                <h2 class="faq-header__title">Preguntas frecuentes sobre MIA</h2>
                <p class="faq-header__subtitle">Resuelve tus dudas sobre nuestra IA de transcreación y planes</p>
            </div>
            <div class="faq-list" id="faq-accordion">
                <details class="faq-item">
                    <summary class="faq-item__question">¿Qué es MIA y cómo funciona?</summary>
                    <div class="faq-item__answer-wrapper">
                        <div class="faq-item__answer">MIA es una plataforma de inteligencia artificial que te ayuda a crear contenido optimizado en múltiples idiomas. Utiliza tecnología avanzada de IA para generar textos de alta calidad adaptados a tu marca y audiencia global.</div>
                    </div>
                </details>
                <details class="faq-item">
                    <summary class="faq-item__question">¿Puedo cambiar de plan en cualquier momento?</summary>
                    <div class="faq-item__answer-wrapper">
                        <div class="faq-item__answer">Sí. Puedes cambiar de plan en cualquier momento desde tu panel. El cambio se aplica en el siguiente ciclo de facturación y se prorratea según corresponda.</div>
                    </div>
                </details>
                <details class="faq-item">
                    <summary class="faq-item__question">¿Qué idiomas están disponibles?</summary>
                    <div class="faq-item__answer-wrapper">
                        <div class="faq-item__answer">MIA soporta múltiples idiomas para transcreación. Los idiomas disponibles dependen de tu plan; consulta la sección de planes para el listado actualizado.</div>
                    </div>
                </details>
                <details class="faq-item">
                    <summary class="faq-item__question">¿Cómo funciona la exportación de contenido?</summary>
                    <div class="faq-item__answer-wrapper">
                        <div class="faq-item__answer">Puedes exportar el contenido generado en los formatos que ofrezca tu plan (por ejemplo texto, CSV o integraciones). La exportación está disponible desde el panel tras finalizar cada transcreación.</div>
                    </div>
                </details>
                <details class="faq-item">
                    <summary class="faq-item__question">¿Qué tipo de soporte ofrecen?</summary>
                    <div class="faq-item__answer-wrapper">
                        <div class="faq-item__answer">Ofrecemos soporte por correo y documentación según tu plan. Los planes superiores incluyen soporte prioritario y canal directo con el equipo.</div>
                    </div>
                </details>
                <details class="faq-item">
                    <summary class="faq-item__question">¿Ofrecen descuentos para equipos grandes?</summary>
                    <div class="faq-item__answer-wrapper">
                        <div class="faq-item__answer">Sí. Para equipos y volúmenes altos tenemos condiciones especiales. Contacta con nosotros a través de «Solicitar información» para recibir una propuesta a medida.</div>
                    </div>
                </details>
            </div>
        </section>

        <section class="block marketing-cols one-col faq-cta">
            <div class="cols-grid">
                <article class="col-card col-card--centered">
                    <div class="col-card__header">
                        <div class="col-card__icon col-card__icon--circle">
                            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                                <rect x="2" y="4" width="20" height="16" rx="2"></rect>
                                <path d="m22 6-10 7L2 6"></path>
                            </svg>
                        </div>
                    </div>
                    <h3 class="col-card__title">¿No encuentras la respuesta que buscas?</h3>
                    <p class="col-card__footer">Nuestro equipo te ayuda a elegir el plan adecuado para impulsar tu crecimiento empresarial y posicionamiento SEO internacional.</p>
                    <a href="/it/contacto" class="col-card__cta">Hablar con el equipo</a>
                </article>
            </div>
        </section>

    </div>
</main>

<script>
(function () {
  var container = document.getElementById('faq-accordion');
  if (!container) return;
  function initFaqItem(details) {
    var summary = details.querySelector('.faq-item__question');
    var wrapper = details.querySelector('.faq-item__answer-wrapper');
    if (!summary || !wrapper) return;

    if (details.open) {
      wrapper.style.height = wrapper.scrollHeight + 'px';
    } else {
      wrapper.style.height = '0';
    }

    summary.addEventListener('click', function (e) {
      e.preventDefault();
      var wasOpen = details.open;
      if (wasOpen) {
        wrapper.style.height = wrapper.scrollHeight + 'px';
        wrapper.offsetHeight;
        wrapper.style.height = '0';
        wrapper.addEventListener('transitionend', function onEnd() {
          wrapper.removeEventListener('transitionend', onEnd);
          details.removeAttribute('open');
          wrapper.style.height = '';
        }, { once: true });
      } else {
        details.setAttribute('open', '');
        wrapper.style.height = '0';
        requestAnimationFrame(function () {
          wrapper.style.height = wrapper.scrollHeight + 'px';
          wrapper.addEventListener('transitionend', function onEnd() {
            wrapper.removeEventListener('transitionend', onEnd);
            wrapper.style.height = '';
          }, { once: true });
        });
      }
    });
  }

  container.querySelectorAll('.faq-item').forEach(initFaqItem);
})();
</script>

		<!-- 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="/it/caracteristicas">Características</a></li>
							<li><a href="/it/#planes">Precios</a></li>
							<li><a href="/it/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="/it/sobre-nosotros">Sobre nosotros</a></li>
							<li><a href="/it/blog">Blog</a></li>
							<li><a href="/it/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="/it/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="/it/privacidad">Política de privacidad</a>
							<a href="/it/terminos">Términos de servicio</a>
							<a href="/it/cookies">Cookies</a>
						</nav>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>

