<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Imprenta Maiona</title>
	<atom:link href="https://imprentamaiona.es/feed/" rel="self" type="application/rss+xml" />
	<link>https://imprentamaiona.es/</link>
	<description>Imprenta Maiona es tu solución de impresión rápida y profesional. Ofrecemos impresión digital, offset y gran formato con calidad garantizada y envíos sin complicaciones.</description>
	<lastBuildDate>Mon, 06 Jul 2026 11:55:19 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1</generator>

<image>
	<url>https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/03/cropped-Imprenta-Maiona-avatar-1.jpg?fit=32%2C32&#038;ssl=1</url>
	<title>Imprenta Maiona</title>
	<link>https://imprentamaiona.es/</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">246298513</site>	<item>
		<title>Tu logo «gratis» de IA te va a costar una fortuna en la imprenta (y te explico por qué)</title>
		<link>https://imprentamaiona.es/logo-ia/</link>
		
		<dc:creator><![CDATA[Adrian Pinilla &#124; Diseño gráfico y preimpresión]]></dc:creator>
		<pubDate>Wed, 25 Mar 2026 09:01:49 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://imprentamaiona.es/?p=59496</guid>

					<description><![CDATA[<p>Una reflexión sobre la velocidad sin criterio, la importancia del mundo físico y el valor del diseño profesional.</p>
<p>La entrada <a href="https://imprentamaiona.es/logo-ia/">Tu logo «gratis» de IA te va a costar una fortuna en la imprenta (y te explico por qué)</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="59496" class="elementor elementor-59496">
				<div class="elementor-element elementor-element-33424cd e-flex e-con-boxed e-con e-parent" data-id="33424cd" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6798566 elementor-widget elementor-widget-html" data-id="6798566" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <title>Opinión · Cuando un logo de IA llega a imprenta | Imprenta Maiona</title>
    <meta name="description" content="Artículo de opinión sobre logos generados por IA vs diseño profesional. Reflexión sobre criterio, impresión física y el valor del diseñador.">
    
    <!-- Preconnect & Fonts -->
    <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=Poppins:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    
    <style>
        /* ---------- VARIABLES MAIONA ---------- */
        :root {
            --verde-vital: #4fbb75;
            --maionart-gold: #EAB821;
            --negro-profundo: #0a0a0a;
            --gris-oscuro: #1a1a1a;
            --blanco: #ffffff;
            --maragsa: 'Maragsa', 'Poppins', sans-serif;
            --poppins: 'Poppins', sans-serif;
        }

        /* RESET & GLOBALES */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            background-color: var(--negro-profundo);
            font-family: var(--poppins);
            color: var(--blanco);
            line-height: 1.6;
            overflow-x: hidden;
            -webkit-font-smoothing: antialiased;
        }

        /* ---------- TIPOGRAFÍA CON INTERLETRADO AUMENTADO ---------- */
        h1, h2, h3, h4, h5, h6,
        .closing-signature, .final-cta h3, .floating-word {
            letter-spacing: 0.02em;
        }
        h1 {
            letter-spacing: 0.03em;
        }

        /* Barra de progreso superior */
        .scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 3px;
            background: rgba(79, 187, 117, 0.2);
            z-index: 1000;
            pointer-events: none;
        }
        .scroll-progress-fill {
            height: 100%;
            width: 0%;
            background: var(--verde-vital);
            transition: width 0.08s linear;
            box-shadow: 0 0 8px var(--verde-vital);
        }

        /* Layout principal con grid para sidebar */
        .article-wrapper {
            max-width: 1400px;
            margin: 0 auto;
            padding: 5rem 2rem 4rem;
            display: grid;
            grid-template-columns: 1fr 280px;
            gap: 4rem;
            position: relative;
            z-index: 2;
        }

        /* Columna de contenido */
        .content-main {
            min-width: 0;
        }

        /* Hero */
        .hero-section {
            margin-bottom: 3rem;
        }
        .article-category {
            font-family: var(--poppins);
            font-size: 0.75rem;
            letter-spacing: 0.4em;
            text-transform: uppercase;
            color: var(--verde-vital);
            margin-bottom: 1.5rem;
            display: inline-block;
        }
        h1 {
            font-family: var(--maragsa);
            font-size: clamp(2.8rem, 7vw, 5rem);
            line-height: 1.1;
            margin-bottom: 1.2rem;
            color: var(--blanco);
            text-transform: uppercase;
        }
        .hero-description {
            font-size: 1.2rem;
            color: rgba(255, 255, 255, 0.7);
            max-width: 650px;
            margin-bottom: 2rem;
        }
        .article-meta {
            display: flex;
            flex-wrap: wrap;
            gap: 0.8rem;
            font-size: 0.85rem;
            font-weight: 400;
            color: rgba(255, 255, 255, 0.5);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            padding-top: 1.5rem;
        }
        .article-meta span {
            background: rgba(255, 255, 255, 0.05);
            padding: 0.3rem 1rem;
            border-radius: 40px;
            font-size: 0.7rem;
            font-weight: 500;
        }

        /* Imágenes reales */
        .article-image {
            margin: 2.5rem 0;
            width: 100%;
            border-radius: 20px;
            overflow: hidden;
        }
        .article-image img {
            width: 100%;
            height: auto;
            display: block;
            object-fit: cover;
            border-radius: 20px;
            transition: transform 0.5s ease;
        }
        .article-image img:hover {
            transform: scale(1.02);
        }
        .img-caption {
            font-size: 0.7rem;
            text-align: center;
            color: rgba(255,255,255,0.5);
            margin-top: 0.8rem;
            letter-spacing: 0.5px;
        }

        /* Texto principal */
        .main-text p {
            font-size: 1.08rem;
            line-height: 1.7;
            margin-bottom: 1.8rem;
            color: #e0e0e0;
            font-weight: 400;
        }
        .main-text strong {
            color: var(--verde-vital);
            font-weight: 600;
        }
        /* Drop cap */
        .main-text > p:first-of-type::first-letter {
            font-family: var(--maragsa);
            font-size: 4.2rem;
            float: left;
            line-height: 0.85;
            margin-right: 0.8rem;
            margin-top: 0.15rem;
            color: var(--verde-vital);
            font-weight: 700;
        }

        h2 {
            font-family: var(--maragsa);
            font-size: clamp(1.8rem, 4vw, 2.4rem);
            margin: 2.8rem 0 1.2rem 0;
            color: var(--blanco);
            border-left: 4px solid var(--verde-vital);
            padding-left: 1.2rem;
            line-height: 1.2;
        }

        /* Cita destacada */
        .pull-quote {
            margin: 2.5rem 0 2.5rem 2rem;
            padding: 1.5rem 2rem;
            background: rgba(79, 187, 117, 0.08);
            border-left: 3px solid var(--verde-vital);
            font-size: 1.25rem;
            font-weight: 500;
            color: #ffffff;
            border-radius: 0 20px 20px 0;
            font-family: var(--poppins);
        }
        .pull-quote::before {
            content: "“";
            font-size: 2.8rem;
            line-height: 1;
            color: var(--verde-vital);
            margin-right: 0.5rem;
            vertical-align: middle;
        }

        /* Bloque de cierre */
        .article-closing {
            margin: 3rem 0 2rem;
            padding: 2rem;
            background: rgba(255, 255, 255, 0.02);
            border-radius: 28px;
            border: 1px solid rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(4px);
        }
        .article-closing p {
            font-size: 1.2rem;
            margin-bottom: 0.8rem;
        }
        .closing-signature {
            font-family: var(--maragsa);
            font-size: 1.4rem;
            color: var(--verde-vital);
            margin-top: 1rem;
        }

        /* CTA FINAL */
        .final-cta {
            margin-top: 4rem;
            text-align: center;
            padding: 3rem 2rem;
            background: rgba(79, 187, 117, 0.05);
            border-radius: 32px;
            border: 1px solid rgba(79, 187, 117, 0.2);
        }
        .final-cta h3 {
            font-family: var(--maragsa);
            font-size: 2rem;
            margin-bottom: 1rem;
        }
        .final-cta p {
            max-width: 500px;
            margin: 0 auto 2rem;
            color: rgba(255,255,255,0.7);
        }
        .maiona-glass-cta {
            display: inline-flex;
            align-items: center;
            padding: 16px 36px;
            background: rgba(255, 255, 255, 0.07);
            backdrop-filter: blur(15px);
            border-radius: 100px;
            color: white;
            text-decoration: none;
            border: 1px solid rgba(255, 255, 255, 0.1);
            font-family: var(--poppins);
            font-weight: 600;
            font-size: 0.9rem;
            letter-spacing: 0.1em;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .maiona-glass-cta:hover {
            transform: translateY(-3px);
            border-color: var(--verde-vital);
            box-shadow: 0 10px 30px rgba(79, 187, 117, 0.2);
            background: rgba(79, 187, 117, 0.1);
        }

        /* Sidebar cinético */
        .sidebar-kinetic {
            position: sticky;
            top: 120px;
            align-self: start;
        }
        .reading-card {
            background: rgba(20, 20, 20, 0.7);
            backdrop-filter: blur(12px);
            border-radius: 24px;
            padding: 1.5rem;
            border: 1px solid rgba(255, 255, 255, 0.08);
            margin-bottom: 2rem;
        }
        .progress-label {
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            color: var(--verde-vital);
            margin-bottom: 1rem;
            display: block;
        }
        .reading-bar {
            height: 2px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 2px;
            margin: 0.8rem 0;
            overflow: hidden;
        }
        .reading-fill {
            width: 0%;
            height: 100%;
            background: var(--verde-vital);
            transition: width 0.1s linear;
        }
        .current-section {
            font-size: 0.85rem;
            margin-top: 0.8rem;
            color: rgba(255, 255, 255, 0.7);
        }
        .floating-word {
            font-family: var(--maragsa);
            font-size: 1.8rem;
            font-weight: 700;
            color: var(--verde-vital);
            text-align: right;
            margin-top: 2rem;
            opacity: 0.6;
            transition: opacity 0.3s;
        }

        /* Footer */
        .article-footer {
            grid-column: 1 / -1;
            margin-top: 4rem;
            padding-top: 2rem;
            text-align: center;
            border-top: 1px solid rgba(255, 255, 255, 0.05);
            font-size: 0.7rem;
            color: rgba(255, 255, 255, 0.4);
            letter-spacing: 0.1em;
        }

        /* Botón back to top */
        .btt {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(8px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            opacity: 0;
            transform: scale(0.8);
            transition: 0.3s ease;
            z-index: 200;
            font-size: 1.4rem;
        }
        .btt.active {
            opacity: 1;
            transform: scale(1);
        }
        .btt:hover {
            background: var(--verde-vital);
            border-color: var(--verde-vital);
            color: #000;
        }

        /* Elemento flotante decorativo (cinético) */
        .floating-shape {
            position: fixed;
            bottom: 15%;
            left: 5%;
            width: 120px;
            height: 120px;
            background: radial-gradient(circle, rgba(79,187,117,0.1) 0%, rgba(0,0,0,0) 70%);
            border-radius: 50%;
            pointer-events: none;
            z-index: 1;
            filter: blur(40px);
            transition: transform 0.2s ease;
        }

        /* Responsive */
        @media (max-width: 900px) {
            .article-wrapper {
                grid-template-columns: 1fr;
                gap: 2rem;
                padding: 2rem 1.5rem;
            }
            .sidebar-kinetic {
                position: relative;
                top: 0;
                order: -1;
            }
            .floating-shape {
                display: none;
            }
            .pull-quote {
                margin-left: 0;
            }
        }
    </style>
</head>
<body>

<div class="scroll-progress">
    <div class="scroll-progress-fill"></div>
</div>

<div class="floating-shape" id="floatingShape"></div>

<main class="article-wrapper">
    <div class="content-main">
        <div class="hero-section">
            <div class="article-category">OPINIÓN · DISEÑO & ESTRATEGIA</div>
            <h1>Tu logo "gratis" de IA te va a costar una fortuna en la imprenta (y te explico por qué)</h1>
            <div class="hero-description">
                Una reflexión sobre la velocidad sin criterio, logos hechos con ia, la importancia del mundo físico y el valor del diseño profesional.
            </div>
            <div class="article-meta">
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/270d.png" alt="✍" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Análisis</span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5a8.png" alt="🖨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Impresión física vs. digital</span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cc.png" alt="📌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> 6 min de lectura</span>
            </div>
        </div>

        <div class="main-text">
            <p>Hay una enfermedad visual propagándose por internet y los despachos de medio mundo. Sus síntomas son inconfundibles: marcas que confunden velocidad con estrategia, facilidad con calidad, y un prompt bien escrito con identidad corporativa.</p>
            <p>La patología es simple: creer que un logo generado con IA equivale a tener diseño. Es una imagen rápida que funciona cinco minutos en pantalla y colapsa en cuanto sale al mundo físico. El contagio es masivo porque la IA ha convertido algo complejo en algo ridículamente fácil.</p>

            <h2>La ilusión de lo instantáneo</h2>
            <p>Antes, encargar un logo implicaba proceso: hablar con un diseñador, definir objetivos, revisar referencias, afinar propuestas. Llegar a una solución que funcionara en cualquier contexto.</p>
            <p>Ahora, ese proceso se ha colapsado a treinta segundos. Y con él, ha desaparecido el criterio estratégico: qué debe comunicar esa marca, cómo debe diferenciarse, dónde debe vivir.</p>
            <p>Un logo de IA puede parecer profesional en RGB. Pero cuando llega a imprenta, empieza la prueba de realidad.</p>

            <!-- Imagen 1: Logo IA en pantalla -->
            <div class="article-image img-reveal">
                <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2026/03/Logos-hechos-con-ia-imprenta-maiona_1.jpg?w=950&#038;ssl=1" 
                     alt="Diseño de logo generado por IA en pantalla de ordenador"
                     loading="lazy">
                <div class="img-caption">Lo que ves en pantalla no es lo que obtienes en papel.</div>
            </div>

            <h2>La prueba de fuego: el mundo físico</h2>
            <p>Cuando un logo pasa de RGB a CMYK, los colores cambian. El degradado se pixela. Las líneas finas desaparecen. La tipografía pierde legibilidad. Lo que funcionaba en Instagram falla en tarjetas, packaging, vinilos y bordados.</p>
            <p>Un logo profesional no es una imagen: es un sistema. Debe funcionar en un sello de 2 cm y en una valla de 6 metros. En papel, tela, plástico, metal. Con uno, dos o cuatro colores.</p>
            <p>Eso requiere conocimiento técnico que ninguna IA domina: cómo se comportan las tintas, qué grosor mínimo necesita un trazo en serigrafía, qué tipografías mantienen legibilidad en cuerpos pequeños, cómo reproducir color en distintos sustratos.</p>

            <div class="pull-quote">
                Un logo profesional no es una imagen: es un sistema. Debe funcionar en un sello de 2 cm y en una valla de 6 metros.
            </div>

            <!-- Imagen 2: Impresión defectuosa -->
            <div class="article-image img-reveal">
                <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2026/03/Logos-hechos-con-ia-imprenta-maiona_2.jpg?w=950&#038;ssl=1" 
                     alt="Error de impresión CMYK, colores apagados y líneas rotas"
                     loading="lazy">
                <div class="img-caption">El mundo físico no perdona los errores técnicos.</div>
            </div>

            <h2>El coste real</h2>
            <p>Muchas marcas descubren el problema tarde. Las primeras 500 tarjetas no se leen. El packaging sale con colores apagados. El impresor dice que el archivo "no sirve", que hay que rehacerlo todo.</p>
            <p>El ahorro inicial se convierte en sobrecostes: más tiempo, más correcciones, más frustración.</p>
            <p>Pero hay algo peor: el coste reputacional. Una tarjeta ilegible o un packaging mal impreso comunican. Dicen "aquí no hay criterio". El cliente integra la experiencia completa y decide en consecuencia.</p>

            <h2>La homogeneización</h2>
            <p>Los logos de IA tienen un aire de familia inconfundible: limpios, simétricos, correctos. Pero sin personalidad. Cuando una empresa decide "que el logo lo haga la IA", renuncia a pensar en su competencia, su público, su diferenciación.</p>
            <p>En digital, esa homogeneización puede pasar desapercibida. En físico es letal. Cuando compites en una feria o una estantería entre decenas de estímulos simultáneos, si no destacas, no existes.</p>

            <h2>La devaluación del diseñador</h2>
            <p>La IA está devaluando la percepción del trabajo del diseñador. Si cualquiera genera "algo parecido" en segundos, se asume que pensar y construir identidad no vale tanto. Los presupuestos se recortan. Los clientes preguntan "¿por qué me cobras tanto si la IA me lo hace gratis?"</p>
            <p>Un diseñador no vende archivos. Vende criterio. Años de experiencia destilados en decisiones que parecen simples: por qué este azul, por qué esta tipografía, por qué este espaciado. Vende anticipar problemas: que ese color no se reproduce en digital, que esa tipografía no tiene licencia comercial, que ese formato no sirve para bordado.</p>
            <p>Cuando la IA genera logos "suficientemente buenos" para digital, esa expertise se vuelve invisible. Y lo invisible no se valora. Hasta que falla.</p>

            <div class="pull-quote">
                El diseñador no vende archivos. Vende criterio. Años de experiencia destilados en decisiones que parecen simples.
            </div>

            <!-- Imagen 3: Diseñador trabajando -->
            <div class="article-image img-reveal">
                <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2026/03/Logos-hechos-con-ia-imprenta-maiona_3.jpg?w=950&#038;ssl=1" 
                     alt="Diseñador gráfico profesional trabajando en identidad visual"
                     loading="lazy">
                <div class="img-caption">El valor del diseño está en lo que no se ve a simple vista.</div>
            </div>

            <h2>Pensar que basta</h2>
            <p>La IA puede ser útil como herramienta de exploración. El problema no es que existan logos hechos con IA. Es creer que eso basta.</p>
            <p>Un logo no es una imagen bonita para Instagram. Es una pieza estratégica que debe funcionar en todos los soportes: reconocible al instante, memorable sin esfuerzo, escalable sin pérdida, reproducible sin sorpresas.</p>
            <p>Debe ser inevitable. No "generado", sino pensado. Y debe funcionar fuera de la pantalla, donde lo decorativo se distingue de lo estratégico.</p>

            <h2>La cura</h2>
            <p>La cura no es rechazar la tecnología. Es recuperar el criterio. Entender que la IA es herramienta, no sustituto. Que la velocidad sin estrategia es desperdicio. Que lo barato sale caro.</p>
            <p>Las marcas serias deben comprender que el diseño no es cosmética. Es infraestructura. Si esa base es débil, todo se tambalea.</p>
            <p>Y los diseñadores deben defender su valor: explicar qué aportan que una máquina no puede. Contexto, matiz, intuición, experiencia.</p>

            <div class="article-closing">
                <p><strong>Porque una marca no vive en un archivo digital.</strong> Vive cuando se materializa: cuando se imprime, se toca, compite. Cuando deja de ser imagen y se convierte en presencia.</p>
                <p></p>
                <div class="closing-signature">Y eso no se improvisa. Se diseña</div>
            </div>

            <div class="final-cta">
                <h3>¿Tu marca necesita diseño con fundamento?</h3>
                <p>No dejes que un prompt decida por ti. Trabajamos con profesionales que entienden el mundo físico, la tinta y el papel.</p>
                <a href="#" class="maiona-glass-cta" aria-label="Contactar con Imprenta Maiona">
                    <span>HABLEMOS DE TU PROYECTO</span>
                </a>
            </div>
        </div>
    </div>

    <!-- Sidebar cinético -->
    <aside class="sidebar-kinetic">
        <div class="reading-card">
            <span class="progress-label">AVANCE DE LECTURA</span>
            <div class="reading-bar">
                <div class="reading-fill" id="readingFill"></div>
            </div>
            <div class="current-section" id="currentSection">
                <span id="sectionName">Inicio</span>
            </div>
            <div class="floating-word" id="floatingWord">CRITERIO</div>
        </div>
    </aside>
</main>

<button class="btt" id="backToTop" aria-label="Volver arriba">↑</button>

<!-- GSAP y ScrollTrigger -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>

<script>
    document.addEventListener('DOMContentLoaded', () => {
        // Barra de progreso superior
        const progressFill = document.querySelector('.scroll-progress-fill');
        function updateProgress() {
            const winScroll = document.documentElement.scrollTop;
            const height = document.documentElement.scrollHeight - window.innerHeight;
            const scrolled = (winScroll / height) * 100;
            if (progressFill) progressFill.style.width = scrolled + '%';
        }
        window.addEventListener('scroll', updateProgress);
        updateProgress();

        // GSAP Animaciones
        gsap.registerPlugin(ScrollTrigger);
        
        // Animación de entrada para párrafos, títulos y citas
        const textElements = document.querySelectorAll('.main-text p, .main-text h2, .pull-quote, .article-closing, .final-cta');
        textElements.forEach(el => {
            gsap.fromTo(el, 
                { autoAlpha: 0, y: 30 },
                {
                    autoAlpha: 1, y: 0,
                    duration: 0.8,
                    ease: "power2.out",
                    scrollTrigger: {
                        trigger: el,
                        start: "top 85%",
                        toggleActions: "play none none none"
                    }
                }
            );
        });

        // Animación de imágenes con escala y fade (efecto de revelado)
        const images = document.querySelectorAll('.img-reveal');
        images.forEach(img => {
            gsap.fromTo(img, 
                { autoAlpha: 0, scale: 0.95 },
                {
                    autoAlpha: 1, scale: 1,
                    duration: 0.9,
                    ease: "back.out(0.4)",
                    scrollTrigger: {
                        trigger: img,
                        start: "top 80%",
                        toggleActions: "play none none none"
                    }
                }
            );
        });

        // Efecto de parallax en la forma flotante (sigue al scroll)
        const floatingShape = document.getElementById('floatingShape');
        if (floatingShape) {
            gsap.to(floatingShape, {
                y: 150,
                scrollTrigger: {
                    trigger: "body",
                    start: "top top",
                    end: "bottom bottom",
                    scrub: 1,
                    invalidateOnRefresh: true
                },
                ease: "none"
            });
        }

        // Sidebar cinético: seguimiento de secciones
        const sections = [
            { id: "la-ilusion-de-lo-instantaneo", name: "Ilusión de lo instantáneo", word: "VELOCIDAD" },
            { id: "la-prueba-de-fuego-el-mundo-fisico", name: "Mundo físico", word: "PRUEBA" },
            { id: "el-coste-real", name: "Coste real", word: "REPUTACIÓN" },
            { id: "la-homogeneizacion", name: "Homogeneización", word: "IDENTIDAD" },
            { id: "la-devaluacion-del-disenador", name: "Devaluación", word: "CRITERIO" },
            { id: "pensar-que-basta", name: "Pensar que basta", word: "ESTRATEGIA" },
            { id: "la-cura", name: "La cura", word: "OFICIO" }
        ];
        
        // Asignar IDs a los h2 que no los tengan (para detección)
        const h2Elements = document.querySelectorAll('.main-text h2');
        h2Elements.forEach((h2, idx) => {
            if (!h2.id && sections[idx]) {
                h2.id = sections[idx].id;
            }
        });

        const readingFill = document.getElementById('readingFill');
        const sectionNameSpan = document.getElementById('sectionName');
        const floatingWordEl = document.getElementById('floatingWord');
        
        function updateReadingSidebar() {
            const scrollTop = window.pageYOffset;
            const docHeight = document.documentElement.scrollHeight - window.innerHeight;
            const progress = (scrollTop / docHeight) * 100;
            if (readingFill) readingFill.style.width = `${progress}%`;
            
            // Detectar sección activa
            let activeSection = null;
            for (let sec of sections) {
                const element = document.getElementById(sec.id);
                if (element) {
                    const rect = element.getBoundingClientRect();
                    if (rect.top <= window.innerHeight * 0.4 && rect.bottom >= window.innerHeight * 0.2) {
                        activeSection = sec;
                        break;
                    }
                }
            }
            if (activeSection) {
                sectionNameSpan.innerText = activeSection.name;
                if (floatingWordEl.innerText !== activeSection.word) {
                    gsap.to(floatingWordEl, { duration: 0.2, opacity: 0, onComplete: () => {
                        floatingWordEl.innerText = activeSection.word;
                        gsap.to(floatingWordEl, { duration: 0.3, opacity: 0.6 });
                    }});
                }
            } else {
                if (window.scrollY < 100) {
                    sectionNameSpan.innerText = "Inicio";
                    if (floatingWordEl.innerText !== "CRITERIO") {
                        gsap.to(floatingWordEl, { duration: 0.2, opacity: 0, onComplete: () => {
                            floatingWordEl.innerText = "CRITERIO";
                            gsap.to(floatingWordEl, { duration: 0.3, opacity: 0.6 });
                        }});
                    }
                }
            }
        }
        
        window.addEventListener('scroll', updateReadingSidebar);
        updateReadingSidebar();

        // Efecto de movimiento sutil en imágenes al hacer scroll (parallax)
        images.forEach(img => {
            gsap.to(img, {
                scrollTrigger: {
                    trigger: img,
                    start: "top bottom",
                    end: "bottom top",
                    scrub: 0.5,
                },
                y: -15,
                ease: "none"
            });
        });

        // Botón back to top
        const btt = document.getElementById('backToTop');
        window.addEventListener('scroll', () => {
            if (window.scrollY > 600) btt.classList.add('active');
            else btt.classList.remove('active');
        });
        btt.addEventListener('click', () => {
            window.scrollTo({ top: 0, behavior: 'smooth' });
        });
    });
</script>

<!-- Fuente Maragsa (con fallback) -->
<style>
    @font-face {
        font-family: 'Maragsa';
        src: url('https://imprentamaiona.es/wp-content/themes/maiona/fonts/Maragsa.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }
    h1, h2, .closing-signature, .final-cta h3, .floating-word {
        font-family: var(--maragsa), 'Poppins', sans-serif;
    }
</style>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://imprentamaiona.es/logo-ia/">Tu logo «gratis» de IA te va a costar una fortuna en la imprenta (y te explico por qué)</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">59496</post-id>	</item>
		<item>
		<title>Guía Maestra: Cómo Preparar un PDF para Imprenta sin Errores</title>
		<link>https://imprentamaiona.es/guia-preparar-pdf-impresion/</link>
		
		<dc:creator><![CDATA[Adrian Pinilla &#124; Diseño gráfico y preimpresión]]></dc:creator>
		<pubDate>Tue, 24 Mar 2026 09:25:29 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://imprentamaiona.es/?p=59394</guid>

					<description><![CDATA[<p>En el mundo de las artes gráficas, la transición de un diseño digital a un producto impreso de alta calidad no es un simple cambio de soporte, sino un complejo proceso de traducción técnica. En Imprenta Maiona, con 80 años de historia respaldándonos, sabemos que un archivo bien preparado es la diferencia entre un resultado mediocre y uno impecable.</p>
<p>La entrada <a href="https://imprentamaiona.es/guia-preparar-pdf-impresion/">Guía Maestra: Cómo Preparar un PDF para Imprenta sin Errores</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="59394" class="elementor elementor-59394">
				<div class="elementor-element elementor-element-2a85f14 e-con-full e-flex e-con e-parent" data-id="2a85f14" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-81acbc1 elementor-widget elementor-widget-html" data-id="81acbc1" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Guía Maestra: Cómo Preparar un PDF para Imprenta | Imprenta Maiona</title>
<meta name="description" content="Guía completa y clara sobre cómo preparar archivos PDF para imprenta profesional: CMYK, resolución, sangrado, tipografías, negro, PDF/X y acabados. 80 años de experiencia en Imprenta Maiona.">

<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=Poppins:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">

<meta name="theme-color" content="#262626">
<meta name="author" content="Imprenta Maiona">
<meta property="og:title" content="Guía Maestra: Cómo Preparar un PDF para Imprenta">
<meta property="og:description" content="Guía completa y clara sobre preparación de archivos para imprenta profesional.">
<meta property="og:type" content="article">

<style>
/* ============================================
   CUSTOM FONT
   ============================================ */
@font-face {
  font-family: 'Maragsa';
  src:
    url('https://imprentamaiona.es/wp-content/uploads/useanyfont/9332Maragsa.woff2') format('woff2'),
    url('https://imprentamaiona.es/wp-content/uploads/useanyfont/9332Maragsa.woff') format('woff');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}

/* ============================================
   CSS VARIABLES
   ============================================ */
:root {
  --bg:    #262626;
  --bg2:   #1c1c1c;
  --bg3:   #111;
  --fg:    #F2F0E9;
  --fg2:   rgba(242,240,233,.72);
  --fg3:   rgba(242,240,233,.45);
  --green: #00BE74;
  --teal:  #003A35;
  --cloud: #F2F0E9;
  --bo:    rgba(242,240,233,.08);
  
  --maragsa: 'Maragsa', serif;
  --poppins: 'Poppins', sans-serif;
  --p: clamp(2rem, 6vw, 6rem);
  
  --ease-smooth: cubic-bezier(.16,1,.3,1);
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
}

*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  background: var(--bg);
  color: var(--fg);
  font-family: var(--poppins);
  font-weight: 300;
  font-size: 17px;
  line-height: 1.75;
  overflow-x: hidden;
}

img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

a {
  color: inherit;
  text-decoration: none;
}

#grain {
  position: fixed;
  inset: -100%;
  width: 300%;
  height: 300%;
  z-index: 9000;
  pointer-events: none;
  opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: gr .12s steps(1) infinite;
  will-change: transform;
}

@keyframes gr {
  0% { transform: translate(0,0) }
  33% { transform: translate(-3%,-4%) }
  66% { transform: translate(4%,2%) }
  100% { transform: translate(-2%,5%) }
}

.label {
  font-size: .68rem;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: var(--green);
  margin-bottom: 2rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.label::before {
  content: '';
  width: 24px;
  height: 1px;
  background: var(--green);
  flex-shrink: 0;
}

.div {
  height: 1px;
  background: var(--bo);
}

.rv {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity .85s var(--ease-smooth), transform .85s var(--ease-smooth);
  will-change: opacity, transform;
}

.rv.d1 { transition-delay: .1s }
.rv.d2 { transition-delay: .2s }
.rv.d3 { transition-delay: .3s }
.rv.d4 { transition-delay: .4s }

.rv.in {
  opacity: 1;
  transform: translateY(0);
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  border: 1px solid var(--green);
  color: var(--green);
  padding: .9rem 2.2rem;
  font-family: var(--poppins);
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  transition: background .3s, color .3s, gap .4s;
}

.btn:hover {
  background: var(--green);
  color: var(--bg);
  gap: 1.6rem;
}

.btn-lg {
  padding: 1.1rem 2.8rem;
  font-size: .78rem;
}

.hero {
  height: 100vh;
  min-height: 680px;
  display: grid;
  grid-template-rows: 1fr auto;
  position: relative;
  overflow: hidden;
}

.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-bg img {
  filter: brightness(.45) saturate(.75);
  will-change: transform;
}

.hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 30%, var(--bg) 100%);
}

.hero-body {
  position: relative;
  z-index: 2;
  align-self: end;
  padding: 0 var(--p) 0;
}

.hero-h1 {
  font-family: var(--maragsa);
  font-size: clamp(4rem, 10vw, 13rem);
  line-height: .88;
  letter-spacing: -.01em;
  margin-bottom: 3rem;
}

.hero-h1 em {
  color: var(--green);
  font-style: italic;
}

.hero-foot {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  padding: 2.5rem var(--p) 7vh;
  border-top: 1px solid var(--bo);
}

.hero-desc {
  font-size: 1.1rem;
  line-height: 1.8;
  color: var(--fg2);
}

.hero-tags {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  align-items: flex-end;
  justify-content: center;
}

.tag {
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  border: 1px solid var(--bo);
  padding: .35rem 1rem;
  color: var(--fg3);
  display: inline-block;
}

.tag.g {
  border-color: rgba(0,190,116,.4);
  color: var(--green);
}

.intro-sec {
  padding: 16vh var(--p);
}

.intro-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 6rem;
}

.intro-aside {
  font-size: .7rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--fg3);
}

.intro-h {
  font-family: var(--maragsa);
  font-size: clamp(2.5rem, 5.5vw, 7rem);
  line-height: .92;
  max-width: 1000px;
  margin-bottom: 5rem;
}

.intro-h em {
  color: var(--green);
  font-style: italic;
}

.intro-body {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6rem;
}

.intro-p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: var(--fg2);
  margin-bottom: 1.5rem;
}

.intro-quote {
  padding: 2rem 2rem 2rem 2.5rem;
  border-left: 2px solid var(--green);
  background: rgba(0,190,116,.04);
}

.intro-quote p {
  font-size: 1.15rem;
  line-height: 1.7;
  color: var(--fg);
  font-style: italic;
}

.intro-quote cite {
  display: block;
  font-size: .68rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--green);
  margin-top: 1.2rem;
  font-style: normal;
}

.chapter-sec {
  padding: 12vh var(--p);
  background: var(--bg2);
  position: relative;
}

.chapter-header {
  margin-bottom: 5rem;
}

.chapter-header h2 {
  font-family: var(--maragsa);
  font-size: clamp(2.5rem, 5vw, 6rem);
  line-height: .9;
  margin-bottom: 1.5rem;
}

.chapter-header h2 em {
  color: var(--green);
  font-style: italic;
}

.chapter-header p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: var(--fg2);
  max-width: 680px;
}

.tech-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
}

.tech-card {
  background: var(--bg3);
  border: 1px solid var(--bo);
  padding: 3rem;
  position: relative;
  overflow: hidden;
  transition: border-color .4s, transform .55s var(--ease-smooth);
}

.tech-card:hover {
  border-color: rgba(0,190,116,.3);
  transform: translateY(-4px);
}

.tech-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--green);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .6s var(--ease-smooth);
}

.tech-card:hover::before {
  transform: scaleX(1);
}

.tech-num {
  font-size: .6rem;
  letter-spacing: .28em;
  color: var(--green);
  margin-bottom: 1.5rem;
}

.tech-h {
  font-family: var(--maragsa);
  font-size: clamp(2rem, 3vw, 3.5rem);
  line-height: .92;
  margin-bottom: 1.5rem;
}

.tech-h em {
  color: var(--green);
  font-style: italic;
}

.tech-p {
  font-size: .95rem;
  line-height: 1.8;
  color: var(--fg2);
  margin-bottom: 1.5rem;
}

.tech-list {
  list-style: none;
  margin-top: 1.5rem;
}

.tech-list li {
  padding: .9rem 0;
  border-bottom: 1px solid var(--bo);
  font-size: .88rem;
  line-height: 1.65;
  color: var(--fg2);
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  transition: color .3s, padding-left .3s;
}

.tech-list li:first-child {
  border-top: 1px solid var(--bo);
}

.tech-list li:hover {
  color: var(--fg);
  padding-left: .4rem;
}

.tech-list li::before {
  content: '';
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--green);
  flex-shrink: 0;
  margin-top: .55rem;
}

.tech-highlight {
  background: rgba(0,190,116,.08);
  border: 1px solid rgba(0,190,116,.2);
  padding: 1.5rem 2rem;
  margin-top: 1.5rem;
  font-size: .88rem;
  line-height: 1.7;
  color: var(--fg2);
}

.tech-highlight strong {
  color: var(--green);
  font-weight: 400;
}

/* SVG mejorado */
.svg-icon {
  width: 100%;
  max-width: 280px;
  height: auto;
  margin: 2rem auto 0;
  display: block;
  transition: transform .6s var(--ease-smooth), opacity .4s;
}

.tech-card:hover .svg-icon {
  transform: translateY(-8px) scale(1.02);
}

.visual-example {
  margin: 2rem 0;
  border: 1px solid var(--bo);
  overflow: hidden;
  aspect-ratio: 16/10;
  position: relative;
}

.visual-example img {
  transition: transform 5s var(--ease-smooth);
  will-change: transform;
}

.visual-example:hover img {
  transform: scale(1.05);
}

.example-badge {
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  background: rgba(17,17,17,.9);
  backdrop-filter: blur(10px);
  border: 1px solid var(--bo);
  padding: .5rem 1rem;
  font-size: .6rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--fg3);
  z-index: 2;
}

.checklist-sec {
  padding: 14vh var(--p);
  background: var(--teal);
  color: var(--fg);
}

.checklist-header {
  margin-bottom: 4rem;
  text-align: center;
}

.checklist-header h2 {
  font-family: var(--maragsa);
  font-size: clamp(3rem, 6vw, 8rem);
  line-height: .9;
  margin-bottom: 1.5rem;
}

.checklist-header h2 em {
  color: var(--cloud);
  font-style: italic;
}

.checklist-header p {
  font-size: 1.05rem;
  line-height: 1.85;
  color: rgba(242,240,233,.75);
  max-width: 680px;
  margin: 0 auto;
}

.checklist-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
}

.check-item {
  background: rgba(242,240,233,.08);
  border: 1px solid rgba(242,240,233,.15);
  padding: 1.5rem 2rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  transition: background .3s, transform .3s;
}

.check-item:hover {
  background: rgba(242,240,233,.12);
  transform: translateX(4px);
}

.check-box {
  width: 24px;
  height: 24px;
  border: 2px solid rgba(242,240,233,.4);
  flex-shrink: 0;
  position: relative;
  margin-top: .2rem;
}

.check-box::after {
  content: '✓';
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--cloud);
  font-size: 1rem;
  font-weight: 500;
  opacity: 0;
  transition: opacity .3s;
}

.check-item:hover .check-box::after {
  opacity: 1;
}

.check-text {
  font-size: .92rem;
  line-height: 1.65;
  color: rgba(242,240,233,.85);
}

.cta-sec {
  padding: 18vh var(--p);
  text-align: center;
  position: relative;
  overflow: hidden;
  background: var(--bg2);
}

.cta-glow {
  position: absolute;
  width: 1000px;
  height: 1000px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,190,116,.08) 0%, transparent 70%);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
  animation: ctag 9s ease-in-out infinite;
  will-change: transform;
}

@keyframes ctag {
  0%, 100% { transform: translate(-50%,-50%) scale(1) }
  50% { transform: translate(-50%,-50%) scale(1.2) }
}

.cta-inner {
  position: relative;
  z-index: 2;
}

.cta-h {
  font-family: var(--maragsa);
  font-size: clamp(3.5rem, 8vw, 11rem);
  line-height: .88;
  margin-bottom: 3rem;
}

.cta-h em {
  color: var(--green);
  font-style: italic;
}

.cta-p {
  max-width: 640px;
  margin: 0 auto 2rem;
  font-size: 1.1rem;
  line-height: 1.9;
  color: var(--fg2);
}

.cta-stats {
  display: flex;
  justify-content: center;
  gap: 4rem;
  margin: 4rem 0;
}

.cta-stat {
  text-align: center;
}

.cta-stat-n {
  font-family: var(--maragsa);
  font-size: clamp(3rem, 5vw, 6rem);
  line-height: 1;
  color: var(--green);
  margin-bottom: .5rem;
}

.cta-stat-l {
  font-size: .78rem;
  color: var(--fg2);
  line-height: 1.5;
}

footer {
  background: var(--bg3);
  border-top: 1px solid var(--bo);
  padding: 10vh var(--p) 4vh;
}

.ft-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 6vw;
  padding-bottom: 6vh;
  border-bottom: 1px solid var(--bo);
  margin-bottom: 3rem;
}

.ft-logo {
  font-family: var(--maragsa);
  font-size: clamp(4rem, 8vw, 10rem);
  line-height: .85;
  margin-bottom: 2.5rem;
}

.ft-logo em {
  color: var(--green);
  font-style: italic;
}

.ft-desc {
  font-size: 1rem;
  line-height: 1.85;
  color: var(--fg2);
  max-width: 380px;
}

.ft-links {
  list-style: none;
}

.ft-links li {
  border-bottom: 1px solid var(--bo);
}

.ft-links a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.3rem 0;
  font-family: var(--maragsa);
  font-size: clamp(1.5rem, 3vw, 3rem);
  transition: color .3s, padding-left .4s;
}

.ft-links a:hover {
  color: var(--green);
  padding-left: .8rem;
}

.ft-links a span {
  transition: transform .3s;
}

.ft-links a:hover span {
  transform: translateX(5px);
}

.ft-bot {
  display: flex;
  justify-content: space-between;
  font-size: .65rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--fg3);
}

@media (max-width: 1100px) {
  .tech-grid {
    grid-template-columns: 1fr;
  }
  
  .intro-body {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  
  .cta-stats {
    flex-direction: column;
    gap: 2rem;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 16px;
  }
  
  .hero-foot {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  
  .ft-grid {
    grid-template-columns: 1fr;
  }
  
  .checklist-grid {
    grid-template-columns: 1fr;
  }
  
  .tech-card {
    padding: 2rem;
  }
  
  .svg-icon {
    max-width: 220px;
  }
  
  .intro-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}

@media (max-width: 480px) {
  :root {
    --p: 1.5rem;
  }
  
  body {
    font-size: 15px;
  }
  
  .hero {
    min-height: 600px;
  }
  
  .tech-card {
    padding: 1.5rem;
  }
  
  .cta-stats {
    gap: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  #grain {
    animation: none;
  }
}

:focus-visible {
  outline: 2px solid var(--green);
  outline-offset: 4px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
</style>
</head>
<body>

<div id="grain" aria-hidden="true"></div>

<!-- HERO -->
<section class="hero" aria-labelledby="hero-title">
  <div class="hero-bg" aria-hidden="true">
    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2026/03/cmyk-calibration-element-set-imprenta-maiona.jpg?w=950&#038;ssl=1" alt="" loading="eager">
  </div>
  <div class="hero-body">
    <h1 id="hero-title" class="hero-h1">
      Guía <em>Maestra:</em><br>
      Cómo Preparar un PDF<br>
      para Imprenta sin Errores
    </h1>
  </div>
  <div class="hero-foot">
    <p class="hero-desc rv">Del monitor al papel: los secretos técnicos para que tus diseños impresos no sean un desastre. En Imprenta Maiona, con 80 años de historia, sabemos que la transición del diseño digital al soporte físico es una traducción técnica compleja. Este artículo te explicará paso a paso los puntos críticos que definen la excelencia en artes gráficas profesionales, con un lenguaje claro y ejemplos que facilitan su comprensión.</p>
    <div class="hero-tags rv d1" role="list">
      <div class="tag g" role="listitem">80 años de experiencia</div>
      <div class="tag" role="listitem">CMYK profesional</div>
      <div class="tag" role="listitem">Resolución perfecta</div>
      <div class="tag" role="listitem">Sin errores</div>
    </div>
  </div>
</section>

<!-- INTRO -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="intro-sec" aria-labelledby="intro-title">
  <div class="intro-header rv">
    <div class="label">Guía Técnica / 2026</div>
    <div class="intro-aside">Imprenta Maiona</div>
  </div>
  <h2 id="intro-title" class="intro-h rv">
    Del Monitor al Papel:<br>
    Los Secretos Técnicos para que tus Diseños Impresos<br>
    no sean un Desastre
  </h2>
  <div class="intro-body rv d1">
    <div>
      <p class="intro-p">No existe nada más frustrante para un creativo que recibir la tirada final y descubrir que aquel diseño vibrante, lleno de vida y matices en la pantalla, se ha transformado en un producto físico apagado o con errores estructurales. Como consultores de producción gráfica, sabemos que la transición del entorno digital al soporte físico no es un mero cambio de formato; es una traducción técnica compleja en la que convergen la química de los pigmentos, la óptica de los sustratos y la mecánica de precisión.</p>
      <p class="intro-p">Cruzar este abismo con éxito requiere dejar de ser un simple "creador de imágenes" para convertirse en un gestor de activos técnicos. A continuación, desvelamos los puntos críticos que definen la excelencia en las artes gráficas profesionales, con un lenguaje claro y ejemplos que facilitan su comprensión.</p>
    </div>
    <blockquote class="intro-quote">
      <p>"Un archivo bien preparado es la diferencia entre un resultado mediocre y uno impecable."</p>
      <cite>— Imprenta Maiona, 2026</cite>
    </blockquote>
  </div>
</section>

<!-- CAPÍTULO 1: COLOR -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="chapter-sec" aria-labelledby="cap1-title">
  <div class="chapter-header rv">
    <div class="label">01 / El Modo de Color</div>
    <h2 id="cap1-title">CMYK vs. <em>RGB</em></h2>
    <p>Uno de los errores más frecuentes es enviar archivos en RGB. Mientras que las pantallas utilizan luz roja, verde y azul (RGB), la impresión profesional se basa en tintas físicas cian, magenta, amarillo y negro (CMYK).</p>
  </div>
  <div class="tech-grid">
    <article class="tech-card rv d1">
      <div class="tech-num" aria-label="Punto uno A">01-A / Por qué importa</div>
      <h3 class="tech-h">El espacio <em>RGB</em></h3>
      <p class="tech-p">Los colores RGB pueden ser muy brillantes o incluso neones, pero las tintas físicas no pueden reproducirlos tal cual. Si no conviertes tu archivo a CMYK, los colores se verán apagados o distintos en la impresión.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Espacio RGB - Luz aditiva</title>
        <defs><radialGradient id="rGrad" cx="30%" cy="30%"><stop offset="0%" stop-color="#FF5555"/><stop offset="100%" stop-color="#AA0000"/></radialGradient><radialGradient id="gGrad" cx="70%" cy="30%"><stop offset="0%" stop-color="#55FF55"/><stop offset="100%" stop-color="#00AA00"/></radialGradient><radialGradient id="bGrad" cx="50%" cy="70%"><stop offset="0%" stop-color="#5555FF"/><stop offset="100%" stop-color="#0000AA"/></radialGradient></defs>
        <circle cx="130" cy="140" r="90" fill="url(#rGrad)" opacity=".9"/>
        <circle cx="270" cy="140" r="90" fill="url(#gGrad)" opacity=".9"/>
        <circle cx="200" cy="260" r="90" fill="url(#bGrad)" opacity=".9"/>
        <circle cx="200" cy="185" r="50" fill="white" opacity=".95"/>
        <text x="130" y="110" text-anchor="middle" fill="#FF8888" font-size="36" font-weight="700">R</text>
        <text x="270" y="110" text-anchor="middle" fill="#88FF88" font-size="36" font-weight="700">G</text>
        <text x="200" y="330" text-anchor="middle" fill="#8888FF" font-size="36" font-weight="700">B</text>
        <text x="200" y="380" text-anchor="middle" fill="#F2F0E9" font-size="18">RGB · Luz Aditiva</text>
      </svg>
      
      <div class="tech-highlight">
        <strong>Resultado:</strong> Si no conviertes tu archivo, los colores pueden salir apagados o distorsionados en la impresión final.
      </div>
    </article>
    
    <article class="tech-card rv d2">
      <div class="tech-num" aria-label="Punto uno B">01-B / Cómo solucionarlo</div>
      <h3 class="tech-h">Trabaja en <em>CMYK</em></h3>
      <p class="tech-p">Diseña siempre en CMYK desde el inicio. Usa perfiles ICC estándar para cada tipo de papel: Coated FOGRA39 (papel estucado clásico) o Fogra 51 (PSO Coated v3) para flujos de trabajo actuales.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>CMYK - Tinta sustractiva</title>
        <defs><radialGradient id="cGrad"><stop offset="0%" stop-color="#00FFFF"/><stop offset="100%" stop-color="#008888"/></radialGradient><radialGradient id="mGrad"><stop offset="0%" stop-color="#FF00FF"/><stop offset="100%" stop-color="#880088"/></radialGradient><radialGradient id="yGrad"><stop offset="0%" stop-color="#FFFF00"/><stop offset="100%" stop-color="#888800"/></radialGradient></defs>
        <circle cx="130" cy="140" r="80" fill="url(#cGrad)" opacity=".9"/>
        <circle cx="270" cy="140" r="80" fill="url(#mGrad)" opacity=".9"/>
        <circle cx="130" cy="260" r="80" fill="url(#yGrad)" opacity=".9"/>
        <circle cx="270" cy="260" r="80" fill="#111" stroke="#AAA" stroke-width="3"/>
        <circle cx="200" cy="200" r="50" fill="#111"/>
        <text x="130" y="115" text-anchor="middle" fill="#00FFFF" font-size="32" font-weight="700">C</text>
        <text x="270" y="115" text-anchor="middle" fill="#FF00FF" font-size="32" font-weight="700">M</text>
        <text x="130" y="315" text-anchor="middle" fill="#FFFF00" font-size="32" font-weight="700">Y</text>
        <text x="270" y="315" text-anchor="middle" fill="#F2F0E9" font-size="32" font-weight="700">K</text>
        <text x="200" y="380" text-anchor="middle" fill="#F2F0E9" font-size="18">CMYK · Tinta Sustractiva</text>
      </svg>
      
      <div class="tech-highlight">
        <strong>Tip:</strong> Antes de enviar el archivo, haz una simulación en CMYK para asegurarte de que los colores se vean como esperas.
      </div>
      
      <figure class="visual-example">
        <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2026/03/3d-cmyk-ink-drops-isolated-white-paper-background-square-wallpaper-illustration-scaled.jpg?w=950&#038;ssl=1" alt="Tintas CMYK en proceso de impresión offset" loading="lazy">
        <figcaption class="example-badge">Tintas CMYK — Proceso de impresión</figcaption>
      </figure>
    </article>
  </div>
</section>

<!-- CAPÍTULO 2: RESOLUCIÓN -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="chapter-sec" aria-labelledby="cap2-title">
  <div class="chapter-header rv">
    <div class="label">02 / Resolución de Imagen</div>
    <h2 id="cap2-title">El Secreto de la <em>Nitidez</em></h2>
    <p>Lo que se ve nítido en una pantalla no siempre se imprime bien. La claridad depende de la densidad de píxeles (dpi) y del tamaño final de impresión.</p>
  </div>
  <div class="tech-grid">
    <article class="tech-card rv d1">
      <div class="tech-num" aria-label="Punto dos A">02-A / Pequeño formato</div>
      <h3 class="tech-h">300 <em>DPI</em></h3>
      <p class="tech-p">Tarjetas, folletos, revistas: 300 dpi. Para catálogos de arte de alta gama, hasta 400 dpi si se utiliza trama estocástica para capturar detalles finos.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Alta resolución 300 DPI</title>
        <rect x="60" y="60" width="280" height="210" fill="none" stroke="#F2F0E9" stroke-width="4" rx="8"/>
        <rect x="76" y="76" width="248" height="178" fill="none" stroke="#00BE74" stroke-width="5" stroke-dasharray="8 4"/>
        <circle cx="320" cy="220" r="55" fill="#1a1a1a" stroke="#00BE74" stroke-width="4"/>
        <g transform="translate(320,220)"><rect x="-24" y="-24" width="8" height="8" fill="#00BE74"/><rect x="-12" y="-24" width="8" height="8" fill="#00BE74"/><rect x="0" y="-24" width="8" height="8" fill="#00BE74"/><rect x="-24" y="-12" width="8" height="8" fill="#00BE74"/><rect x="-12" y="-12" width="8" height="8" fill="#00BE74"/><rect x="0" y="-12" width="8" height="8" fill="#00BE74"/></g>
        <text x="200" y="340" text-anchor="middle" fill="#00BE74" font-size="56" font-weight="700">300</text>
        <text x="260" y="340" fill="#00BE74" font-size="28">DPI</text>
        <text x="200" y="385" text-anchor="middle" fill="#F2F0E9" font-size="18">ALTA RESOLUCIÓN</text>
      </svg>
      
      <ul class="tech-list">
        <li>Tarjetas de visita</li>
        <li>Folletos y dípticos</li>
        <li>Revistas y catálogos</li>
        <li>Catálogos de arte (hasta 400 DPI)</li>
      </ul>
    </article>
    
    <article class="tech-card rv d2">
      <div class="tech-num" aria-label="Punto dos B">02-B / Gran formato</div>
      <h3 class="tech-h">100-150 <em>DPI</em></h3>
      <p class="tech-p">Lonas, vallas publicitarias: 100–150 dpi, porque se ven desde lejos y el ojo humano compensa la menor densidad de píxeles.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Resolución para gran formato</title>
        <path d="M60,110 L100,90 L300,90 L340,110" fill="none" stroke="#F2F0E9" stroke-width="4"/>
        <rect x="100" y="90" width="200" height="160" fill="none" stroke="#00BE74" stroke-width="5" stroke-dasharray="12 6"/>
        <path d="M100,250 L60,270 L340,270 L300,250" fill="none" stroke="#F2F0E9" stroke-width="4"/>
        <circle cx="40" cy="300" r="15" fill="#F2F0E9"/><circle cx="360" cy="300" r="15" fill="#F2F0E9"/>
        <line x1="55" y1="305" x2="100" y2="260" stroke="#00BE74" stroke-width="3" stroke-dasharray="6"/>
        <line x1="345" y1="305" x2="300" y2="260" stroke="#00BE74" stroke-width="3" stroke-dasharray="6"/>
        <text x="200" y="360" text-anchor="middle" fill="#00BE74" font-size="52" font-weight="700">100-150</text>
        <text x="200" y="395" text-anchor="middle" fill="#F2F0E9" font-size="18">GRAN FORMATO</text>
      </svg>
      
      <div class="tech-highlight">
        <strong>Errores comunes:</strong> Aumentar artificialmente la resolución de una imagen pequeña. Esto no agrega detalles y provoca pixelación o borrosidad.
      </div>
      
      <figure class="visual-example">
        <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2026/03/imprenta-maiona-billboard.jpeg?w=950&#038;ssl=1" alt="Valla publicitaria de gran formato en alta resolución" loading="lazy">
        <figcaption class="example-badge">Gran formato — Valla publicitaria</figcaption>
      </figure>
    </article>
  </div>
</section>

<!-- CAPÍTULO 3: SANGRADO -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="chapter-sec" aria-labelledby="cap3-title">
  <div class="chapter-header rv">
    <div class="label">03 / Sangrado y Márgenes</div>
    <h2 id="cap3-title">Sangrado y Márgenes de <em>Seguridad</em></h2>
    <p>El corte con guillotina nunca es perfecto. Para que no queden bordes blancos o textos cortados, se utilizan sangrado y margen de seguridad.</p>
  </div>
  <div class="tech-grid">
    <article class="tech-card rv d1">
      <div class="tech-num" aria-label="Punto tres A">03-A / Sangrado (Bleed)</div>
      <h3 class="tech-h">+3-5mm <em>extra</em></h3>
      <p class="tech-p">Extiende todos los fondos e imágenes 3–5 mm más allá de la línea de corte. Así, al recortar, no quedarán bordes blancos.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Área de sangrado</title>
        <rect x="60" y="80" width="280" height="220" fill="none" stroke="#00BE74" stroke-width="5" stroke-dasharray="12 8" rx="4"/>
        <rect x="90" y="110" width="220" height="160" fill="rgba(242,240,233,0.1)" stroke="#F2F0E9" stroke-width="5" rx="4"/>
        <line x1="60" y1="190" x2="90" y2="190" stroke="#00BE74" stroke-width="4" marker-end="url(#arrow)"/><text x="75" y="175" fill="#00BE74" font-size="16">3-5mm</text>
        <line x1="310" y1="190" x2="340" y2="190" stroke="#00BE74" stroke-width="4" marker-start="url(#arrowL)"/><text x="325" y="175" fill="#00BE74" font-size="16">3-5mm</text>
        <defs><marker id="arrow" markerWidth="10" markerHeight="10" refX="9" refY="5" orient="auto"><path d="M0,0 L0,10 L9,5z" fill="#00BE74"/></marker><marker id="arrowL" markerWidth="10" markerHeight="10" refX="1" refY="5" orient="auto"><path d="M9,0 L9,10 L0,5z" fill="#00BE74"/></marker></defs>
        <text x="200" y="350" text-anchor="middle" fill="#F2F0E9" font-size="18">LÍNEA DE CORTE</text>
        <text x="200" y="380" text-anchor="middle" fill="#00BE74" font-size="14">BLEED AREA</text>
      </svg>
      
      <figure class="visual-example">
        <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2026/03/man-working-printing-house-with-paper-paints-scaled.jpg?w=950&#038;ssl=1" alt="Guillotina profesional realizando corte de precisión en imprenta" loading="lazy">
        <figcaption class="example-badge">Guillotina profesional — Corte de precisión</figcaption>
      </figure>
    </article>
    
    <article class="tech-card rv d2">
      <div class="tech-num" aria-label="Punto tres B">03-B / Margen de seguridad</div>
      <h3 class="tech-h">Zona <em>segura</em></h3>
      <p class="tech-p">Deja un espacio de 3–5 mm desde el borde donde no pongas textos, logos o elementos críticos. Un diseño que respira transmite profesionalismo.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Zona segura</title>
        <rect x="70" y="100" width="260" height="180" fill="none" stroke="#F2F0E9" stroke-width="4" rx="4"/>
        <rect x="100" y="130" width="200" height="120" fill="rgba(0,190,116,0.2)" stroke="#00BE74" stroke-width="5" stroke-dasharray="10 6" rx="4"/>
        <g transform="translate(200,190)"><rect x="-50" y="-30" width="100" height="60" fill="none" stroke="#F2F0E9" stroke-width="3"/><text x="0" y="5" text-anchor="middle" fill="#F2F0E9" font-size="24">LOGO</text><line x1="-40" y1="30" x2="40" y2="30" stroke="#F2F0E9" stroke-width="3"/><line x1="-30" y1="45" x2="30" y2="45" stroke="#F2F0E9" stroke-width="3"/></g>
        <text x="200" y="350" text-anchor="middle" fill="#F2F0E9" font-size="18">ZONA SEGURA</text>
        <text x="200" y="380" text-anchor="middle" fill="#00BE74" font-size="14">Contenido crítico aquí</text>
      </svg>
    </article>
  </div>
</section>

<!-- CAPÍTULO 4: TIPOGRAFÍAS -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="chapter-sec" aria-labelledby="cap4-title">
  <div class="chapter-header rv">
    <div class="label">04 / Gestión de Tipografías</div>
    <h2 id="cap4-title">Gestión de <em>Tipografías</em></h2>
    <p>Si la imprenta no tiene instalada tu fuente, el sistema la sustituirá, arruinando tu diseño. Hay dos métodos seguros: incrustar fuentes o convertirlas a curvas.</p>
  </div>
  <div class="tech-grid">
    <article class="tech-card rv d1">
      <div class="tech-num" aria-label="Punto cuatro A">04-A / Incrustación</div>
      <h3 class="tech-h">Incrustar <em>fuentes</em></h3>
      <p class="tech-p">Recomendado para textos largos porque mantiene la legibilidad (hinting). Activa la opción de incrustar fuentes al exportar a PDF.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Fuentes incrustadas</title>
        <rect x="90" y="50" width="220" height="280" fill="none" stroke="#F2F0E9" stroke-width="5" rx="8"/>
        <text x="200" y="130" text-anchor="middle" fill="#F2F0E9" font-size="28" font-family="Poppins">ABCD</text>
        <text x="200" y="190" text-anchor="middle" fill="#F2F0E9" font-size="28" font-family="Maragsa">ABCD</text>
        <text x="200" y="250" text-anchor="middle" fill="#F2F0E9" font-size="28">Tipografía</text>
        <circle cx="320" cy="80" r="28" fill="rgba(0,190,116,0.2)" stroke="#00BE74" stroke-width="4"/><text x="320" y="86" text-anchor="middle" fill="#00BE74" font-size="24">✓</text>
        <text x="200" y="380" text-anchor="middle" fill="#F2F0E9" font-size="18">FUENTES INCRUSTADAS</text>
      </svg>
    </article>
    
    <article class="tech-card rv d2">
      <div class="tech-num" aria-label="Punto cuatro B">04-B / Convertir a curvas</div>
      <h3 class="tech-h">Convertir a <em>curvas</em></h3>
      <p class="tech-p">Ideal para logotipos y titulares. Convierte los textos en formas geométricas, evitando sustituciones. No recomendado para textos largos porque aumenta el peso del archivo y pierde el hinting.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Texto vectorizado</title>
        <path d="M140,280 L200,120 L260,280" stroke="#00BE74" stroke-width="8" fill="none" stroke-linecap="round"/>
        <line x1="165" y1="230" x2="235" y2="230" stroke="#00BE74" stroke-width="8"/>
        <circle cx="140" cy="280" r="10" fill="#F2F0E9" stroke="#00BE74" stroke-width="3"/>
        <circle cx="200" cy="120" r="10" fill="#F2F0E9" stroke="#00BE74" stroke-width="3"/>
        <circle cx="260" cy="280" r="10" fill="#F2F0E9" stroke="#00BE74" stroke-width="3"/>
        <text x="200" y="380" text-anchor="middle" fill="#F2F0E9" font-size="18">TEXTO VECTORIZADO</text>
      </svg>
      
      <figure class="visual-example">
        <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/asiescomo.com/wp-content/uploads/trazar-texto.jpg?w=950&#038;ssl=1" alt="Comparación de tipografías vectorizadas versus fuentes en diseño gráfico" loading="lazy">
        <figcaption class="example-badge">Tipografías — Vector vs Fuente</figcaption>
      </figure>
    </article>
  </div>
</section>

<!-- CAPÍTULO 5: NEGRO -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="chapter-sec" aria-labelledby="cap5-title">
  <div class="chapter-header rv">
    <div class="label">05 / El Dilema del Negro</div>
    <h2 id="cap5-title">Negro Puro vs. Negro <em>Enriquecido</em></h2>
    <p>En impresión, el negro no es simplemente “negro”. La elección correcta evita que los fondos se vean grisáceos o sucios.</p>
  </div>
  <div class="tech-grid">
    <article class="tech-card rv d1">
      <div class="tech-num" aria-label="Punto cinco A">05-A / Negro puro</div>
      <h3 class="tech-h">100% <em>K</em></h3>
      <p class="tech-p">Ideal para textos pequeños (menos de 12 pt) y líneas finas. Garantiza legibilidad y evita errores de registro en la impresión.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Negro puro 100% K</title>
        <rect x="90" y="90" width="220" height="170" fill="#111" stroke="#F2F0E9" stroke-width="4" rx="6"/>
        <text x="200" y="175" text-anchor="middle" fill="#F2F0E9" font-size="32">Texto</text>
        <text x="200" y="220" text-anchor="middle" fill="#F2F0E9" font-size="22">pequeño</text>
        <g transform="translate(50,130)"><rect x="0" y="0" width="30" height="30" fill="#111"/><text x="45" y="22" fill="#F2F0E9" font-size="14">K 100%</text></g>
        <text x="200" y="320" text-anchor="middle" fill="#F2F0E9" font-size="24">K: 100%</text>
        <text x="200" y="360" text-anchor="middle" fill="#F2F0E9" font-size="16">C 0 M 0 Y 0</text>
      </svg>
    </article>
    
    <article class="tech-card rv d2">
      <div class="tech-num" aria-label="Punto cinco B">05-B / Negro enriquecido</div>
      <h3 class="tech-h">Negro <em>profundo</em></h3>
      <p class="tech-p">Para grandes áreas o fondos. Combina K con otros colores CMY para lograr profundidad. Fórmulas comunes: Negro Frío (60C,0M,0Y,100K), Negro Neutro (30C,30M,30Y,100K), Negro Cálido (20C,70M,70Y,100K).</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Negro enriquecido</title>
        <rect x="90" y="90" width="220" height="170" fill="#050505" stroke="#F2F0E9" stroke-width="4" rx="6"/>
        <text x="200" y="185" text-anchor="middle" fill="#F2F0E9" font-size="36">FONDO</text>
        <text x="200" y="230" text-anchor="middle" fill="#00BE74" font-size="24">PROFUNDO</text>
        <g transform="translate(50,130)">
          <rect x="0" y="0" width="30" height="30" fill="#00FFFF" opacity=".5"/><text x="45" y="22" fill="#00FFFF" font-size="14">C 40%</text>
          <rect x="0" y="35" width="30" height="30" fill="#FF00FF" opacity=".5"/><text x="45" y="57" fill="#FF00FF" font-size="14">M 30%</text>
          <rect x="0" y="70" width="30" height="30" fill="#FFFF00" opacity=".5"/><text x="45" y="92" fill="#FFFF00" font-size="14">Y 30%</text>
          <rect x="0" y="105" width="30" height="30" fill="#111"/><text x="45" y="127" fill="#F2F0E9" font-size="14">K 100%</text>
        </g>
        <text x="200" y="320" text-anchor="middle" fill="#F2F0E9" font-size="24">K: 100%</text>
        <text x="200" y="360" text-anchor="middle" fill="#00BE74" font-size="16">C 40 M 30 Y 30</text>
      </svg>
      
      <div class="tech-highlight">
        <strong>Tip:</strong> Usa negro puro para textos y negro enriquecido para fondos grandes o áreas de impacto visual.
      </div>
    </article>
  </div>
</section>

<!-- CAPÍTULO 6: PDF/X -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="chapter-sec" aria-labelledby="cap6-title">
  <div class="chapter-header rv">
    <div class="label">06 / Estándar PDF/X</div>
    <h2 id="cap6-title">Elección del Estándar <em>PDF/X</em></h2>
    <p>No basta con enviar un PDF normal. Los estándares PDF/X garantizan que tu documento contenga toda la información necesaria para una reproducción fiel.</p>
  </div>
  <div class="tech-grid">
    <article class="tech-card rv d1">
      <div class="tech-num" aria-label="Punto seis A">06-A / PDF/X-1a:2001</div>
      <h3 class="tech-h">El más <em>estable</em></h3>
      <p class="tech-p">Estable y compatible con imprentas tradicionales. Obliga a aplanar transparencias y asegura que todo esté en CMYK.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>PDF/X-1a</title>
        <rect x="90" y="50" width="220" height="280" fill="none" stroke="#F2F0E9" stroke-width="5" rx="8"/>
        <text x="200" y="160" text-anchor="middle" fill="#F2F0E9" font-size="44" font-weight="800">PDF</text>
        <text x="200" y="220" text-anchor="middle" fill="#00BE74" font-size="32" font-weight="700">/X-1a</text>
        <circle cx="320" cy="80" r="28" fill="rgba(0,190,116,0.2)" stroke="#00BE74" stroke-width="4"/><text x="320" y="86" text-anchor="middle" fill="#00BE74" font-size="24">✓</text>
        <text x="200" y="380" text-anchor="middle" fill="#F2F0E9" font-size="18">MÁXIMA COMPATIBILIDAD</text>
      </svg>
    </article>
    
    <article class="tech-card rv d2">
      <div class="tech-num" aria-label="Punto seis B">06-B / PDF/X-4</div>
      <h3 class="tech-h">El <em>moderno</em></h3>
      <p class="tech-p">Moderno, permite transparencias, capas y gestión avanzada de color. Ideal si la imprenta cuenta con RIPs actualizados.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>PDF/X-4</title>
        <rect x="90" y="50" width="220" height="280" fill="none" stroke="#F2F0E9" stroke-width="5" rx="8"/>
        <text x="200" y="160" text-anchor="middle" fill="#F2F0E9" font-size="44" font-weight="800">PDF</text>
        <text x="200" y="220" text-anchor="middle" fill="#00BE74" font-size="32" font-weight="700">/X-4</text>
        <g transform="translate(140,270)"><rect x="0" y="0" width="40" height="12" fill="#00BE74" opacity=".4" rx="2"/><rect x="10" y="16" width="40" height="12" fill="#00BE74" opacity=".6" rx="2"/><rect x="20" y="32" width="40" height="12" fill="#00BE74" opacity=".8" rx="2"/></g>
        <circle cx="320" cy="80" r="28" fill="rgba(0,190,116,0.2)" stroke="#00BE74" stroke-width="4"/><text x="320" y="86" text-anchor="middle" fill="#00BE74" font-size="24">+</text>
        <text x="200" y="380" text-anchor="middle" fill="#F2F0E9" font-size="18">CON TRANSPARENCIAS</text>
      </svg>
    </article>
  </div>
</section>

<!-- CAPÍTULO 7: ACABADOS -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="chapter-sec" aria-labelledby="cap7-title">
  <div class="chapter-header rv">
    <div class="label">07 / Efectos Especiales y Acabados</div>
    <h2 id="cap7-title">Efectos Especiales y <em>Acabados</em></h2>
    <p>Si tu diseño incluye barniz selectivo (UVI), troquelado o stamping, debes indicarlo con precisión.</p>
  </div>
  <div class="tech-grid">
    <article class="tech-card rv d1">
      <div class="tech-num" aria-label="Punto siete A">07-A / Configuración</div>
      <h3 class="tech-h">Capa separada y tinta plana</h3>
      <p class="tech-p">Coloca el efecto en una capa nueva sobre el diseño base. Asigna un color de referencia claro (ej. “Barniz UVI”).</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Capas separadas para acabados</title>
        <rect x="70" y="150" width="260" height="150" fill="none" stroke="#F2F0E9" stroke-width="4" rx="6"/>
        <text x="200" y="210" text-anchor="middle" fill="#F2F0E9" font-size="24">DISEÑO BASE</text>
        <rect x="130" y="240" width="140" height="70" fill="none" stroke="#FF00FF" stroke-width="5" stroke-dasharray="8 4" rx="6"/>
        <text x="200" y="282" text-anchor="middle" fill="#FF00FF" font-size="20" font-weight="700">BARNIZ UVI</text>
        <text x="200" y="380" text-anchor="middle" fill="#F2F0E9" font-size="18">CAPAS SEPARADAS</text>
      </svg>
      
      <div class="tech-highlight">
        <strong>Tip:</strong> Usa un color brillante para identificar la capa de acabado y evitar errores en producción.
      </div>
    </article>
    
    <article class="tech-card rv d2">
      <div class="tech-num" aria-label="Punto siete B">07-B / Sobreimpresión</div>
      <h3 class="tech-h"><em>Sobreimpresión</em></h3>
      <p class="tech-p">Activa la sobreimpresión para que el efecto no “vacíe” los colores de fondo.</p>
      
      <svg class="svg-icon" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
        <title>Sobreimpresión vs Knockout</title>
        <text x="110" y="70" fill="#F2F0E9" font-size="18">SIN</text>
        <rect x="50" y="90" width="100" height="100" fill="#00BE74"/><rect x="85" y="125" width="100" height="100" fill="#F2F0E9"/>
        <circle cx="117" cy="160" r="16" fill="#FF6B6B"/><text x="117" y="165" text-anchor="middle" fill="white" font-size="20">✗</text>
        <text x="290" y="70" fill="#00BE74" font-size="18">CON</text>
        <rect x="230" y="90" width="100" height="100" fill="#00BE74"/><rect x="265" y="125" width="100" height="100" fill="#F2F0E9" opacity=".7"/>
        <circle cx="297" cy="160" r="16" fill="#00BE74"/><text x="297" y="165" text-anchor="middle" fill="white" font-size="20">✓</text>
        <text x="200" y="380" text-anchor="middle" fill="#F2F0E9" font-size="18">SOBREIMPRESIÓN ACTIVA</text>
      </svg>
      
      <figure class="visual-example">
        <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2026/01/Goldie-Rock-stamping-3d-metal-tarjetas-imprenta-maiona-1.png?w=950&#038;ssl=1" alt="Acabados especiales con barniz UVI selectivo y stamping en impresión" loading="lazy">
        <figcaption class="example-badge">Acabados premium — Stamping metalizado</figcaption>
      </figure>
    </article>
  </div>
</section>

<!-- CHECKLIST -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="checklist-sec" aria-labelledby="checklist-title">
  <div class="checklist-header rv">
    <div class="label" style="justify-content: center; color: var(--cloud);">Checklist Final</div>
    <h2 id="checklist-title">Checklist Rápida<br>antes de enviar a <em>Maiona</em></h2>
    <p>Antes de que tu archivo llegue a Imprenta Maiona, verifica estos puntos:</p>
  </div>
  <ul class="checklist-grid" role="list">
    <li class="check-item rv d1" role="listitem"><div class="check-box" aria-hidden="true"></div><div class="check-text">PDF/X-1a o PDF/X-4</div></li>
    <li class="check-item rv d1" role="listitem"><div class="check-box" aria-hidden="true"></div><div class="check-text">CMYK con perfil ICC correcto</div></li>
    <li class="check-item rv d2" role="listitem"><div class="check-box" aria-hidden="true"></div><div class="check-text">Resolución ≥300 dpi (pequeño formato)</div></li>
    <li class="check-item rv d2" role="listitem"><div class="check-box" aria-hidden="true"></div><div class="check-text">Sangrado de 3–5 mm incluido</div></li>
    <li class="check-item rv d3" role="listitem"><div class="check-box" aria-hidden="true"></div><div class="check-text">Margen de seguridad respetado</div></li>
    <li class="check-item rv d3" role="listitem"><div class="check-box" aria-hidden="true"></div><div class="check-text">Tipografías incrustadas o vectorizadas</div></li>
    <li class="check-item rv d4" role="listitem"><div class="check-box" aria-hidden="true"></div><div class="check-text">Efectos especiales correctamente indicados y en sobreimpresión</div></li>
  </ul>
</section>

<!-- CTA -->
<div class="div" role="separator" aria-hidden="true"></div>
<section class="cta-sec" aria-labelledby="cta-title">
  <div class="cta-glow" aria-hidden="true"></div>
  <div class="cta-inner">
    <h2 id="cta-title" class="cta-h rv">
      No solo <em>imprimimos.</em><br>
      Te acompañamos.
    </h2>
    <p class="cta-p rv d1">En Imprenta Maiona, no solo imprimimos. Analizamos cada archivo, detectamos posibles problemas y te llamamos si algo no va a salir perfecto. Con 80 años de experiencia, nuestro objetivo es convertir tu archivo digital en un producto físico impecable.</p>
    <div class="cta-stats rv d2" role="list">
      <div class="cta-stat" role="listitem"><div class="cta-stat-n">80</div><div class="cta-stat-l">Años de<br>experiencia</div></div>
      <div class="cta-stat" role="listitem"><div class="cta-stat-n">100%</div><div class="cta-stat-l">Control<br>de calidad</div></div>
      <div class="cta-stat" role="listitem"><div class="cta-stat-n">0</div><div class="cta-stat-l">Sorpresas<br>en el resultado</div></div>
    </div>
    <a href="https://imprentamaiona.es/contacto/" class="btn btn-lg rv d4" rel="noopener">Consultar proyecto →</a>
  </div>
</section>

<footer role="contentinfo">
  <div class="ft-grid">
    <div><div class="ft-logo" aria-label="Imprenta Maiona">Imprenta<br><em>Maiona</em></div><p class="ft-desc">Ocho décadas convirtiendo archivos digitales en artefactos físicos impecables. La técnica al servicio de tu visión.</p></div>
    <nav aria-label="Enlaces del pie de página">
      <ul class="ft-links">
        <li><a href="https://imprentamaiona.es/contacto/" rel="noopener">Consultar Proyecto <span aria-hidden="true">→</span></a></li>
        <li><a href="https://www.instagram.com/imprenta_maiona" target="_blank" rel="noopener">Instagram <span aria-hidden="true">→</span></a></li>
        <li><a href="https://www.tiktok.com/@imprentamaiona" target="_blank" rel="noopener">TikTok <span aria-hidden="true">→</span></a></li>
        <li><a href="https://es.linkedin.com/company/imprenta-maiona" target="_blank" rel="noopener">LinkedIn <span aria-hidden="true">→</span></a></li>
      </ul>
    </nav>
  </div>
  <div class="ft-bot"><span>&copy; 2026 Imprenta Maiona</span><span>Erandio, Bizkaia</span></div>
</footer>

<script>
(function initRevealAnimations() {
  const observerOptions = { threshold: 0.1, rootMargin: '0px 0px -50px 0px' };
  const observer = new IntersectionObserver((entries) => {
    entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('in'); observer.unobserve(entry.target); } });
  }, observerOptions);
  document.querySelectorAll('.rv').forEach(el => observer.observe(el));
})();

(function initScrollEffects() {
  let ticking = false;
  const heroBgImg = document.querySelector('.hero-bg img');
  if (!heroBgImg) return;
  function updateScrollEffects() {
    const scrollY = window.scrollY;
    heroBgImg.style.transform = `scale(${Math.max(1, 1.05 - scrollY * 0.00004)}) translateY(${scrollY * 0.1}px)`;
    ticking = false;
  }
  window.addEventListener('scroll', () => { if (!ticking) { requestAnimationFrame(updateScrollEffects); ticking = true; } }, { passive: true });
})();

(function initLazyLoading() {
  if ('loading' in HTMLImageElement.prototype) return;
  const lazyImages = document.querySelectorAll('img[loading="lazy"]');
  const imageObserver = new IntersectionObserver((entries) => {
    entries.forEach(entry => { if (entry.isIntersecting) { const img = entry.target; img.src = img.dataset.src || img.src; img.removeAttribute('loading'); imageObserver.unobserve(img); } });
  });
  lazyImages.forEach(img => imageObserver.observe(img));
})();

(function checkMotionPreferences() {
  const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
  if (prefersReducedMotion.matches) { const grain = document.getElementById('grain'); if (grain) grain.style.animation = 'none'; }
})();
</script>

</body>
</html>				</div>
				</div>
				</div>
				</div>
		<p>La entrada <a href="https://imprentamaiona.es/guia-preparar-pdf-impresion/">Guía Maestra: Cómo Preparar un PDF para Imprenta sin Errores</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">59394</post-id>	</item>
		<item>
		<title>Tendencias diseño 2026 &#124; Imprenta Maiona</title>
		<link>https://imprentamaiona.es/tendencias-diseno-grafico-2026/</link>
		
		<dc:creator><![CDATA[Adrian Pinilla &#124; Diseño gráfico y preimpresión]]></dc:creator>
		<pubDate>Mon, 02 Feb 2026 06:29:26 +0000</pubDate>
				<category><![CDATA[Design & Branding]]></category>
		<category><![CDATA[Diseño]]></category>
		<guid isPermaLink="false">https://imprentamaiona.es/?p=7776</guid>

					<description><![CDATA[<p>Acerca de WordPress<br />
Imprenta Maiona<br />
Personalizar<br />
66 actualizaciones disponibles<br />
00 comentarios en moderación<br />
Añadir<br />
Editar la entrada<br />
Editar con Elementor<br />
SEOAceptable<br />
Maintenance is Off<br />
Estadísticas<br />
Depurador de Elementor<br />
WP Fastest Cache<br />
Hola, Adrian Pinilla &#124; Diseño gráfico y preimpresión<br />
Buscar<br />
Saltar al contenido<br />
imprenta-maiona-logo-blanco<br />
Inicio<br />
Servicios<br />
Nuestra Historia<br />
Ayuda<br />
MaionArt<br />
Contacto<br />
Blog</p>
<p>La gran</p>
<p>redirección</p>
<p>hacia lo humano</p>
<p>Si tu marca sigue diseñando como en 2023, ya está tarde. El diseño gráfico en 2026 no premia la perfección. Premia la intención.</p>
<p>La era de lo imperfecto por diseño<br />
Anti-AI Crafting<br />
Liquid Glass &#038; Glassmorphism<br />
Tipografía cinética<br />
El contexto / 2026<br />
Imprenta Maiona<br />
El mercado no premia<br />
la perfección.<br />
Premia la intención.<br />
Tras años de estética optimizada para algoritmos, el mercado entra en una nueva fase: la era de lo imperfecto por diseño. No es nostalgia. Es estrategia competitiva. Las marcas que vuelven a la materia generan más recuerdo, más diferenciación y más percepción de valor.</p>
<p>"Si no se siente, no se recuerda."</p>
<p>— Imprenta Maiona, 2026<br />
Seis tendencias.<br />
Una sola dirección.<br />
Estas son las fuerzas que están redefiniendo el diseño gráfico en 2026. Cada una con impacto directo en cómo tu marca es percibida, recordada y elegida.</p>
<p>01 — Anti-AI Crafting<br />
Imperfecto<br />
por diseño.</p>
<p>02 — Liquid Glass<br />
Vidrio<br />
Líquido.<br />
↑3×<br />
más recuerdo en piezas con textura vs. acabado plastificado<br />
03 — Kinetic Type<br />
Tipografía<br />
que lidera.<br />
La letra ya no acompaña. Se estira, vibra y tiene densidad.<br />
2026<br />
El año en que la materia vuelve a liderar el diseño</p>
<p>04 — IA Colaborativa<br />
Copiloto, no directora.<br />
05 — Paleta 2026<br />
Reset y<br />
Dopamina.<br />
Teal · Cloud Dancer · Neones.</p>
<p>06 — Brutalismo &#038; Anti-diseño<br />
El desorden<br />
como código.<br />
Tendencia 06 — Brutalismo &#038; Anti-diseño<br />
El desorden<br />
como estrategia.<br />
Neo-Brutalismo, Anti-diseño, Storydoing. Las marcas que no siguen las reglas son las que se recuerdan.<br />
Si resumimos el diseño 2026 en una sola palabra:<br />
Materia.</p>
<p>Tendencia 02 / Liquid Glass<br />
El scroll desplaza<br />
materia digital.<br />
Las interfaces del futuro refractan su entorno. Los elementos flotan con profundidad real. Ya no navegamos webs: exploramos volúmenes de cristal digital que responden a la luz y al movimiento.</p>
<p>01 — Refracción</p>
<p>Liquid Glass<br />
Capas translúcidas con refracción real. Mayor jerarquía visual, sensación premium y percepción de tecnología avanzada. La pantalla como ventana con dimensión física.</p>
<p>Glassmorphism<br />
02 — Materialidad</p>
<p>Skeuomorphism Reborn<br />
Madera, piedra, metal. Las interfaces digitales se sienten tangibles. Lo que se puede "tocar con la mirada" genera más recuerdo que cualquier animación plana.</p>
<p>Texturas orgánicas<br />
03 — Masa e inercia</p>
<p>Masa e inercia<br />
El scroll ya no desplaza contenido. Desplaza materia digital con masa e inercia. Los elementos reaccionan al movimiento como si tuvieran peso físico real.</p>
<p>Espacialidad 3D<br />
El desorden<br />
es el diseño.<br />
En 2026, el caos ya no es un accidente: es la estrategia. El Brutalismo y el Anti-diseño representan la respuesta más audaz frente a la perfección algorítmica y el minimalismo estéril que ha dominado la última década.</p>
<p>"Debajo de los bordes rasgados y las cuadrículas rotas siempre hay un sistema. El caos con infraestructura es la forma más avanzada de diseño."<br />
Brutalismo y anti-diseño 2026<br />
Tendencia 06 / Referencia visual<br />
Maximalismo<br />
como declaración.<br />
Brutalismo &#038; Anti-diseño — 2026<br />
Tendencia 06-A / Anti-diseño<br />
Romper<br />
las reglas.<br />
Una explosión de color, patrones y tipografías que demanda atención inmediata. La marca que no sigue las normas académicas del diseño en favor de la honestidad visual y la fricción deliberada.</p>
<p>Maximalismo puro: color, patrón y textura a máxima densidad<br />
Tipografía wacky: fuentes extravagantes que chocan entre sí<br />
Ilustraciones excéntricas hechas a mano<br />
Collages desordenados que rechazan la "estética de buen gusto"<br />
Conecta con audiencias que valoran lo auténtico sobre lo pulido<br />
Tendencia 06-B / Fricción Intencional<br />
El error<br />
como firma.<br />
Recupera la influencia de David Carson en los 90. Rechaza las normas académicas del diseño en favor de la honestidad visual. La imperfección como declaración de intenciones.</p>
<p>Fricción intencional: composiciones ligeramente "incómodas"<br />
Desorden controlado: colores que "no funcionan" juntos<br />
Layouts asimétricos y fuentes que se contradicen<br />
Scripts caóticos como deformalizador de grandes marcas<br />
Obliga al espectador a mirar dos veces: mayor recuerdo<br />
Tendencia 06-C / Neo-Brutalismo<br />
Neo-Brutalism<br />
&#038; Soft.<br />
El brutalismo 2026 ha evolucionado en dos variantes que equilibran la dureza con la empatía, manteniendo siempre una infraestructura tipográfica clara debajo del caos.</p>
<p>Neo-Brutalismo: tipografías sobredimensionadas, layouts crudos<br />
Transmite confianza y autoridad sin refinamiento superficial<br />
Soft Brutalism: estructura asimétrica con colores pastel<br />
El lado "humano" del diseño digital: crudo pero amigable<br />
Jerarquía y legibilidad siempre garantizadas bajo el caos<br />
Esta tendencia es ideal para marcas que desean proyectar originalidad, rebeldía y confianza: el mensaje de que son demasiado auténticas para seguir las reglas convencionales. En Maiona la aplicamos a identidades visuales, carteles, revistas y piezas editoriales.</p>
<p>Maximalismo<br />
Anti-diseño<br />
Neo-Brutalism<br />
Soft Brutalism<br />
David Carson<br />
Identidad Visual<br />
Tendencia 03 / Tipografía cinética<br />
La letra lidera.<br />
La letra<br />
ya no acompaña.<br />
Lidera.<br />
En 2026, la tipografía no es soporte del mensaje. Es el mensaje. Se estira, respira, tiene masa. Las fuentes que definen una marca no se eligen: se sienten. Tres arquetipos dominan la nueva era tipográfica.</p>
<p>Tipografía orgánica curvy serifFunky Curvy Serifs — 2026<br />
01 — Arquetipo<br />
Orgánica<br />
Funky Curvy Serifs / Liquid Type<br />
Curvas psicodélicas heredadas de los 70, reinterpretadas con precisión digital. La tipografía orgánica transmite lo que ningún algoritmo puede replicar: temperatura humana, imperfección premeditada y confianza ganada sin esfuerzo.</p>
<p>Calidez<br />
Autenticidad<br />
Retro sofisticado<br />
Editorial<br />
Scripts caóticos tipografía radicalScripts Caóticos / Handmade Authority<br />
02 — Arquetipo<br />
RADICAL<br />
Scripts Caóticos / Autoridad Humana<br />
Letras hechas a mano, espaciados agresivos, bordes con rastros de pincel. La autoridad gráfica que ninguna IA puede simular: la seña personal del creador, visible en cada trazado. El error como intención. La imperfección como firma.</p>
<p>Autoridad<br />
Personalidad cruda<br />
Branding de autor<br />
Alta moda / street<br />
En vivo<br />
M<br />
a<br />
t<br />
e<br />
r<br />
i<br />
a<br />
Kinética<br />
onda: 13.8px<br />
escala: 1.27×<br />
rotY: -6.7°<br />
03 — Arquetipo<br />
Materia.<br />
Tipografía 3D y Cinética<br />
La palabra no es plana. Tiene volumen, inercia y profundidad. En 2026, las letras reaccionan al scroll como si tuviesen masa: se deforman, vibran y flotan. No se diseñan: se esculpen.</p>
<p>3D real<br />
Masa e inercia<br />
Scroll driven<br />
Digital + impreso<br />
Propiedades activas<br />
Wave amplitude<br />
18px<br />
Scale stretch<br />
1.25×<br />
3D perspective<br />
400px<br />
Rotation Y<br />
-6.7°<br />
Taller Maiona — tinta sobre papelTaller Maiona — Tinta real sobre papel<br />
Tendencia 01 / Anti-AI Crafting<br />
Imper-<br />
fecto<br />
por diseño.<br />
La respuesta directa a la saturación visual generada por IA. El cerebro detecta lo imperfecto como auténtico, humano y más confiable. En branding 2026, la rugosidad es credibilidad.</p>
<p>"El mayor acto de rebeldía en 2026 es darle peso real a la letra."<br />
Tras años de estética optimizada para algoritmos, el mercado entra en una nueva fase. No es nostalgia: es estrategia competitiva. Las marcas que vuelven a la materia generan más recuerdo, más diferenciación y más percepción de valor.</p>
<p>En neuromarketing, lo imperfecto activa la confianza. Las marcas que abrazan la textura, el grano y el error deliberado generan más recuerdo y más percepción de valor que cualquier acabado hiper-pulido.</p>
<p>El Anti-AI Crafting no niega la tecnología. La usa como acelerador y reserva el criterio humano para lo que ninguna máquina puede hacer: tomar decisiones con cultura, contexto e intención.</p>
<p>Las cinco<br />
herramientas.<br />
01<br />
Papeles texturizados con absorción natural y fibra visible<br />
02<br />
Tintas con acabados sin plastificado excesivo<br />
03<br />
Impresión con peso real y memoria táctil<br />
04<br />
Collage físico y elementos manuscritos<br />
05<br />
Errores deliberados como firma de autor<br />
El impacto<br />
medible.<br />
↑3×<br />
más recuerdo de marca en piezas impresas con textura vs. acabado plastificado</p>
<p>Neuromarketing — Dato clave<br />
Lo imperfecto activa el sistema límbico antes que el córtex prefrontal. La señal de autenticidad llega antes que el análisis racional del consumidor.</p>
<p>Manchas<br />
de tinta real.<br />
En Maiona convertimos la tendencia en artefacto físico. El mayor acto de rebeldía es darle peso a la letra.</p>
<p>La huella<br />
del creador.<br />
La auténtica marca de calidad en 2026 es la huella dactilar del creador, tanto en digital como en papel.</p>
<p>REVISTAS<br />
•<br />
CARTELES<br />
•<br />
CATÁLOGOS<br />
•<br />
IDENTIDAD VISUAL<br />
•<br />
PIEZAS ÚNICAS<br />
•<br />
REVISTAS<br />
•<br />
CARTELES<br />
•<br />
CATÁLOGOS<br />
•<br />
IDENTIDAD VISUAL<br />
•<br />
PIEZAS ÚNICAS<br />
•<br />
IMPRIMIMOS<br />
•<br />
CON MANCHAS<br />
•<br />
DE TINTA REAL<br />
•<br />
DISEÑO VIVO<br />
•<br />
IMPRIMIMOS<br />
•<br />
CON MANCHAS<br />
•<br />
DE TINTA REAL<br />
•<br />
DISEÑO VIVO<br />
•<br />
Tendencia 05 / Paleta 2026<br />
Reset y Dopamina.<br />
T<br />
WGSN/Coloro — Color del Año</p>
<p>Transformative Teal.<br />
HEX #003A35</p>
<p>Estabilidad, tecnología y naturaleza. Ideal para branding sostenible.</p>
<p>Psique — Estabilidad. Confianza. Naturaleza.</p>
<p>C<br />
Pantone — Color del Año</p>
<p>Cloud Dancer.<br />
HEX #F2F0E9</p>
<p>Blanco estratégico con memoria. Minimalismo consciente.</p>
<p>Psique — Claridad. Calma. Lienzo.</p>
<p>Saturation Revival</p>
<p>Dopamina Vibrante.<br />
Neones + contrastes surrealistas</p>
<p>Energía líquida. Un espectro cromático que desafía la lógica para inyectar optimismo radical.</p>
<p>Psique — Energía. Optimismo. Ruptura.</p>
<p>La Visión Maiona 2026<br />
La calidad<br />
se mide en<br />
huella.<br />
Escalamos con tecnología.<br />
Decidimos con criterio humano.<br />
Convertimos tendencias en artefactos físicos.<br />
Revistas. Carteles. Catálogos.<br />
Identidad visual. Piezas únicas.<br />
Si resumimos las tendencias de diseño gráfico 2026 en una sola palabra: Materia.</p>
<p>Materia digital. Materia tipográfica. Materia física. Cuando el mercado vuelve a valorar la materia, la impresión deja de ser soporte. Se convierte en posicionamiento.</p>
<p>La IA madura. El diseñador recupera el rol de Director Creativo. IA para escalado y bocetado. Humano para dirección de arte, identidad visual y resonancia cultural. La IA acelera. El criterio diferencia.</p>
<p>¿Quieres convertir tu identidad visual en algo que se toque?<br />
No es empezar un proyecto. Es construir presencia.</p>
<p>Conclusión estratégica — 2026</p>
<p>La calidad<br />
no se mide<br />
en píxeles.<br />
El éxito en 2026 no vendrá de generar contenido masivo. Vendrá de creadores que saben elegir sus bordes ásperos: que demuestran, pieza a pieza, que detrás de cada píxel hay una intención humana real.</p>
<p>"En un mundo saturado de imágenes generadas algorítmicamente, la autenticidad y la imperfección son el nuevo lujo."</p>
<p>Imprenta<br />
Maiona<br />
Convertimos la tendencia en artefacto físico. El mayor acto de rebeldía es darle peso a la letra.</p>
<p>Empezar Proyecto<br />
→<br />
Instagram<br />
→<br />
TikTok<br />
→<br />
LinkedIn<br />
→<br />
© 2026 Imprenta Maiona<br />
Crafting the Future<br />
Facebook<br />
Share on X<br />
LinkedIn<br />
WhatsApp<br />
Email<br />
Copy Link<br />
Relacionado<br />
Affinity Gratis 2025: La Revolución en Diseño e Impresión Profesional<br />
noviembre 4, 2025<br />
En «Affinity 2025»<br />
Sangrado en impresión: guía profesional para diseño<br />
octubre 30, 2025<br />
En «Diseño»<br />
RGB, CMYK y Pantone: la trinidad del color que nadie te explicó<br />
octubre 2, 2025<br />
En «Impresión»</p>
<p>La entrada <a href="https://imprentamaiona.es/tendencias-diseno-grafico-2026/">Tendencias diseño 2026 | Imprenta Maiona</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7776" class="elementor elementor-7776">
				<div class="elementor-element elementor-element-473133f e-con-full e-flex e-con e-parent" data-id="473133f" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-6b20891 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="6b20891" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Imprenta Maiona Diseño Gráfico 2026</title>
<meta name="description" content="Descubre las tendencias de diseño gráfico 2026 en Imprenta Maiona: imperfecto por diseño, tipografía cinética, glassmorphism y más. La gran redirección hacia lo humano.">
<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=Poppins:ital,wght@0,300;0,400;0,500;1,300&display=swap" rel="stylesheet">
<style>
@font-face {
  font-family: 'Maragsa';
  src:
    url('https://imprentamaiona.es/wp-content/uploads/useanyfont/9332Maragsa.woff2') format('woff2'),
    url('https://imprentamaiona.es/wp-content/uploads/useanyfont/9332Maragsa.woff') format('woff');
  font-display: swap;
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Maragsa';
  src:
    url('https://imprentamaiona.es/wp-content/uploads/useanyfont/9332Maragsa.woff2') format('woff2'),
    url('https://imprentamaiona.es/wp-content/uploads/useanyfont/9332Maragsa.woff') format('woff');
  font-display: swap;
  font-weight: normal;
  font-style: italic;
}

:root {
  --bg:    #262626;
  --bg2:   #1c1c1c;
  --bg3:   #111;
  --fg:    #F2F0E9;
  --fg2:   rgba(242,240,233,.72);
  --fg3:   rgba(242,240,233,.45);
  --green: #00BE74;
  --teal:  #003A35;
  --cloud: #F2F0E9;
  --bo:    rgba(242,240,233,.08);
  --p:     clamp(2rem, 6vw, 6rem);
  --maragsa: 'Maragsa', serif;
  --poppins: 'Poppins', sans-serif;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: auto; }
body {
  background: var(--bg);
  color: var(--fg);
  font-family: var(--poppins);
  font-weight: 300;
  font-size: 17px;
  line-height: 1.75;
  overflow-x: hidden;
  cursor: none;
  -webkit-font-smoothing: antialiased;
}
img { display: block; width: 100%; height: 100%; object-fit: cover; }
a { color: inherit; text-decoration: none; cursor: none; }

/* GRAIN */
#grain {
  position: fixed; inset: -100%; width: 300%; height: 300%;
  z-index: 9000; pointer-events: none; opacity: .025;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='256' height='256' filter='url(%23n)'/%3E%3C/svg%3E");
  animation: gr .12s steps(1) infinite;
}
@keyframes gr {
  0%{transform:translate(0,0)} 33%{transform:translate(-3%,-4%)}
  66%{transform:translate(4%,2%)} 100%{transform:translate(-2%,5%)}
}

/* CURSOR */
#cd { position:fixed; width:6px; height:6px; background:var(--green); border-radius:50%; pointer-events:none; z-index:9999; transform:translate(-50%,-50%); }
#cr { position:fixed; width:28px; height:28px; border:1px solid rgba(0,190,116,.5); border-radius:50%; pointer-events:none; z-index:9998; transform:translate(-50%,-50%); transition:width .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s; }
#cr.hov { width:60px; height:60px; background:rgba(0,190,116,.06); border-color:var(--green); }
.ink { position:fixed; border-radius:50%; background:var(--green); pointer-events:none; z-index:8000; transform:translate(-50%,-50%); opacity:0; animation:inkf .65s ease forwards; }
@keyframes inkf { 0%{opacity:.4;transform:translate(-50%,-50%) scale(1)} 100%{opacity:0;transform:translate(-50%,-50%) scale(3.5)} }

/* ─────────────────────────────────────────
   LOADER
───────────────────────────────────────── */
#loader {
  position: fixed; inset: 0; background: var(--bg3); z-index: 9500;
  display: flex; flex-direction: column; justify-content: flex-end;
  padding: clamp(1.5rem,4vw,4rem) clamp(1.5rem,4vw,4rem) 5vh;
  overflow: hidden;
}
.ld-num {
  position: absolute; top: clamp(1.5rem,4vw,4rem); right: clamp(1.5rem,4vw,4rem);
  font-family: var(--maragsa);
  font-size: clamp(5rem, 11vw, 14rem);
  color: rgba(242,240,233,.04); line-height: 1; user-select: none;
}
.ld-eyebrow {
  font-size: clamp(.55rem,.7vw,.7rem);
  letter-spacing: .24em; text-transform: uppercase;
  color: var(--fg3); margin-bottom: clamp(2vh,3vh,3vh);
  position: relative; z-index: 2;
}
.ld-line {
  overflow: hidden;
  line-height: .88;
  margin-bottom: .05em;
}
.ld-line span {
  display: block;
  font-family: var(--maragsa);
  font-size: clamp(2.8rem, 7vw, 9.5rem);
  transform: translateY(108%);
  transition: transform 1.1s cubic-bezier(.16,1,.3,1);
  white-space: nowrap;
}
.ld-line.ac span { color: var(--green); font-style: italic; }
.ld-bar-t { height: 1px; background: var(--bo); margin-top: clamp(2vh,4vh,4vh); }
.ld-bar { height: 100%; width: 0; background: var(--green); transition: width .05s linear; }
.ld-foot {
  display: flex; justify-content: space-between;
  margin-top: 1.2rem;
  font-size: clamp(.58rem,.65rem,.7rem);
  letter-spacing: .2em; text-transform: uppercase; color: var(--fg3);
}

/* LAYOUT */
.label { font-size: .68rem; letter-spacing: .3em; text-transform: uppercase; color: var(--green); margin-bottom: 2rem; display: flex; align-items: center; gap: 1rem; }
.label::before { content:''; width: 24px; height: 1px; background: var(--green); flex-shrink: 0; }
.div { height: 1px; background: var(--bo); }
.rv { opacity: 0; transform: translateY(40px); transition: opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1); }
.rv.d1{transition-delay:.1s}.rv.d2{transition-delay:.2s}.rv.d3{transition-delay:.3s}.rv.d4{transition-delay:.4s}
.rv.in { opacity: 1; transform: translateY(0); }
.btn { display: inline-flex; align-items: center; gap: 1rem; border: 1px solid var(--green); color: var(--green); padding: .9rem 2.2rem; font-family: var(--poppins); font-size: .72rem; letter-spacing: .18em; text-transform: uppercase; transition: background .3s, color .3s, gap .4s; cursor: none; }
.btn:hover { background: var(--green); color: var(--bg); gap: 1.6rem; }
.btn-lg { padding: 1.1rem 2.8rem; font-size: .78rem; }

/* HERO */
.hero { height: 100vh; min-height: 680px; display: grid; grid-template-rows: 1fr auto; position: relative; overflow: hidden; }
.hero-bg { position: absolute; inset: 0; z-index: 0; }
.hero-bg img { filter: brightness(.55) saturate(.75); }
.hero-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 40%, var(--bg) 100%); }
.hero-body { position: relative; z-index: 2; align-self: end; padding: 0 var(--p) 0; }
.hero-h1 { font-family: var(--maragsa); font-size: clamp(4.5rem, 12vw, 16rem); line-height: .85; letter-spacing: -.01em; margin-bottom: 3rem; }
.hero-h1 .ln { overflow: hidden; display: block; }
.hero-h1 .ln-i { display: block; transform: translateY(110%); transition: transform 1.3s cubic-bezier(.16,1,.3,1); }
.hero-h1 em { color: var(--green); font-style: italic; }
.mc { display: inline-block; transition: transform .3s cubic-bezier(.34,1.56,.64,1); will-change: transform; }
.hero-foot { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; padding: 2.5rem var(--p) 7vh; border-top: 1px solid var(--bo); }
.hero-desc { font-size: 1.1rem; line-height: 1.8; color: var(--fg2); }
.hero-tags { display: flex; flex-direction: column; gap: .5rem; align-items: flex-end; justify-content: center; }
.tag { font-size: .68rem; letter-spacing: .18em; text-transform: uppercase; border: 1px solid var(--bo); padding: .35rem 1rem; color: var(--fg3); display: inline-block; }
.tag.g { border-color: rgba(0,190,116,.4); color: var(--green); }

/* STATEMENT */
.statement { padding: 16vh var(--p); }
.st-eyeline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6rem; }
.st-aside { font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--fg3); }
.st-h { font-family: var(--maragsa); font-size: clamp(3rem, 6.5vw, 8.5rem); line-height: .92; max-width: 1100px; margin-bottom: 5rem; }
.st-h em { color: var(--green); font-style: italic; }
.st-body { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; }
.st-p { font-size: 1.05rem; line-height: 1.85; color: var(--fg2); }
.st-quote { padding-left: 2rem; border-left: 2px solid var(--green); }
.st-quote p { font-size: 1.15rem; line-height: 1.7; color: var(--fg); font-style: italic; }
.st-quote cite { display: block; font-size: .68rem; letter-spacing: .2em; text-transform: uppercase; color: var(--green); margin-top: 1.2rem; font-style: normal; }

/* BENTO */
.bento-sec { padding: 14vh var(--p); }
.bento-header { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: end; margin-bottom: 4rem; }
.bento-header h2 { font-family: var(--maragsa); font-size: clamp(2.8rem, 6vw, 7.5rem); line-height: .9; }
.bento-header h2 em { color: var(--green); font-style: italic; }
.bento-header p { font-size: 1.05rem; line-height: 1.8; color: var(--fg2); }
.bento { display: grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: clamp(140px, 18vw, 240px); gap: 10px; }
.b { grid-column: span 4; grid-row: span 1; }
.b-w6 { grid-column: span 6; }
.b-w8 { grid-column: span 8; }
.b-w12 { grid-column: span 12; }
.b-h2 { grid-row: span 2; }
.bento-cell { background: var(--bg2); border: 1px solid var(--bo); position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.8rem; cursor: none; transition: border-color .4s, transform .5s cubic-bezier(.16,1,.3,1); }
.bento-cell:hover { border-color: rgba(0,190,116,.3); transform: scale(1.015); z-index: 2; }
.bento-cell::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--green); transform: scaleX(0); transform-origin: left; transition: transform .6s cubic-bezier(.16,1,.3,1); }
.bento-cell:hover::before { transform: scaleX(1); }
.bc-img { position: absolute; inset: 0; z-index: 0; }
.bc-img img { filter: brightness(.82) saturate(.9); transition: transform 6s cubic-bezier(.16,1,.3,1), filter .6s; }
.bento-cell:hover .bc-img img { transform: scale(1.06); filter: brightness(.95) saturate(1); }
.bc-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(15,15,15,.92) 25%, rgba(15,15,15,.3) 60%, transparent 100%); z-index: 1; }
.bc-content { position: relative; z-index: 2; }
.bc-num { font-size: .6rem; letter-spacing: .25em; color: var(--green); margin-bottom: .6rem; }
.bc-h { font-family: var(--maragsa); font-size: clamp(1.4rem, 2.2vw, 2.8rem); line-height: 1; margin-bottom: .5rem; }
.bc-h em { color: var(--green); font-style: italic; }
.bc-p { font-size: .88rem; line-height: 1.65; color: var(--fg2); max-height: 0; overflow: hidden; opacity: 0; transition: max-height .6s cubic-bezier(.16,1,.3,1), opacity .5s; }
.bento-cell:hover .bc-p { max-height: 100px; opacity: 1; }
.bc-green { background: var(--green); border-color: var(--green); }
.bc-green .bc-num { color: rgba(38,38,38,.6); }
.bc-green .bc-h { color: var(--bg); }
.bc-green .bc-p { color: rgba(38,38,38,.75); }
.bc-green::before { display: none; }
.bc-green:hover { border-color: var(--green); }
.bc-teal { background: var(--teal); }
.bc-stat { align-items: center; justify-content: center; text-align: center; }
.bc-stat .bc-big { font-family: var(--maragsa); font-size: clamp(3rem,5vw,6.5rem); line-height: 1; color: var(--green); }
.bc-stat .bc-label { font-size: .78rem; color: var(--fg2); margin-top: .5rem; line-height: 1.5; }

/* ─────────────────────────────────────────
   GLASSMORPHISM
───────────────────────────────────────── */
.glass-sec { padding: 14vh var(--p); position: relative; overflow: hidden; background: var(--bg2); }
.g-orb { position: absolute; border-radius: 50%; filter: blur(100px); pointer-events: none; }
.g-orb-1 { width: 600px; height: 600px; background: rgba(0,190,116,.1); top: -150px; left: -150px; animation: goA 18s ease-in-out infinite; }
.g-orb-2 { width: 500px; height: 500px; background: rgba(0,58,53,.5); bottom: -100px; right: -100px; animation: goB 14s ease-in-out infinite; }
@keyframes goA { 0%,100%{transform:translate(0,0)} 50%{transform:translate(60px,-80px)} }
@keyframes goB { 0%,100%{transform:translate(0,0)} 50%{transform:translate(-50px,60px)} }
.glass-bg-img { position: absolute; inset: 0; z-index: 0; }
.glass-bg-img img { filter: brightness(.22) saturate(.45); }
.glass-bg-img::after { content: ''; position: absolute; inset: 0; background: rgba(28,28,28,.7); }
.glass-inner { position: relative; z-index: 2; }
.glass-header { margin-bottom: 5rem; }
.glass-header h2 { font-family: var(--maragsa); font-size: clamp(3rem, 7vw, 9rem); line-height: .9; margin-bottom: 1.5rem; }
.glass-header h2 em { color: var(--green); font-style: italic; }
.glass-header p { font-size: 1.05rem; line-height: 1.85; color: var(--fg2); max-width: 680px; }
.gcards { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.gc { padding: 2.5rem; background: rgba(242,240,233,.04); border: 1px solid rgba(242,240,233,.09); backdrop-filter: blur(32px) saturate(1.8); -webkit-backdrop-filter: blur(32px) saturate(1.8); border-radius: 2px; position: relative; overflow: hidden; cursor: none; transition: background .5s, border-color .5s, transform .55s cubic-bezier(.16,1,.3,1); }
.gc:hover { background: rgba(242,240,233,.07); border-color: rgba(0,190,116,.25); transform: translateY(-8px); }
.gc::after { content: ''; position: absolute; top:0; left:-70%; width:45%; height:100%; background: linear-gradient(to right,transparent,rgba(255,255,255,.03),transparent); transform:skewX(-15deg); transition:left .8s cubic-bezier(.16,1,.3,1); }
.gc:hover::after { left: 160%; }
.gc::before { content:''; position:absolute; top:-1px; left:10%; right:10%; height:1px; background:linear-gradient(to right,transparent,rgba(0,190,116,.7),transparent); opacity:0; transition:opacity .4s; }
.gc:hover::before { opacity:1; }
.gc-num { font-size:.6rem; letter-spacing:.28em; color:var(--green); margin-bottom:1.5rem; }
.gc-h { font-family:var(--maragsa); font-size:clamp(2rem,2.8vw,3.5rem); line-height:.92; margin-bottom:1.2rem; }
.gc-p { font-size:.95rem; line-height:1.8; color:var(--fg2); }
.gc-img {
  margin-top: 2rem;
  height: 160px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gc-img img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: brightness(.85) saturate(.92);
  transition: transform 5s cubic-bezier(.16,1,.3,1), filter .5s;
}
.gc:hover .gc-img img { transform: scale(1.08); filter: brightness(1) saturate(1); }
.gc-tag { position:absolute; bottom:.7rem; left:.7rem; font-size:.56rem; letter-spacing:.18em; text-transform:uppercase; background:rgba(0,190,116,.14); border:1px solid rgba(0,190,116,.32); color:var(--green); padding:.22rem .65rem; }

/* ─────────────────────────────────────────
   TIPOGRAFÍA CINÉTICA
───────────────────────────────────────── */
.typo-sec { padding: 14vh var(--p); overflow: hidden; }
.typo-giant-wrap { overflow: hidden; margin-bottom: 8rem; }
.typo-giant { font-family: var(--maragsa); font-size: clamp(9rem, 24vw, 32rem); line-height: .8; letter-spacing: -.03em; white-space: nowrap; color: transparent; -webkit-text-stroke: 1px rgba(242,240,233,.1); will-change: transform; }
.typo-giant span { -webkit-text-stroke: 1px rgba(0,190,116,.45); font-style: italic; }
.typo-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; margin-bottom: 8rem; align-items: end; }
.typo-intro h2 { font-family: var(--maragsa); font-size: clamp(2.5rem, 5vw, 6rem); line-height: .9; }
.typo-intro h2 em { color: var(--green); font-style: italic; }
.typo-intro p { font-size: 1.05rem; line-height: 1.85; color: var(--fg2); }
.typo-examples { display: flex; flex-direction: column; gap: 0; }
.ty-example { display: grid; grid-template-columns: 1fr 1fr; min-height: 520px; border-top: 1px solid var(--bo); position: relative; overflow: hidden; cursor: none; transition: background .4s; }
.ty-example:last-child { border-bottom: 1px solid var(--bo); }
.ty-example:hover { background: rgba(242,240,233,.015); }
.ty-left { position: relative; overflow: hidden; border-right: 1px solid var(--bo); }
.ty-left img { width: 100%; height: 100%; object-fit: cover; filter: brightness(.75) saturate(.85); transition: transform 7s cubic-bezier(.16,1,.3,1), filter .6s; }
.ty-example:hover .ty-left img { transform: scale(1.04); filter: brightness(.9) saturate(1); }
.ty-left-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(38,38,38,.3) 0%, transparent 60%); z-index: 1; pointer-events: none; }
.ty-img-badge { position: absolute; bottom: 2rem; left: 2rem; z-index: 2; font-size: .58rem; letter-spacing: .22em; text-transform: uppercase; background: rgba(38,38,38,.85); backdrop-filter: blur(8px); border: 1px solid var(--bo); padding: .4rem 1rem; color: var(--fg3); }
.ty-right { padding: 4rem; display: flex; flex-direction: column; justify-content: center; position: relative; }
.ty-right::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, transparent, var(--green), transparent); opacity: 0; transition: opacity .5s; }
.ty-example:hover .ty-right::before { opacity: 1; }
.ty-num { font-size: .58rem; letter-spacing: .3em; text-transform: uppercase; color: var(--green); margin-bottom: 1.5rem; display: flex; align-items: center; gap: .8rem; }
.ty-num::before { content:''; width: 20px; height: 1px; background: var(--green); }
.ty-name { font-family: var(--maragsa); font-size: clamp(3rem, 5vw, 7rem); line-height: .85; margin-bottom: 1rem; transition: letter-spacing .3s, color .3s; }
.ty-name.it { font-style: italic; }
.ty-name.gr { color: var(--green); }
.ty-example:hover .ty-name { letter-spacing: .01em; }
.ty-subname { font-size: .72rem; letter-spacing: .2em; text-transform: uppercase; color: var(--fg3); margin-bottom: 2rem; }
.ty-desc { font-size: 1rem; line-height: 1.85; color: var(--fg2); max-width: 400px; margin-bottom: 2.5rem; }
.ty-tags { display: flex; flex-wrap: wrap; gap: .5rem; }
.ty-tag { font-size: .58rem; letter-spacing: .15em; text-transform: uppercase; border: 1px solid var(--bo); padding: .3rem .9rem; color: var(--fg3); transition: border-color .3s, color .3s; }
.ty-example:hover .ty-tag { border-color: rgba(0,190,116,.3); color: var(--fg2); }
.ty-tag.active { border-color: rgba(0,190,116,.5); color: var(--green); }
.ty-deco-n { position: absolute; top: 1.5rem; right: 2rem; font-family: var(--maragsa); font-size: 8rem; line-height: 1; color: rgba(242,240,233,.03); pointer-events: none; user-select: none; }
.ty-example.ty-kinetic { grid-template-columns: 1fr 1fr; min-height: 580px; background: var(--bg2); }
.ty-kinetic .ty-left { background: var(--bg3); border-right: 1px solid var(--bo); display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative; }
.kinetic-scan { position: absolute; inset: 0; pointer-events: none; z-index: 1; overflow: hidden; }
.kinetic-scan::before { content: ''; position: absolute; left: 0; right: 0; height: 1px; background: linear-gradient(to right, transparent, rgba(0,190,116,.4), transparent); animation: scan-v 3.5s ease-in-out infinite; }
.kinetic-scan::after { content: ''; position: absolute; top: 0; bottom: 0; width: 1px; background: linear-gradient(to bottom, transparent, rgba(0,190,116,.2), transparent); left: 50%; animation: scan-h 5s ease-in-out infinite; }
@keyframes scan-v { 0% { top: -2px; opacity: 0; } 10% { opacity: 1; } 90% { opacity: 1; } 100% { top: calc(100% + 2px); opacity: 0; } }
@keyframes scan-h { 0% { left: -2px; opacity: 0; } 10% { opacity: .6; } 90% { opacity: .6; } 100% { left: calc(100% + 2px); opacity: 0; } }
.kinetic-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(242,240,233,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(242,240,233,.025) 1px, transparent 1px); background-size: 40px 40px; }
.kinetic-readouts { position: absolute; bottom: 1.5rem; left: 1.5rem; right: 1.5rem; display: flex; justify-content: space-between; font-size: .52rem; letter-spacing: .18em; text-transform: uppercase; color: rgba(0,190,116,.5); font-family: var(--poppins); pointer-events: none; z-index: 3; }
.ty-3d-container { perspective: 400px; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.ty-3d-inner { transform-style: preserve-3d; animation: rotate3d 8s ease-in-out infinite; text-align: center; }
@keyframes rotate3d { 0%,100% { transform: rotateY(0deg) rotateX(0deg); } 25% { transform: rotateY(8deg) rotateX(3deg); } 50% { transform: rotateY(0deg) rotateX(-4deg); } 75% { transform: rotateY(-8deg) rotateX(2deg); } }
.kinetic-live { position: absolute; top: 1.5rem; right: 1.5rem; z-index: 5; font-size: .52rem; letter-spacing: .22em; text-transform: uppercase; color: var(--green); display: flex; align-items: center; gap: .4rem; }
.kinetic-live::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--green); animation: live-blink 1.2s ease-in-out infinite; }
@keyframes live-blink { 0%,100%{opacity:1} 50%{opacity:.2} }
.wave-letters { display: flex; align-items: center; font-family: var(--maragsa); font-size: clamp(3.5rem, 6vw, 9rem); line-height: 1; color: var(--fg); position: relative; z-index: 2; flex-wrap: nowrap; }
.wave-letters .wl { display: inline-block; animation: wave-letter 2.4s ease-in-out infinite; will-change: transform; }
.wave-letters .wl:nth-child(1)  { animation-delay: 0s; color: var(--green); }
.wave-letters .wl:nth-child(2)  { animation-delay: .08s; }
.wave-letters .wl:nth-child(3)  { animation-delay: .16s; }
.wave-letters .wl:nth-child(4)  { animation-delay: .24s; }
.wave-letters .wl:nth-child(5)  { animation-delay: .32s; }
.wave-letters .wl:nth-child(6)  { animation-delay: .40s; }
.wave-letters .wl:nth-child(7)  { animation-delay: .48s; color: var(--green); }
@keyframes wave-letter { 0%,100% { transform: translateY(0) scaleY(1); } 40% { transform: translateY(-18px) scaleY(1.08); } 60% { transform: translateY(6px) scaleY(.94); } }
.stretch-display { font-family: var(--maragsa); font-size: clamp(4rem, 7vw, 10rem); line-height: .85; position: relative; z-index: 2; text-align: center; }
.stretch-display .sl { display: inline-block; color: var(--fg); animation: stretch-letter 3s ease-in-out infinite; will-change: transform; transform-origin: bottom center; }
.stretch-display .sl:nth-child(odd) { animation-delay: .2s; }
.stretch-display .sl:nth-child(3n) { animation-delay: .4s; color: var(--green); }
@keyframes stretch-letter { 0%,100% { transform: scaleY(1); } 30% { transform: scaleY(1.25) translateY(-8px); } 60% { transform: scaleY(.82) translateY(4px); } }
.kinetic-duo { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3rem; width: 100%; height: 100%; padding: 2rem; position: relative; }

/* ─────────────────────────────────────────
   IMPERFECTO POR DISEÑO
───────────────────────────────────────── */
.imperf-sec {
  padding: 0;
  position: relative;
  overflow: hidden;
  background: var(--bg2);
}
.imperf-hero {
  position: relative;
  height: 90vh;
  min-height: 600px;
  overflow: hidden;
  display: flex; align-items: flex-end;
}
.imperf-hero-img {
  position: absolute; inset: 0;
}
.imperf-hero-img img {
  filter: brightness(.55) saturate(.8) contrast(1.05);
  transition: transform 10s cubic-bezier(.16,1,.3,1);
}
.imperf-hero:hover .imperf-hero-img img { transform: scale(1.03); }
.imperf-hero::after {
  content: ''; position: absolute; inset: 0;
  background:
    linear-gradient(to top, var(--bg2) 0%, rgba(28,28,28,.7) 40%, rgba(28,28,28,.1) 75%, transparent 100%),
    linear-gradient(to right, rgba(28,28,28,.6) 0%, transparent 50%);
}
.imperf-hero-body {
  position: relative; z-index: 2;
  padding: var(--p) var(--p) 5rem;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
  align-items: end;
}
.imperf-label {
  font-size: .65rem; letter-spacing: .3em; text-transform: uppercase;
  color: var(--green); display: flex; align-items: center; gap: .8rem;
  margin-bottom: 2rem;
}
.imperf-label::before { content:''; width: 20px; height: 1px; background: var(--green); }
.imperf-h-big {
  font-family: var(--maragsa);
  font-size: clamp(5rem, 11vw, 15rem);
  line-height: .82;
  letter-spacing: -.02em;
}
.imperf-h-big em {
  color: var(--green); font-style: italic;
  display: block;
}
.imperf-hero-right {
  display: flex; flex-direction: column; justify-content: flex-end;
  gap: 2rem; padding-bottom: .5rem;
}
.imperf-hero-desc {
  font-size: 1.1rem; line-height: 1.85; color: var(--fg2);
  max-width: 460px;
}
.imperf-hero-desc strong { color: var(--fg); font-weight: 400; }
.imperf-hero-quote {
  border-left: 2px solid var(--green);
  padding: 1rem 0 1rem 1.5rem;
  font-size: 1rem; line-height: 1.7;
  color: var(--fg); font-style: italic;
}
.imperf-hero-cap {
  position: absolute; top: 2rem; right: 2rem; z-index: 3;
  font-size: .55rem; letter-spacing: .22em; text-transform: uppercase;
  background: rgba(17,17,17,.85); backdrop-filter: blur(10px);
  border: 1px solid var(--bo); padding: .4rem 1rem; color: var(--fg3);
  writing-mode: vertical-rl; text-orientation: mixed;
}
.imperf-content {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 0;
  border-top: 1px solid var(--bo);
}
.imperf-col {
  padding: 5rem 3.5rem;
  border-right: 1px solid var(--bo);
  position: relative;
}
.imperf-col:last-child { border-right: none; }
.imperf-col-main p {
  font-size: 1.05rem; line-height: 1.9; color: var(--fg2);
  margin-bottom: 1.5rem;
}
.imperf-col-main p strong { color: var(--fg); font-weight: 400; }
.imperf-col-list h4 {
  font-family: var(--maragsa);
  font-size: clamp(1.5rem, 2.5vw, 3rem); line-height: .9;
  margin-bottom: 2rem;
}
.imperf-col-list h4 em { color: var(--green); font-style: italic; }
.imperf-list-new { list-style: none; }
.imperf-list-new li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid var(--bo);
  font-size: .9rem; line-height: 1.65; color: var(--fg2);
  transition: color .3s, padding-left .3s;
  cursor: default;
}
.imperf-list-new li:hover { color: var(--fg); padding-left: .4rem; }
.imperf-list-new li:first-child { border-top: 1px solid var(--bo); }
.imperf-li-n {
  font-size: .55rem; letter-spacing: .2em; color: var(--green);
  padding-top: .2rem;
}
.imperf-col-stats h4 {
  font-family: var(--maragsa);
  font-size: clamp(1.3rem, 2vw, 2.5rem); line-height: .9;
  margin-bottom: 2rem;
}
.imperf-stat-block {
  padding: 2.5rem 2rem;
  background: var(--bg3);
  border: 1px solid var(--bo);
  margin-bottom: 1.5rem;
  position: relative; overflow: hidden;
}
.imperf-stat-block::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: var(--green);
}
.imperf-stat-big {
  font-family: var(--maragsa);
  font-size: clamp(3.5rem, 6vw, 7rem);
  color: var(--green); line-height: .85;
  margin-bottom: .6rem;
}
.imperf-stat-desc {
  font-size: .85rem; line-height: 1.65; color: var(--fg2);
}
.imperf-neuro {
  padding: 2rem;
  border: 1px solid rgba(0,190,116,.15);
  background: rgba(0,190,116,.03);
  margin-top: 1.5rem;
}
.imperf-neuro-label {
  font-size: .55rem; letter-spacing: .25em; text-transform: uppercase;
  color: var(--green); margin-bottom: 1rem;
}
.imperf-neuro p {
  font-size: .85rem; line-height: 1.7; color: var(--fg2);
}

/* PALETA */
.paleta-sec { padding: 14vh var(--p); }
.paleta-sec h2 { font-family:var(--maragsa); font-size:clamp(2.8rem,6vw,7.5rem); line-height:.9; margin-bottom:5rem; }
.paleta-sec h2 em { color:var(--green); font-style:italic; }
.swatches { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.sw { position:relative; overflow:hidden; cursor:none; transition:transform .5s cubic-bezier(.16,1,.3,1); }
.sw:hover { transform:scale(1.02); z-index:2; }
.sw-inner { padding:3rem; display:flex; flex-direction:column; justify-content:flex-end; min-height:420px; }
.sw-teal { background:var(--teal); }
.sw-cloud { background:var(--cloud); color:var(--bg); }
.sw-neo { background:linear-gradient(135deg,#1a0050 0%,#6600cc 40%,#ff00aa 70%,#ffcc00 100%); }
.sw-ghost { position:absolute; top:-2rem; right:-1rem; font-family:var(--maragsa); font-size:12rem; opacity:.06; line-height:1; pointer-events:none; }
.sw-tag { font-size:.6rem; letter-spacing:.28em; text-transform:uppercase; opacity:.45; margin-bottom:.8rem; }
.sw-name { font-family:var(--maragsa); font-size:clamp(2rem,3.5vw,4.5rem); line-height:.9; margin-bottom:1rem; }
.sw-hex { font-size:.78rem; letter-spacing:.12em; opacity:.5; font-family:var(--poppins); margin-bottom:1rem; }
.sw-desc { font-size:.95rem; line-height:1.75; opacity:.65; max-width:280px; }
.sw-psych { margin-top:2rem; font-size:.6rem; letter-spacing:.25em; text-transform:uppercase; opacity:.38; }
.sw-psych strong { color:var(--green); font-weight:400; opacity:1; }
.sw-cloud .sw-psych strong { color:var(--teal); }

/* VISIÓN */
.vision-sec { padding: 14vh var(--p); }
.vision-grid { display:grid; grid-template-columns:1fr 1fr; gap:8rem; align-items:start; }
.vision-h { font-family:var(--maragsa); font-size:clamp(3rem,6vw,8rem); line-height:.9; margin-bottom:4rem; }
.vision-h em { color:var(--green); font-style:italic; }
.vm-item { display:flex; align-items:flex-start; gap:1.5rem; padding:1.5rem 0; border-bottom:1px solid var(--bo); transition:padding-left .3s, color .3s; cursor:none; }
.vm-item:hover { padding-left:.6rem; color:var(--green); }
.vm-dot { width:6px; height:6px; background:var(--green); border-radius:50%; flex-shrink:0; margin-top:.6rem; }
.vm-text { font-family:var(--maragsa); font-size:clamp(1.3rem,2.2vw,2.5rem); line-height:1.1; }
.vision-right p { font-size:1.05rem; line-height:1.85; color:var(--fg2); margin-bottom:1.5rem; }
.vision-right strong { color:var(--fg); font-weight:400; }
.vision-cta { margin-top:4rem; padding:3rem; border:1px solid var(--bo); position:relative; overflow:hidden; }
.vision-cta::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:var(--green); }
.vision-cta h3 { font-family:var(--maragsa); font-size:clamp(1.8rem,2.5vw,3rem); line-height:1.05; margin-bottom:1rem; }
.vision-cta p { font-size:.95rem; line-height:1.75; color:var(--fg2); margin-bottom:2rem; }

/* DIPTYCH */
.dipt { display:grid; grid-template-columns:55% 45%; height:80vh; overflow:hidden; }
.dp { position:relative; overflow:hidden; }
.dp img { height:120%; width:100%; filter:brightness(.78) saturate(.88); will-change:transform; transition:filter .6s; }
.dp:hover img { filter:brightness(.95) saturate(1); }
.dp-cont { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:4rem var(--p); background: linear-gradient(to top, rgba(10,10,10,.88) 30%, transparent 70%); z-index:2; }
.dp-h { font-family:var(--maragsa); font-size:clamp(2.5rem,4.5vw,6rem); line-height:.9; }
.dp-h em { color:var(--green); font-style:italic; }
.dp-p { font-size:1rem; color:var(--fg2); margin-top:1rem; line-height:1.7; max-width:340px; }
.dp:first-child::after { content:''; position:absolute; top:0; right:0; bottom:0; width:80px; background:linear-gradient(to right,transparent,var(--bg)); clip-path:polygon(0 0,100% 0,100% 100%,40% 100%); z-index:2; }

/* MARQUEE */
.mq { overflow:hidden; padding:3rem 0; border-top:1px solid var(--bo); border-bottom:1px solid var(--bo); }
.mq+.mq { border-top:none; }
.mt { display:flex; white-space:nowrap; animation:mr 30s linear infinite; }
.mt.rev { animation-direction:reverse; animation-duration:22s; }
.mi { font-family:var(--maragsa); font-size:clamp(2.5rem,5vw,6rem); padding:0 2.5rem; flex-shrink:0; color:transparent; -webkit-text-stroke:1px rgba(242,240,233,.15); transition:color .3s,-webkit-text-stroke .3s; cursor:none; }
.mi:hover { color:var(--fg); -webkit-text-stroke:0px transparent; }
.mi.dot { color:var(--green); -webkit-text-stroke:0; padding:0 1rem; font-size:2rem; align-self:center; }
@keyframes mr { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }

/* CONCLUSIÓN */
.conc-sec { padding: 22vh var(--p); text-align:center; position:relative; overflow:hidden; background:var(--bg2); }
.conc-glow { position:absolute; width:1000px; height:1000px; border-radius:50%; background:radial-gradient(circle,rgba(0,190,116,.06) 0%,transparent 70%); top:50%; left:50%; transform:translate(-50%,-50%); pointer-events:none; animation:cg 9s ease-in-out infinite; }
@keyframes cg { 0%,100%{transform:translate(-50%,-50%) scale(1)} 50%{transform:translate(-50%,-50%) scale(1.2)} }
.conc-ey { font-size:.68rem; letter-spacing:.3em; text-transform:uppercase; color:var(--fg3); margin-bottom:3rem; }
.conc-h { font-family:var(--maragsa); font-size:clamp(4rem,10vw,14rem); line-height:.85; margin-bottom:5rem; }
.conc-h em { color:var(--green); font-style:italic; }
.conc-p { max-width:640px; margin:0 auto 2rem; font-size:1.1rem; line-height:1.9; color:var(--fg2); }
.conc-cite { font-size:.95rem; line-height:1.75; color:var(--fg3); max-width:500px; margin:0 auto 4rem; font-style:italic; }
.conc-line { width:1px; height:80px; background:linear-gradient(to bottom,var(--green),transparent); margin:0 auto 3.5rem; animation:cl 2.5s ease-in-out infinite; }
@keyframes cl { 0%,100%{opacity:1;transform:scaleY(1)} 50%{opacity:.4;transform:scaleY(.35)} }

/* FOOTER */
footer { background:var(--bg3); border-top:1px solid var(--bo); padding:10vh var(--p) 4vh; }
.ft-grid { display:grid; grid-template-columns:1.2fr 1fr; gap:6vw; padding-bottom:6vh; border-bottom:1px solid var(--bo); margin-bottom:3rem; }
.ft-logo { font-family:var(--maragsa); font-size:clamp(4rem,8vw,10rem); line-height:.85; margin-bottom:2.5rem; }
.ft-logo em { color:var(--green); font-style:italic; }
.ft-desc { font-size:1rem; line-height:1.85; color:var(--fg2); max-width:380px; }
.ft-links { list-style:none; }
.ft-links li { border-bottom:1px solid var(--bo); }
.ft-links a { display:flex; justify-content:space-between; align-items:center; padding:1.3rem 0; font-family:var(--maragsa); font-size:clamp(1.5rem,3vw,3rem); transition:color .3s,padding-left .4s; }
.ft-links a:hover { color:var(--green); padding-left:.8rem; }
.ft-links a span { transition:transform .3s; }
.ft-links a:hover span { transform:translateX(5px); }
.ft-bot { display:flex; justify-content:space-between; font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:var(--fg3); }

/* ─── BRUTALISMO BENTO CELL ─── */
.bc-chaos { background: #F2E832; border-color: #F2E832; overflow: hidden; position: relative; }
.bc-chaos::before { display:none; }
.bc-chaos:hover { border-color: #F2E832; transform: scale(1.015); }
.bc-chaos-bg { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.bc-chaos-bg span { position: absolute; font-family: var(--maragsa); font-weight: 900; color: rgba(38,38,38,.06); line-height: 1; user-select: none; }
.cc1 { font-size: 14rem; top: -30%; left: -5%; animation: cc-drift1 7s ease-in-out infinite; }
.cc2 { font-size: 8rem;  bottom: -20%; right: 5%; animation: cc-drift2 9s ease-in-out infinite; }
.cc3 { font-size: 6rem;  top: 10%; right: 20%; animation: cc-drift3 5s ease-in-out infinite; }
.cc4 { font-size: 5rem;  bottom: 10%; left: 30%; animation: cc-drift1 8s ease-in-out infinite reverse; }
.cc5 { font-size: 4rem;  top: 40%; left: 15%; animation: cc-drift2 6s ease-in-out infinite; }
@keyframes cc-drift1 { 0%,100%{transform:translate(0,0) rotate(-5deg)} 50%{transform:translate(8px,-10px) rotate(3deg)} }
@keyframes cc-drift2 { 0%,100%{transform:translate(0,0) rotate(8deg)} 50%{transform:translate(-6px,8px) rotate(-4deg)} }
@keyframes cc-drift3 { 0%,100%{transform:translate(0,0) rotate(0deg)} 50%{transform:translate(10px,5px) rotate(10deg)} }

/* ─── BRUTALISMO / ANTI-DISEÑO SECCIÓN EDITORIAL ─── */
.chaos-sec { padding: 14vh var(--p); position: relative; overflow: hidden; }
.chaos-sec::before { content: ''; position: absolute; inset: 0; background-image: repeating-linear-gradient(-45deg, transparent, transparent 40px, rgba(242,240,233,.015) 40px, rgba(242,240,233,.015) 41px); pointer-events: none; }
.chaos-header { display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: end; margin-bottom: 7rem; position: relative; z-index: 1; }
.chaos-header h2 { font-family: var(--maragsa); font-size: clamp(3rem, 7vw, 9.5rem); line-height: .85; }
.chaos-header h2 em { color: var(--green); font-style: italic; }
.chaos-wacky { display: block; transform: rotate(-2deg) translateX(1rem); color: #F2E832; font-style: normal; }
.chaos-header-right { display: flex; flex-direction: column; justify-content: flex-end; gap: 2rem; }
.chaos-header-right p { font-size: 1.05rem; line-height: 1.85; color: var(--fg2); }
.chaos-header-right .chaos-manifesto { padding: 1.5rem 2rem; border-left: 3px solid #F2E832; font-size: 1rem; line-height: 1.75; color: var(--fg); font-style: italic; background: rgba(242,232,50,.04); }
.chaos-img-banner {
  position: relative; z-index: 1;
  height: 420px;
  overflow: hidden;
  margin-bottom: 0;
  border: 1px solid var(--bo);
  border-bottom: none;
}
.chaos-img-banner img {
  width: 100%; height: 100%;
  object-fit: cover;
  object-position: center 30%;
  filter: brightness(.65) saturate(.9);
  transition: transform 8s cubic-bezier(.16,1,.3,1), filter .6s;
}
.chaos-img-banner:hover img {
  transform: scale(1.03);
  filter: brightness(.75) saturate(1);
}
.chaos-img-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(to right, rgba(17,17,17,.75) 0%, transparent 55%);
  display: flex; align-items: center;
  padding: 4rem;
  z-index: 2;
}
.chaos-img-text { max-width: 420px; }
.chaos-img-text .chaos-img-eyebrow {
  font-size: .6rem; letter-spacing: .28em; text-transform: uppercase;
  color: #F2E832; margin-bottom: 1.2rem;
  display: flex; align-items: center; gap: .7rem;
}
.chaos-img-text .chaos-img-eyebrow::before {
  content: ''; width: 16px; height: 1px; background: #F2E832;
}
.chaos-img-text h3 {
  font-family: var(--maragsa);
  font-size: clamp(2rem, 4vw, 5.5rem);
  line-height: .88; color: var(--fg);
}
.chaos-img-text h3 em { color: #F2E832; font-style: italic; }
.chaos-img-cap {
  position: absolute; bottom: 1.5rem; right: 2rem; z-index: 3;
  font-size: .55rem; letter-spacing: .2em; text-transform: uppercase;
  background: rgba(17,17,17,.8); backdrop-filter: blur(8px);
  border: 1px solid var(--bo); padding: .35rem .9rem; color: var(--fg3);
}
.chaos-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; border: 1px solid var(--bo); position: relative; z-index: 1; }
.chaos-col { padding: 3.5rem 3rem; border-right: 1px solid var(--bo); position: relative; overflow: hidden; cursor: none; transition: background .4s; }
.chaos-col:last-child { border-right: none; }
.chaos-col:hover { background: rgba(242,240,233,.02); }
.chaos-col::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; transform: scaleX(0); transform-origin: left; transition: transform .5s cubic-bezier(.16,1,.3,1); }
.chaos-col:nth-child(1)::before { background: #F2E832; }
.chaos-col:nth-child(2)::before { background: var(--green); }
.chaos-col:nth-child(3)::before { background: var(--fg2); }
.chaos-col:hover::before { transform: scaleX(1); }
.chaos-col-n { font-family: var(--maragsa); font-size: 7rem; line-height: 1; color: rgba(242,240,233,.03); position: absolute; top: .5rem; right: 1.5rem; pointer-events: none; user-select: none; }
.chaos-col-label { font-size: .58rem; letter-spacing: .28em; text-transform: uppercase; margin-bottom: 1.5rem; }
.chaos-col:nth-child(1) .chaos-col-label { color: #F2E832; }
.chaos-col:nth-child(2) .chaos-col-label { color: var(--green); }
.chaos-col:nth-child(3) .chaos-col-label { color: var(--fg3); }
.chaos-col h3 { font-family: var(--maragsa); font-size: clamp(2rem, 3vw, 4rem); line-height: .9; margin-bottom: 1.5rem; }
.chaos-col:nth-child(1) h3 { transform: rotate(-1.5deg); display: inline-block; }
.chaos-col:nth-child(2) h3 em { color: var(--green); font-style: italic; }
.chaos-col p { font-size: .95rem; line-height: 1.8; color: var(--fg2); margin-bottom: 1.5rem; }
.chaos-traits { list-style: none; margin-top: 1rem; }
.chaos-traits li { padding: .7rem 0; border-bottom: 1px solid var(--bo); font-size: .88rem; line-height: 1.6; color: var(--fg2); display: flex; align-items: flex-start; gap: .8rem; transition: color .3s, padding-left .3s; }
.chaos-traits li:hover { color: var(--fg); padding-left: .4rem; }
.chaos-traits li::before { content: ''; width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; margin-top: .55rem; }
.chaos-col:nth-child(1) .chaos-traits li::before { background: #F2E832; }
.chaos-col:nth-child(2) .chaos-traits li::before { background: var(--green); }
.chaos-col:nth-child(3) .chaos-traits li::before { background: var(--fg3); }
.chaos-footer { border: 1px solid var(--bo); border-top: none; padding: 2.5rem 3rem; display: flex; align-items: center; justify-content: space-between; gap: 3rem; background: var(--bg2); position: relative; z-index: 1; }
.chaos-footer p { font-size: 1rem; line-height: 1.8; color: var(--fg2); max-width: 620px; }
.chaos-footer strong { color: var(--fg); font-weight: 400; }
.chaos-tag-stack { display: flex; flex-wrap: wrap; gap: .4rem; justify-content: flex-end; flex-shrink: 0; }
.chaos-tag { font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; border: 1px solid; padding: .3rem .8rem; }
.chaos-tag.y  { border-color: rgba(242,232,50,.4);  color: #F2E832; }
.chaos-tag.g  { border-color: rgba(0,190,116,.4);   color: var(--green); }
.chaos-tag.w  { border-color: var(--bo);             color: var(--fg3); }

/* ========== MEJORAS RESPONSIVE ========== */
@media(max-width:1100px) {
  .chaos-header { grid-template-columns: 1fr; gap: 3rem; }
  .chaos-grid { grid-template-columns: 1fr; }
  .chaos-col { border-right: none; border-bottom: 1px solid var(--bo); }
  .chaos-col:last-child { border-bottom: none; }
  .chaos-footer { flex-direction: column; align-items: flex-start; }
  .chaos-tag-stack { justify-content: flex-start; }
  .chaos-img-banner { height: 280px; }
  .gcards { grid-template-columns:1fr 1fr; }
  .swatches { grid-template-columns:1fr 1fr; }
  .bento-header,.vision-grid,.st-body { grid-template-columns:1fr; gap:3rem; }
  .b,.b-w6,.b-w8 { grid-column:span 6; }
  .b-w12 { grid-column:span 12; }
  .typo-intro { grid-template-columns: 1fr; gap: 2rem; }
  .ty-example { grid-template-columns: 1fr; min-height: auto; }
  .ty-left { min-height: 280px; border-right: none; border-bottom: 1px solid var(--bo); }
  .ty-right { padding: 3rem; }
  .ty-example.ty-kinetic .ty-left { min-height: 360px; }
  .imperf-hero-body { grid-template-columns: 1fr; gap: 2rem; }
  .imperf-content { grid-template-columns: 1fr; }
  .imperf-col { border-right: none; border-bottom: 1px solid var(--bo); }
  .imperf-col:last-child { border-bottom: none; }
}
@media(max-width:768px) {
  .gcards { grid-template-columns:1fr; }
  .swatches { grid-template-columns:1fr; }
  .dipt,.ft-grid { grid-template-columns:1fr; }
  .dipt { height:auto; }
  .dp { height:60vw; }
  .dp img { height: 100%; }
  .dp-cont { padding: 2rem; }
  .b,.b-w6,.b-w8,.b-w12 { grid-column:1/-1; }
  .hero-foot { grid-template-columns:1fr; }
  .kinetic-duo { gap: 1.5rem; }
  .imperf-hero { height: 70vh; }
  .imperf-col { padding: 3rem 2rem; }
  .chaos-img-banner { height: 220px; }
  .chaos-img-overlay { padding: 2rem; }

  /* Reducción de padding en elementos con mucho espacio interior */
  .gc { padding: 1.8rem; }
  .sw-inner { padding: 2rem; min-height: auto; }
  .chaos-col { padding: 2.5rem 1.8rem; }
  .ty-right { padding: 2rem; }
  .bento-cell { padding: 1.4rem; }

  /* Ajuste del texto cinético gigante para que no se corte */
  .typo-giant {
    font-size: clamp(5rem, 15vw, 9rem);
    white-space: normal;
    word-break: break-word;
  }
  .typo-giant-wrap { margin-bottom: 4rem; }

  /* Evitar desbordamientos en títulos muy largos */
  .hero-h1 { font-size: clamp(3.5rem, 10vw, 5rem); }
  .st-h { font-size: clamp(2.5rem, 8vw, 4rem); }
  .imperf-h-big { font-size: clamp(3.5rem, 12vw, 6rem); }

  /* Ajuste del footer */
  .ft-logo { font-size: clamp(3rem, 10vw, 5rem); }
  .ft-links a { font-size: clamp(1.2rem, 5vw, 2rem); }

  /* Tipografía cinética: un solo bloque vertical */
  .ty-example {
    grid-template-columns: 1fr;
  }
  .ty-example .ty-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 500px;
    padding: 1rem;
    border-right: none;
    border-bottom: 1px solid var(--bo);
  }
  .ty-kinetic .ty-left .kinetic-duo {
    flex-direction: column;
    gap: 2rem;
    width: 100%;
  }
  .ty-kinetic .ty-left .kinetic-readouts {
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    margin-top: 2rem;
    font-size: 0.6rem;
  }
  .ty-right {
    padding: 1.5rem;
    border-left: none;
  }
  .ty-right::before {
    display: none;
  }
  /* Propiedades en una sola columna */
  .ty-right > div:last-child > div {
    flex-direction: column;
    gap: 0.5rem;
  }
  .ty-right > div:last-child > div > div {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: 1px solid var(--bo);
    padding: 0.5rem 0;
  }
  .ty-right > div:last-child > div > div span:first-child {
    margin-bottom: 0.2rem;
    font-size: 0.7rem;
  }
  .ty-right > div:last-child > div > div span:last-child {
    font-size: 0.8rem;
  }
}
</style>
</head>
<body>

<div id="grain"></div>
<div id="cd"></div>
<div id="cr"></div>

<!-- ═══ LOADER ═══ -->
<div id="loader">
  <div class="ld-num" id="ln">0</div>
  <div class="ld-eyebrow">Imprenta Maiona — Visión 2026</div>
  <div class="ld-line"><span id="ls1">Tendencias diseño</span></div>
  <div class="ld-line ac"><span id="ls2">La gran redirección.</span></div>
  <div class="ld-bar-t"><div class="ld-bar" id="lb"></div></div>
  <div class="ld-foot"><span>Diseño Gráfico 2026</span><span id="lp">0%</span></div>
</div>

<!-- ═══ HERO ═══ -->
<section class="hero">
  <div class="hero-bg">
    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2026/02/tendencias-2026-1-scaled.webp?w=950&#038;ssl=1" alt="Fondo de tendencias de diseño gráfico 2026" id="hbg">
  </div>
  <div class="hero-body">
    <h1 class="hero-h1" id="hh1">
      <span class="ln"><span class="ln-i" id="hl1">La gran</span></span>
      <span class="ln"><span class="ln-i" id="hl2"><em>redirección</em></span></span>
      <span class="ln"><span class="ln-i" id="hl3">hacia lo humano</span></span>
    </h1>
  </div>
  <div class="hero-foot">
    <p class="hero-desc rv">Si tu marca sigue diseñando como en 2023, ya está tarde. El diseño gráfico en 2026 no premia la perfección. Premia la intención.</p>
    <div class="hero-tags rv d1">
      <div class="tag g">La era de lo imperfecto por diseño</div>
      <div class="tag">Anti-AI Crafting</div>
      <div class="tag">Liquid Glass &amp; Glassmorphism</div>
      <div class="tag">Tipografía cinética</div>
    </div>
  </div>
</section>

<!-- ═══ STATEMENT ═══ -->
<div class="div"></div>
<section class="statement">
  <div class="st-eyeline rv">
    <div class="label">El contexto / 2026</div>
    <div class="st-aside">Imprenta Maiona</div>
  </div>
  <h2 class="st-h rv">
    El mercado no premia<br>la <em>perfección.</em><br>Premia la <em>intención.</em>
  </h2>
  <div class="st-body rv d1">
    <p class="st-p">Tras años de estética optimizada para algoritmos, el mercado entra en una nueva fase: la era de lo imperfecto por diseño. No es nostalgia. Es estrategia competitiva. Las marcas que vuelven a la materia generan más recuerdo, más diferenciación y más percepción de valor.</p>
    <div class="st-quote">
      <p>"Si no se siente, no se recuerda."</p>
      <cite>— Imprenta Maiona, 2026</cite>
    </div>
  </div>
</section>

<!-- ═══ BENTO GRID ═══ -->
<div class="div"></div>
<section class="bento-sec">
  <div class="bento-header rv">
    <h2>Seis tendencias.<br><em>Una sola dirección.</em></h2>
    <p class="d1">Estas son las fuerzas que están redefiniendo el diseño gráfico en 2026. Cada una con impacto directo en cómo tu marca es percibida, recordada y elegida.</p>
  </div>
  <div class="bento rv d2">
    <div class="bento-cell b b-w6 b-h2">
      <div class="bc-img"><img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/mir-s3-cdn-cf.behance.net/project_modules/max_1200/82018d177431153.64d5ee559ac2a.png?w=950&#038;ssl=1" alt="Ejemplo de anti-AI crafting en diseño gráfico 2026"></div>
      <div class="bc-overlay"></div>
      <div class="bc-content">
        <div class="bc-num">01 — Anti-AI Crafting</div>
        <div class="bc-h"><em>Imperfecto</em><br>por diseño.</div>
        <div class="bc-p">Granos, bordes sin limpiar, texturas visibles. La rugosidad es credibilidad.</div>
      </div>
    </div>
    <div class="bento-cell b b-w6 b-h2">
      <div class="bc-img"><img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/mir-s3-cdn-cf.behance.net/project_modules/fs/186414235741967.68dd599501b4d.png?w=950&#038;ssl=1" alt="Ejemplo de liquid glass para diseño gráfico 2026"></div>
      <div class="bc-overlay"></div>
      <div class="bc-content">
        <div class="bc-num">02 — Liquid Glass</div>
        <div class="bc-h">Vidrio<br><em>Líquido.</em></div>
        <div class="bc-p">El flat design ha muerto. Las interfaces tienen profundidad real, refracción y masa.</div>
      </div>
    </div>
    <div class="bento-cell b bc-stat">
      <div class="bc-big">↑3×</div>
      <div class="bc-label">más recuerdo en piezas con textura vs. acabado plastificado</div>
    </div>
    <div class="bento-cell b bc-green">
      <div class="bc-content">
        <div class="bc-num">03 — Kinetic Type</div>
        <div class="bc-h">Tipografía<br>que lidera.</div>
        <div class="bc-p" style="max-height:none;opacity:1;color:rgba(38,38,38,.75)">La letra ya no acompaña. Se estira, vibra y tiene densidad.</div>
      </div>
    </div>
    <div class="bento-cell b bc-stat">
      <div class="bc-big" style="font-size:clamp(2rem,3.5vw,4.5rem);line-height:1;">2026</div>
      <div class="bc-label">El año en que la materia vuelve a liderar el diseño</div>
    </div>
    <div class="bento-cell b b-w8">
      <div class="bc-img"><img decoding="async" src="https://images.unsplash.com/photo-1677442135703-1787eea5ce01?w=1000&q=80&auto=format" alt="Ejemplo de IA colaborativa en diseño gráfico 2026"></div>
      <div class="bc-overlay"></div>
      <div class="bc-content">
        <div class="bc-num">04 — IA Colaborativa</div>
        <div class="bc-h">Copiloto, <em>no directora.</em></div>
        <div class="bc-p">La IA acelera. El criterio humano diferencia. El diseñador recupera el rol de Director Creativo.</div>
      </div>
    </div>
    <div class="bento-cell b b-w4 bc-teal">
      <div class="bc-content">
        <div class="bc-num">05 — Paleta 2026</div>
        <div class="bc-h">Reset y<br><em>Dopamina.</em></div>
        <div class="bc-p" style="max-height:none;opacity:1;color:rgba(242,240,233,.6)">Teal · Cloud Dancer · Neones.</div>
      </div>
    </div>
    <div class="bento-cell b b-w4">
      <div class="bc-img"><img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/mir-s3-cdn-cf.behance.net/project_modules/fs/7465cd78394561.5ca3aa649f92a.jpg?w=950&#038;ssl=1" alt="Ejemplo de brutalismo en diseño gráfico 2026"></div>
      <div class="bc-overlay"></div>
      <div class="bc-content">
        <div class="bc-num">06 — Brutalismo &amp; Anti-diseño</div>
        <div class="bc-h">El desorden<br><em>como código.</em></div>
        <div class="bc-p">Maximalismo, fricción y autenticidad. El caos con infraestructura es la forma más avanzada de diseño.</div>
      </div>
    </div>
    <div class="bento-cell b b-w8 bc-chaos">
      <div class="bc-chaos-bg" aria-hidden="true">
        <span class="cc1">!</span><span class="cc2">×</span><span class="cc3">◆</span><span class="cc4">▲</span><span class="cc5">※</span>
      </div>
      <div class="bc-content" style="position:relative;z-index:2;">
        <div class="bc-num" style="color:rgba(38,38,38,.6);">Tendencia 06 — Brutalismo &amp; Anti-diseño</div>
        <div class="bc-h" style="color:var(--bg);font-size:clamp(1.5rem,2.4vw,3rem);">El desorden<br><em style="color:var(--bg3);">como estrategia.</em></div>
        <div class="bc-p" style="max-height:none;opacity:1;color:rgba(38,38,38,.72);">Neo-Brutalismo, Anti-diseño, Storydoing. Las marcas que no siguen las reglas son las que se recuerdan.</div>
      </div>
    </div>
    <div class="bento-cell b b-w12" style="background:var(--bg2);min-height:120px;">
      <div class="bc-content" style="display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:2rem;flex:1;">
        <div class="bc-h" style="font-size:clamp(1.2rem,2vw,2rem);margin:0;">Si resumimos el diseño 2026 en una sola palabra:</div>
        <div style="font-family:var(--maragsa);font-size:clamp(2rem,4vw,5rem);color:var(--green);white-space:nowrap;font-style:italic">Materia.</div>
      </div>
    </div>
  </div>
</section>

<!-- ═══ GLASSMORPHISM ═══ -->
<div class="div"></div>
<section class="glass-sec">
  <div class="g-orb g-orb-1"></div>
  <div class="g-orb g-orb-2"></div>
  <div class="glass-bg-img"><img decoding="async" src="https://images.unsplash.com/photo-1518770660439-4636190af475?w=1800&q=80&auto=format" alt="Fondo de glassmorphism para diseño gráfico 2026"></div>
  <div class="glass-inner">
    <div class="glass-header rv">
      <div class="label">Tendencia 02 / Liquid Glass</div>
      <h2>El scroll desplaza<br><em>materia digital.</em></h2>
      <p>Las interfaces del futuro refractan su entorno. Los elementos flotan con profundidad real. Ya no navegamos webs: exploramos volúmenes de cristal digital que responden a la luz y al movimiento.</p>
    </div>
    <div class="gcards">
      <div class="gc rv">
        <p class="gc-num">01 — Refracción</p>
        <h3 class="gc-h">Liquid Glass</h3>
        <p class="gc-p">Capas translúcidas con refracción real. Mayor jerarquía visual, sensación premium y percepción de tecnología avanzada. La pantalla como ventana con dimensión física.</p>
        <div class="gc-img">
          <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/mir-s3-cdn-cf.behance.net/project_modules/fs/33d884244128055.6990525619bec.jpg?w=950&#038;ssl=1" alt="Ejemplo de refracción en diseño gráfico 2026">
          <div class="gc-tag">Glassmorphism</div>
        </div>
      </div>
      <div class="gc rv d1">
        <p class="gc-num">02 — Materialidad</p>
        <h3 class="gc-h">Skeuomorphism Reborn</h3>
        <p class="gc-p">Madera, piedra, metal. Las interfaces digitales se sienten tangibles. Lo que se puede "tocar con la mirada" genera más recuerdo que cualquier animación plana.</p>
        <div class="gc-img">
          <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/cdn.dribbble.com/userupload/19857743/file/original-ba51e880ff281ddc5e786c1cc0b06404.png?w=950&#038;ssl=1" alt="Ejemplo de skeuomorphism en diseño gráfico 2026">
          <div class="gc-tag">Texturas orgánicas</div>
        </div>
      </div>
      <div class="gc rv d2">
        <p class="gc-num">03 — Masa e inercia</p>
        <h3 class="gc-h">Masa e inercia</h3>
        <p class="gc-p">El scroll ya no desplaza contenido. Desplaza materia digital con masa e inercia. Los elementos reaccionan al movimiento como si tuvieran peso físico real.</p>
        <div class="gc-img">
          <img decoding="async" src="https://images.unsplash.com/photo-1633356122544-f134324a6cee?w=600&q=80&auto=format" alt="Ejemplo de masa e inercia en diseño gráfico 2026">
          <div class="gc-tag">Espacialidad 3D</div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ═══ BRUTALISMO & ANTI-DISEÑO ═══ -->
<div class="div"></div>
<section class="chaos-sec">
  <div class="chaos-header rv">
    <h2>
      El desorden<br>
      <span class="chaos-wacky">es el diseño.</span>
    </h2>
    <div class="chaos-header-right">
      <p>En 2026, el caos ya no es un accidente: es la estrategia. El Brutalismo y el Anti-diseño representan la respuesta más audaz frente a la perfección algorítmica y el minimalismo estéril que ha dominado la última década.</p>
      <div class="chaos-manifesto">
        "Debajo de los bordes rasgados y las cuadrículas rotas siempre hay un sistema. El caos con infraestructura es la forma más avanzada de diseño."
      </div>
    </div>
  </div>

  <!-- Imagen banner -->
  <div class="chaos-img-banner rv d1">
    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/i.pinimg.com/1200x/c8/b1/1c/c8b11cdfbf5984c40e745224baa51d2c.jpg?w=950&#038;ssl=1" alt="Brutalismo y anti-diseño en diseño gráfico 2026">
    <div class="chaos-img-overlay">
      <div class="chaos-img-text">
        <div class="chaos-img-eyebrow">Tendencia 06 / Referencia visual</div>
        <h3>Maximalismo<br>como <em>declaración.</em></h3>
      </div>
    </div>
    <div class="chaos-img-cap">Brutalismo &amp; Anti-diseño — 2026</div>
  </div>

  <!-- Tres arquetipos -->
  <div class="chaos-grid">
    <div class="chaos-col rv">
      <div class="chaos-col-n">01</div>
      <div class="chaos-col-label">Tendencia 06-A / Anti-diseño</div>
      <h3 style="transform:rotate(-1.5deg);display:inline-block;">Romper<br>las reglas.</h3>
      <p>Una explosión de color, patrones y tipografías que demanda atención inmediata. La marca que no sigue las normas académicas del diseño en favor de la honestidad visual y la fricción deliberada.</p>
      <ul class="chaos-traits">
        <li>Maximalismo puro: color, patrón y textura a máxima densidad</li>
        <li>Tipografía wacky: fuentes extravagantes que chocan entre sí</li>
        <li>Ilustraciones excéntricas hechas a mano</li>
        <li>Collages desordenados que rechazan la "estética de buen gusto"</li>
        <li>Conecta con audiencias que valoran lo auténtico sobre lo pulido</li>
      </ul>
    </div>
    <div class="chaos-col rv d1">
      <div class="chaos-col-n">02</div>
      <div class="chaos-col-label">Tendencia 06-B / Fricción Intencional</div>
      <h3>El error<br><em>como firma.</em></h3>
      <p>Recupera la influencia de David Carson en los 90. Rechaza las normas académicas del diseño en favor de la honestidad visual. La imperfección como declaración de intenciones.</p>
      <ul class="chaos-traits">
        <li>Fricción intencional: composiciones ligeramente "incómodas"</li>
        <li>Desorden controlado: colores que "no funcionan" juntos</li>
        <li>Layouts asimétricos y fuentes que se contradicen</li>
        <li>Scripts caóticos como deformalizador de grandes marcas</li>
        <li>Obliga al espectador a mirar dos veces: mayor recuerdo</li>
      </ul>
    </div>
    <div class="chaos-col rv d2">
      <div class="chaos-col-n">03</div>
      <div class="chaos-col-label">Tendencia 06-C / Neo-Brutalismo</div>
      <h3>Neo-Brutalism<br>&amp; Soft.</h3>
      <p>El brutalismo 2026 ha evolucionado en dos variantes que equilibran la dureza con la empatía, manteniendo siempre una infraestructura tipográfica clara debajo del caos.</p>
      <ul class="chaos-traits">
        <li>Neo-Brutalismo: tipografías sobredimensionadas, layouts crudos</li>
        <li>Transmite confianza y autoridad sin refinamiento superficial</li>
        <li>Soft Brutalism: estructura asimétrica con colores pastel</li>
        <li>El lado "humano" del diseño digital: crudo pero amigable</li>
        <li>Jerarquía y legibilidad siempre garantizadas bajo el caos</li>
      </ul>
    </div>
  </div>

  <div class="chaos-footer rv d3">
    <p>Esta tendencia es ideal para marcas que desean proyectar <strong>originalidad, rebeldía y confianza</strong>: el mensaje de que son demasiado auténticas para seguir las reglas convencionales. En Maiona la aplicamos a identidades visuales, carteles, revistas y piezas editoriales.</p>
    <div class="chaos-tag-stack">
      <span class="chaos-tag y">Maximalismo</span>
      <span class="chaos-tag y">Anti-diseño</span>
      <span class="chaos-tag g">Neo-Brutalism</span>
      <span class="chaos-tag g">Soft Brutalism</span>
      <span class="chaos-tag w">David Carson</span>
      <span class="chaos-tag w">Identidad Visual</span>
    </div>
  </div>
</section>

<!-- ═══ TIPOGRAFÍA CINÉTICA ═══ -->
<div class="div"></div>
<section class="typo-sec">
  <div class="label rv">Tendencia 03 / Tipografía cinética</div>
  <div class="typo-giant-wrap">
    <div class="typo-giant" id="tg">La letra&nbsp;<span>lidera.</span></div>
  </div>
  <div class="typo-intro rv">
    <h2>La letra<br>ya no <em>acompaña.</em><br>Lidera.</h2>
    <p>En 2026, la tipografía no es soporte del mensaje. Es el mensaje. Se estira, respira, tiene masa. Las fuentes que definen una marca no se eligen: se sienten. Tres arquetipos dominan la nueva era tipográfica.</p>
  </div>
  <div class="typo-examples">
    <div class="ty-example rv">
      <div class="ty-left">
        <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/mir-s3-cdn-cf.behance.net/project_modules/fs/2a1d43143093821.6273da4aa1579.jpg?w=950&#038;ssl=1" alt="Tipografía orgánica en diseño gráfico 2026">
        <div class="ty-left-overlay"></div>
        <div class="ty-img-badge">Funky Curvy Serifs — 2026</div>
      </div>
      <div class="ty-right">
        <div class="ty-deco-n">01</div>
        <div class="ty-num">01 — Arquetipo</div>
        <div class="ty-name it">Orgánica</div>
        <div class="ty-subname">Funky Curvy Serifs / Liquid Type</div>
        <p class="ty-desc">Curvas psicodélicas heredadas de los 70, reinterpretadas con precisión digital. La tipografía orgánica transmite lo que ningún algoritmo puede replicar: temperatura humana, imperfección premeditada y confianza ganada sin esfuerzo.</p>
        <div class="ty-tags">
          <span class="ty-tag active">Calidez</span>
          <span class="ty-tag active">Autenticidad</span>
          <span class="ty-tag">Retro sofisticado</span>
          <span class="ty-tag">Editorial</span>
        </div>
      </div>
    </div>
    <div class="ty-example rv d1" style="flex-direction: row-reverse;">
      <div class="ty-left" style="border-right:none; border-left: 1px solid var(--bo);">
        <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/mir-s3-cdn-cf.behance.net/project_modules/fs/882973243373879.6980cb451e32f.jpg?w=950&#038;ssl=1" alt="Scripts caóticos en diseño gráfico 2026">
        <div class="ty-left-overlay"></div>
        <div class="ty-img-badge">Scripts Caóticos / Handmade Authority</div>
      </div>
      <div class="ty-right">
        <div class="ty-deco-n">02</div>
        <div class="ty-num">02 — Arquetipo</div>
        <div class="ty-name" style="font-size:clamp(2.8rem,4.5vw,6.5rem);letter-spacing:-.02em;">RADICAL</div>
        <div class="ty-subname">Scripts Caóticos / Autoridad Humana</div>
        <p class="ty-desc">Letras hechas a mano, espaciados agresivos, bordes con rastros de pincel. La autoridad gráfica que ninguna IA puede simular: la seña personal del creador, visible en cada trazado. El error como intención. La imperfección como firma.</p>
        <div class="ty-tags">
          <span class="ty-tag active">Autoridad</span>
          <span class="ty-tag active">Personalidad cruda</span>
          <span class="ty-tag">Branding de autor</span>
          <span class="ty-tag">Alta moda / street</span>
        </div>
      </div>
    </div>
    <div class="ty-example ty-kinetic rv d2">
      <div class="ty-left">
        <div class="kinetic-grid"></div>
        <div class="kinetic-scan"></div>
        <div class="kinetic-live">En vivo</div>
        <div class="kinetic-duo">
          <div class="wave-letters" aria-label="Materia">
            <span class="wl">M</span><span class="wl">a</span><span class="wl">t</span><span class="wl">e</span><span class="wl">r</span><span class="wl">i</span><span class="wl">a</span>
          </div>
          <div class="ty-3d-container">
            <div class="ty-3d-inner">
              <div class="stretch-display" aria-label="Cinética">
                <span class="sl">K</span><span class="sl">i</span><span class="sl">n</span><span class="sl">é</span><span class="sl">t</span><span class="sl">i</span><span class="sl">c</span><span class="sl">a</span>
              </div>
            </div>
          </div>
        </div>
        <div class="kinetic-readouts">
          <span id="kread-wave">onda: 15.0px</span>
          <span id="kread-scale">escala: 1.22×</span>
          <span id="kread-rot">rotY: -7.4°</span>
        </div>
      </div>
      <div class="ty-right">
        <div class="ty-deco-n">03</div>
        <div class="ty-num">03 — Arquetipo</div>
        <div class="ty-name gr it">Materia.</div>
        <div class="ty-subname">Tipografía 3D y Cinética</div>
        <p class="ty-desc">La palabra no es plana. Tiene volumen, inercia y profundidad. En 2026, las letras reaccionan al scroll como si tuviesen masa: se deforman, vibran y flotan. No se diseñan: se esculpen.</p>
        <div class="ty-tags">
          <span class="ty-tag active">3D real</span>
          <span class="ty-tag active">Masa e inercia</span>
          <span class="ty-tag">Scroll driven</span>
          <span class="ty-tag">Digital + impreso</span>
        </div>
        <div style="margin-top:2.5rem; padding-top:2rem; border-top:1px solid var(--bo);">
          <div style="font-size:.58rem;letter-spacing:.25em;text-transform:uppercase;color:var(--green);margin-bottom:1.2rem;">Propiedades activas</div>
          <div style="display:flex;flex-direction:column;gap:.5rem;">
            <div style="display:flex;justify-content:space-between;font-size:.8rem;color:var(--fg2);border-bottom:1px solid var(--bo);padding-bottom:.4rem;"><span>Wave amplitude</span><span style="color:var(--green);">18px</span></div>
            <div style="display:flex;justify-content:space-between;font-size:.8rem;color:var(--fg2);border-bottom:1px solid var(--bo);padding-bottom:.4rem;"><span>Scale stretch</span><span style="color:var(--green);">1.25×</span></div>
            <div style="display:flex;justify-content:space-between;font-size:.8rem;color:var(--fg2);border-bottom:1px solid var(--bo);padding-bottom:.4rem;"><span>3D perspective</span><span style="color:var(--green);">400px</span></div>
            <div style="display:flex;justify-content:space-between;font-size:.8rem;color:var(--fg2);"><span>Rotation Y</span><span style="color:var(--green);" id="rot-display">0°</span></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- ═══ IMPERFECTO POR DISEÑO ═══ -->
<div class="div"></div>
<section class="imperf-sec">

  <div class="imperf-hero">
    <div class="imperf-hero-img">
      <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/mir-s3-cdn-cf.behance.net/project_modules/fs/d822de132105441.61a262b9555b9.png?w=950&#038;ssl=1" alt="Taller de impresión con tinta real, diseño gráfico 2026">
    </div>
    <div class="imperf-hero-cap">Taller Maiona — Tinta real sobre papel</div>
    <div class="imperf-hero-body rv">
      <div class="imperf-hero-left">
        <div class="imperf-label">Tendencia 01 / Anti-AI Crafting</div>
        <h2 class="imperf-h-big">
          <em>Imper-</em>
          <em>fecto</em>
          por diseño.
        </h2>
      </div>
      <div class="imperf-hero-right rv d1">
        <p class="imperf-hero-desc">
          La respuesta directa a la saturación visual generada por IA. El cerebro detecta lo imperfecto como <strong>auténtico, humano y más confiable.</strong> En branding 2026, la rugosidad es credibilidad.
        </p>
        <div class="imperf-hero-quote">
          "El mayor acto de rebeldía en 2026 es darle peso real a la letra."
        </div>
      </div>
    </div>
  </div>

  <div class="imperf-content">

    <div class="imperf-col imperf-col-main rv">
      <p>Tras años de estética optimizada para algoritmos, el mercado entra en una nueva fase. No es nostalgia: es <strong>estrategia competitiva</strong>. Las marcas que vuelven a la materia generan más recuerdo, más diferenciación y más percepción de valor.</p>
      <p>En neuromarketing, lo imperfecto activa la confianza. Las marcas que abrazan la textura, el grano y el error deliberado generan más recuerdo y más percepción de valor que cualquier acabado hiper-pulido.</p>
      <p>El Anti-AI Crafting no niega la tecnología. La usa como acelerador y reserva el criterio humano para lo que ninguna máquina puede hacer: <strong>tomar decisiones con cultura, contexto e intención.</strong></p>
    </div>

    <div class="imperf-col imperf-col-list rv d1">
      <h4>Las cinco<br><em>herramientas.</em></h4>
      <ul class="imperf-list-new">
        <li>
          <span class="imperf-li-n">01</span>
          <span>Papeles texturizados con absorción natural y fibra visible</span>
        </li>
        <li>
          <span class="imperf-li-n">02</span>
          <span>Tintas con acabados sin plastificado excesivo</span>
        </li>
        <li>
          <span class="imperf-li-n">03</span>
          <span>Impresión con peso real y memoria táctil</span>
        </li>
        <li>
          <span class="imperf-li-n">04</span>
          <span>Collage físico y elementos manuscritos</span>
        </li>
        <li>
          <span class="imperf-li-n">05</span>
          <span>Errores deliberados como firma de autor</span>
        </li>
      </ul>
    </div>

    <div class="imperf-col imperf-col-stats rv d2">
      <h4>El impacto<br>medible.</h4>

      <div class="imperf-stat-block">
        <div class="imperf-stat-big">↑3×</div>
        <p class="imperf-stat-desc">más recuerdo de marca en piezas impresas con textura vs. acabado plastificado</p>
      </div>

      <div class="imperf-neuro">
        <div class="imperf-neuro-label">Neuromarketing — Dato clave</div>
        <p>Lo imperfecto activa el sistema límbico antes que el córtex prefrontal. La señal de autenticidad llega antes que el análisis racional del consumidor.</p>
      </div>
    </div>

  </div>
</section>

<!-- ═══ DIPTYCH ═══ -->
<div class="dipt">
  <div class="dp" id="dp1">
    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/mir-s3-cdn-cf.behance.net/project_modules/fs/0ff868199138849.664ced4e3797f.gif?w=950&#038;ssl=1" alt="Manchas de tinta real en diseño gráfico 2026">
    <div class="dp-cont">
      <h3 class="dp-h"><em>Manchas</em><br>de tinta real.</h3>
      <p class="dp-p">En Maiona convertimos la tendencia en artefacto físico. El mayor acto de rebeldía es darle peso a la letra.</p>
    </div>
  </div>
  <div class="dp" id="dp2">
    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/mir-s3-cdn-cf.behance.net/project_modules/fs/2d9b35227109059.6839cec8618ff.jpg?w=950&#038;ssl=1" alt="Huella del creador en diseño gráfico 2026">
    <div class="dp-cont">
      <h3 class="dp-h">La huella<br><em>del creador.</em></h3>
      <p class="dp-p">La auténtica marca de calidad en 2026 es la huella dactilar del creador, tanto en digital como en papel.</p>
    </div>
  </div>
</div>

<!-- ═══ MARQUEE ═══ -->
<div class="mq">
  <div class="mt">
    <span class="mi">REVISTAS</span><span class="mi dot">•</span>
    <span class="mi">CARTELES</span><span class="mi dot">•</span>
    <span class="mi">CATÁLOGOS</span><span class="mi dot">•</span>
    <span class="mi">IDENTIDAD VISUAL</span><span class="mi dot">•</span>
    <span class="mi">PIEZAS ÚNICAS</span><span class="mi dot">•</span>
    <span class="mi">REVISTAS</span><span class="mi dot">•</span>
    <span class="mi">CARTELES</span><span class="mi dot">•</span>
    <span class="mi">CATÁLOGOS</span><span class="mi dot">•</span>
    <span class="mi">IDENTIDAD VISUAL</span><span class="mi dot">•</span>
    <span class="mi">PIEZAS ÚNICAS</span><span class="mi dot">•</span>
  </div>
</div>
<div class="mq">
  <div class="mt rev">
    <span class="mi">IMPRIMIMOS</span><span class="mi dot">•</span>
    <span class="mi">CON MANCHAS</span><span class="mi dot">•</span>
    <span class="mi">DE TINTA REAL</span><span class="mi dot">•</span>
    <span class="mi">DISEÑO VIVO</span><span class="mi dot">•</span>
    <span class="mi">IMPRIMIMOS</span><span class="mi dot">•</span>
    <span class="mi">CON MANCHAS</span><span class="mi dot">•</span>
    <span class="mi">DE TINTA REAL</span><span class="mi dot">•</span>
    <span class="mi">DISEÑO VIVO</span><span class="mi dot">•</span>
  </div>
</div>

<!-- ═══ PALETA ═══ -->
<div class="div"></div>
<section class="paleta-sec">
  <div class="label rv">Tendencia 05 / Paleta 2026</div>
  <h2 class="rv">Reset y <em>Dopamina.</em></h2>
  <div class="swatches">
    <div class="sw sw-teal rv">
      <div class="sw-ghost">T</div>
      <div class="sw-inner">
        <p class="sw-tag">WGSN/Coloro — Color del Año</p>
        <div class="sw-name">Transformative Teal.</div>
        <p class="sw-hex">HEX #003A35</p>
        <p class="sw-desc">Estabilidad, tecnología y naturaleza. Ideal para branding sostenible.</p>
        <p class="sw-psych">Psique — <strong>Estabilidad. Confianza. Naturaleza.</strong></p>
      </div>
    </div>
    <div class="sw sw-cloud rv d1">
      <div class="sw-ghost" style="color:rgba(38,38,38,.05)">C</div>
      <div class="sw-inner">
        <p class="sw-tag" style="color:rgba(38,38,38,.4)">Pantone — Color del Año</p>
        <div class="sw-name">Cloud Dancer.</div>
        <p class="sw-hex" style="color:rgba(38,38,38,.4)">HEX #F2F0E9</p>
        <p class="sw-desc" style="color:rgba(38,38,38,.6)">Blanco estratégico con memoria. Minimalismo consciente.</p>
        <p class="sw-psych" style="color:rgba(38,38,38,.35)">Psique — <strong style="color:var(--teal)">Claridad. Calma. Lienzo.</strong></p>
      </div>
    </div>
    <div class="sw sw-neo rv d2">
      <div class="sw-inner">
        <p class="sw-tag">Saturation Revival</p>
        <div class="sw-name">Dopamina Vibrante.</div>
        <p class="sw-hex">Neones + contrastes surrealistas</p>
        <p class="sw-desc">Energía líquida. Un espectro cromático que desafía la lógica para inyectar optimismo radical.</p>
        <p class="sw-psych">Psique — <strong>Energía. Optimismo. Ruptura.</strong></p>
      </div>
    </div>
  </div>
</section>

<!-- ═══ VISIÓN ═══ -->
<div class="div"></div>
<section class="vision-sec">
  <div class="vision-grid">
    <div>
      <div class="label rv">La Visión Maiona 2026</div>
      <h2 class="vision-h rv">La calidad<br>se mide en<br><em>huella.</em></h2>
      <div class="rv d2">
        <div class="vm-item"><div class="vm-dot"></div><div class="vm-text">Escalamos con tecnología.</div></div>
        <div class="vm-item"><div class="vm-dot"></div><div class="vm-text">Decidimos con criterio humano.</div></div>
        <div class="vm-item"><div class="vm-dot"></div><div class="vm-text">Convertimos tendencias en artefactos físicos.</div></div>
        <div class="vm-item"><div class="vm-dot"></div><div class="vm-text">Revistas. Carteles. Catálogos.</div></div>
        <div class="vm-item"><div class="vm-dot"></div><div class="vm-text">Identidad visual. Piezas únicas.</div></div>
      </div>
    </div>
    <div class="vision-right rv d1">
      <p>Si resumimos las tendencias de diseño gráfico 2026 en una sola palabra: <strong>Materia.</strong></p>
      <p>Materia digital. Materia tipográfica. Materia física. Cuando el mercado vuelve a valorar la materia, la impresión deja de ser soporte. <strong>Se convierte en posicionamiento.</strong></p>
      <p>La IA madura. El diseñador recupera el rol de Director Creativo. IA para escalado y bocetado. Humano para dirección de arte, identidad visual y resonancia cultural. <strong>La IA acelera. El criterio diferencia.</strong></p>
      <div class="vision-cta rv d3">
        <h3>¿Quieres convertir tu identidad visual en algo que se toque?</h3>
        <p>No es empezar un proyecto. Es construir presencia.</p>
        <a href="https://imprentamaiona.es/contacto/" class="btn btn-lg">Construir presencia →</a>
      </div>
    </div>
  </div>
</section>

<!-- ═══ CONCLUSIÓN ═══ -->
<section class="conc-sec">
  <div class="conc-glow"></div>
  <p class="conc-ey rv">Conclusión estratégica — 2026</p>
  <h2 class="conc-h rv d1">
    La calidad<br>no se mide<br>en <em>píxeles.</em>
  </h2>
  <p class="conc-p rv d2">El éxito en 2026 no vendrá de generar contenido masivo. Vendrá de creadores que saben elegir sus bordes ásperos: que demuestran, pieza a pieza, que detrás de cada píxel hay una intención humana real.</p>
  <p class="conc-cite rv d3">"En un mundo saturado de imágenes generadas algorítmicamente, la autenticidad y la imperfección son el nuevo lujo."</p>
  <div class="conc-line rv d4"></div>
  <a href="https://imprentamaiona.es/contacto/" class="btn btn-lg rv d5">Empieza tu proyecto →</a>
</section>

<!-- ═══ FOOTER ═══ -->
<footer>
  <div class="ft-grid">
    <div>
      <div class="ft-logo">Imprenta<br><em>Maiona</em></div>
      <p class="ft-desc">Convertimos la tendencia en artefacto físico. El mayor acto de rebeldía es darle peso a la letra.</p>
    </div>
    <ul class="ft-links">
      <li><a href="https://imprentamaiona.es/contacto/">Empezar Proyecto <span>→</span></a></li>
      <li><a href="https://www.instagram.com/imprenta_maiona" target="_blank" rel="noopener">Instagram <span>→</span></a></li>
      <li><a href="https://www.tiktok.com/@imprentamaiona" target="_blank" rel="noopener">TikTok <span>→</span></a></li>
      <li><a href="https://es.linkedin.com/company/imprenta-maiona" target="_blank" rel="noopener">LinkedIn <span>→</span></a></li>
    </ul>
  </div>
  <div class="ft-bot"><span>© 2026 Imprenta Maiona</span><span>Crafting the Future</span></div>
</footer>

<script>
/* CURSOR */
const cd=document.getElementById('cd'),cr=document.getElementById('cr');
let mx=0,my=0,rx=0,ry=0,li=0;
document.addEventListener('mousemove',e=>{
  mx=e.clientX;my=e.clientY;
  const n=Date.now();if(n-li>90){li=n;ink(mx,my);}
});
(function loop(){
  rx+=(mx-rx)*.09;ry+=(my-ry)*.09;
  cd.style.left=mx+'px';cd.style.top=my+'px';
  cr.style.left=rx+'px';cr.style.top=ry+'px';
  requestAnimationFrame(loop);
})();
function ink(x,y){
  const d=document.createElement('div');d.className='ink';
  const s=Math.random()*3+2;
  d.style.cssText=`left:${x}px;top:${y}px;width:${s}px;height:${s}px`;
  document.body.appendChild(d);setTimeout(()=>d.remove(),650);
}
document.querySelectorAll('a,.bento-cell,.gc,.sw,.dp,.vm-item,.ty-example,.chaos-col').forEach(el=>{
  el.addEventListener('mouseenter',()=>cr.classList.add('hov'));
  el.addEventListener('mouseleave',()=>cr.classList.remove('hov'));
});

/* LOADER */
const loader=document.getElementById('loader');
const lb=document.getElementById('lb'),lp=document.getElementById('lp'),ln=document.getElementById('ln');
const ls1=document.getElementById('ls1'),ls2=document.getElementById('ls2');
let prog=0;
const iv=setInterval(()=>{
  prog=Math.min(prog+Math.random()*6+2,100);
  lb.style.width=prog+'%';lp.textContent=Math.floor(prog)+'%';ln.textContent=Math.floor(prog);
  if(prog>=100)clearInterval(iv);
},50);
setTimeout(()=>{ls1.style.transform='translateY(0)';},120);
setTimeout(()=>{ls2.style.transform='translateY(0)';},300);
window.addEventListener('load',()=>setTimeout(dismiss,2200));
function dismiss(){
  ls1.style.transition='transform .55s cubic-bezier(.55,0,1,.45)';
  ls2.style.transition='transform .55s cubic-bezier(.55,0,1,.45) .06s';
  ls1.style.transform='translateY(-110%)';ls2.style.transform='translateY(-110%)';
  setTimeout(()=>{
    loader.style.transition='transform 1.1s cubic-bezier(.76,0,.24,1)';
    loader.style.transform='translateY(-100%)';
    setTimeout(()=>{loader.style.display='none';heroIn();},1100);
  },450);
}

/* HERO IN */
function heroIn(){
  [document.getElementById('hl1'),document.getElementById('hl2'),document.getElementById('hl3')].forEach((el,i)=>{
    setTimeout(()=>{el.style.transition='transform 1.3s cubic-bezier(.16,1,.3,1)';el.style.transform='translateY(0)';},i*120);
  });
  setTimeout(()=>magnet('#hh1',.26),1800);
}

/* MAGNETIC CHARS */
function magnet(sel,s){
  const el=document.querySelector(sel);if(!el)return;
  const tw=document.createTreeWalker(el,NodeFilter.SHOW_TEXT);
  const ns=[];let n;while(n=tw.nextNode())ns.push(n);
  ns.forEach(tn=>{
    const f=document.createDocumentFragment();
    [...tn.textContent].forEach(ch=>{
      if(/\s/.test(ch)){f.appendChild(document.createTextNode('\u00a0'));return;}
      const sp=document.createElement('span');sp.className='mc';sp.textContent=ch;f.appendChild(sp);
    });
    tn.parentNode.replaceChild(f,tn);
  });
  document.addEventListener('mousemove',e=>{
    el.querySelectorAll('.mc').forEach(c=>{
      const r=c.getBoundingClientRect();
      const dx=e.clientX-(r.left+r.width/2),dy=e.clientY-(r.top+r.height/2);
      const d=Math.sqrt(dx*dx+dy*dy),max=90;
      if(d<max){const f=(1-d/max)*s;c.style.transform=`translate(${-dx*f}px,${-dy*f*.5}px)`;}
      else c.style.transform='';
    });
  });
}

/* REVEAL OBSERVER */
const obs=new IntersectionObserver(es=>{es.forEach(e=>{if(e.isIntersecting){e.target.classList.add('in');obs.unobserve(e.target);}});},{threshold:.1});
document.querySelectorAll('.rv').forEach(el=>obs.observe(el));

/* KINETIC READOUTS */
(function() {
  const rWave=document.getElementById('kread-wave');
  const rScale=document.getElementById('kread-scale');
  const rRot=document.getElementById('kread-rot');
  const rotDisplay=document.getElementById('rot-display');
  function updateReadouts(t){
    const wave=(18+Math.sin(t*.0004)*6).toFixed(1);
    const scale=(1.25+Math.sin(t*.0006+1)*.12).toFixed(2);
    const rot=(Math.sin(t*.0003)*8).toFixed(1);
    if(rWave) rWave.textContent=`onda: ${wave}px`;
    if(rScale) rScale.textContent=`escala: ${scale}×`;
    if(rRot) rRot.textContent=`rotY: ${rot}°`;
    if(rotDisplay) rotDisplay.textContent=`${rot}°`;
    requestAnimationFrame(updateReadouts);
  }
  requestAnimationFrame(updateReadouts);
})();

/* SCROLL FX */
let stk=false;
window.addEventListener('scroll',()=>{if(!stk){stk=true;requestAnimationFrame(onS);}},{passive:true});
function onS(){
  const sy=window.scrollY,wh=window.innerHeight;
  const hbg=document.getElementById('hbg');
  if(hbg)hbg.style.transform=`scale(${Math.max(1,1.05-sy*.00004)}) translateY(${sy*.1}px)`;
  const tg=document.getElementById('tg');
  if(tg){const r=tg.getBoundingClientRect();const p=(wh-r.top)/(wh+r.height);tg.style.transform=`translateX(${(p-.5)*-180}px)`;}
  const d1=document.getElementById('dp1'),d2=document.getElementById('dp2');
  if(d1&&d2){
    const r=d1.getBoundingClientRect();const p=(wh-r.top)/(wh+r.height);const o=(p-.5)*50;
    const i1=d1.querySelector('img'),i2=d2.querySelector('img');
    if(i1)i1.style.transform=`translateY(${-o}px)`;
    if(i2)i2.style.transform=`translateY(${o}px)`;
  }
  stk=false;
}
</script>
</body>
</html>				</div>
				</div>
				</div>
		<div class="elementor-element elementor-element-7c5a2eb e-con-full e-flex e-con e-parent" data-id="7c5a2eb" data-element_type="container" data-e-type="container">
				</div>
		<div class="elementor-element elementor-element-f52190e e-con-full e-flex e-con e-parent" data-id="f52190e" data-element_type="container" data-e-type="container">
				</div>
		<div class="elementor-element elementor-element-1c9f3e0 e-con-full e-flex e-con e-parent" data-id="1c9f3e0" data-element_type="container" data-e-type="container">
				</div>
		<div class="elementor-element elementor-element-98413d6 e-con-full e-flex e-con e-parent" data-id="98413d6" data-element_type="container" data-e-type="container">
				</div>
		<div class="elementor-element elementor-element-e418d7e e-con-full e-flex e-con e-parent" data-id="e418d7e" data-element_type="container" data-e-type="container">
				</div>
		<div class="elementor-element elementor-element-11dc5ef e-con-full e-flex e-con e-parent" data-id="11dc5ef" data-element_type="container" data-e-type="container">
				</div>
		<div class="elementor-element elementor-element-e3d20b0 e-con-full e-flex e-con e-parent" data-id="e3d20b0" data-element_type="container" data-e-type="container">
				</div>
		<div class="elementor-element elementor-element-5cffdb4 e-con-full e-flex e-con e-parent" data-id="5cffdb4" data-element_type="container" data-e-type="container">
				</div>
				</div>
		<p>La entrada <a href="https://imprentamaiona.es/tendencias-diseno-grafico-2026/">Tendencias diseño 2026 | Imprenta Maiona</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7776</post-id>	</item>
		<item>
		<title>Affinity Gratis 2025: La Revolución en Diseño e Impresión Profesional</title>
		<link>https://imprentamaiona.es/affinity-gratis-diseno-impresion/</link>
		
		<dc:creator><![CDATA[Maiona]]></dc:creator>
		<pubDate>Tue, 04 Nov 2025 10:25:56 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Affinity 2025]]></category>
		<category><![CDATA[herramientas diseño]]></category>
		<category><![CDATA[software gratuito]]></category>
		<guid isPermaLink="false">https://imprentamaiona.es/?p=7651</guid>

					<description><![CDATA[<p>El 31 de octubre de 2025, Affinity revolucionó la industria del diseño lanzando una suite profesional completamente gratuita. Descubre cómo esta herramienta unificada de diseño, fotografía y maquetación impacta a imprentas y diseñadores en 2025.</p>
<p>La entrada <a href="https://imprentamaiona.es/affinity-gratis-diseno-impresion/">Affinity Gratis 2025: La Revolución en Diseño e Impresión Profesional</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7651" class="elementor elementor-7651">
				<div class="elementor-element elementor-element-0a61e58 e-con-full e-flex e-con e-parent" data-id="0a61e58" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
				<div class="elementor-element elementor-element-db653e8 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="db653e8" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>La Revolución Affinity: Diseño Gratuito que Cambia Todo | Imprenta Maiona</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    
    <style>
        /* Reset y configuración base */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        :root {
            --primary: #00BE74;
            --primary-light: #4dd19a;
            --primary-dark: #008a57;
            --accent: #FF6B35;
            --text: #FFFFFF;
            --text-light: rgba(255, 255, 255, 0.9);
            --text-lighter: rgba(255, 255, 255, 0.7);
            --bg: #000000;
            --glass: rgba(255, 255, 255, 0.1);
            --glass-dark: rgba(0, 0, 0, 0.3);
            --glass-border: rgba(255, 255, 255, 0.2);
            --blur: blur(20px);
            --radius: 24px;
            --transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        html {
            scroll-behavior: smooth;
        }

        body {
            background: var(--bg);
            color: var(--text);
            font-family: 'Inter', sans-serif;
            line-height: 1.7;
            overflow-x: hidden;
            min-height: 100vh;
        }

        /* Ocultar masthead */
        #masthead {
            display: none !important;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Header Hero con Glassmorphism */
        .hero {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            padding: 2rem 0;
        }

        .hero::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 20% 30%, rgba(0, 190, 116, 0.15) 0%, transparent 50%),
                radial-gradient(circle at 80% 70%, rgba(0, 190, 116, 0.08) 0%, transparent 50%);
            z-index: -1;
        }

        .hero-content {
            text-align: center;
            max-width: 1000px;
            padding: 3rem;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: var(--blur);
            -webkit-backdrop-filter: var(--blur);
            border-radius: var(--radius);
            border: 1px solid var(--glass-border);
            position: relative;
            overflow: hidden;
        }

        .hero-content::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: var(--transition);
        }

        .hero-content:hover::before {
            left: 100%;
        }

        .logo {
            margin-bottom: 3rem;
        }

        .logo img {
            max-height: 80px;
            width: auto;
            filter: drop-shadow(0 0 20px rgba(0, 190, 116, 0.5));
        }

        /* H1 mucho más grande */
        h1 {
            font-size: 50 p;
            margin-bottom: 1rem;
            font-weight: 900;
            line-height: 1.1;
            color: white;
            text-shadow: 0 0 30px rgba(0, 190, 116, 0.5);
            letter-spacing: 5px;
        }

        /* Subtítulo 4 veces más pequeño */
        .subtitle {
            font-size: clamp(1.25rem, 2.5vw, 2.5rem);
            color: var(--text-light);
            margin-bottom: 3rem;
            font-weight: 400;
            line-height: 1.3;
        }

        /* Layout Mejorado */
        .content-wrapper {
            display: flex;
            flex-direction: column;
            gap: 3rem;
            margin: 4rem 0;
        }

        /* Tarjetas Glassmorphism Restauradas */
        .content-card {
            background: var(--glass);
            backdrop-filter: var(--blur);
            -webkit-backdrop-filter: var(--blur);
            border: 1px solid var(--glass-border);
            border-radius: var(--radius);
            padding: 3rem;
            transition: var(--transition);
            position: relative;
            overflow: hidden;
        }

        .content-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: var(--transition);
        }

        .content-card:hover::before {
            left: 100%;
        }

        .content-card:hover {
            transform: translateY(-10px);
            box-shadow: 
                0 25px 50px rgba(0, 0, 0, 0.5),
                0 0 0 1px rgba(0, 190, 116, 0.3);
        }

        /* Header de tarjeta */
        .card-header {
            display: flex;
            align-items: center;
            margin-bottom: 2.5rem;
        }

        .card-icon {
            width: 80px;
            height: 80px;
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 2rem;
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: white;
            font-size: 2rem;
            box-shadow: 0 8px 25px rgba(0, 190, 116, 0.4);
            transition: var(--transition);
            backdrop-filter: blur(10px);
        }

        .content-card:hover .card-icon {
            transform: scale(1.1) rotate(5deg);
        }

        .card-title {
            font-size: 2.2rem;
            color: white;
            font-weight: 800;
            line-height: 1.2;
            background: linear-gradient(135deg, #fff, var(--text-light));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .card-content {
            font-size: 1.2rem;
            color: var(--text-light);
            line-height: 1.8;
        }

        .card-content p {
            margin-bottom: 1.8rem;
        }

        /* Elementos especiales con Glassmorphism */
        .highlight {
            background: linear-gradient(135deg, rgba(0, 190, 116, 0.15), rgba(77, 209, 154, 0.1));
            padding: 2.5rem;
            border-radius: var(--radius);
            margin: 2rem 0;
            border-left: 5px solid var(--primary);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .quote {
            font-style: italic;
            padding: 2.5rem;
            background: rgba(255, 255, 255, 0.05);
            border-radius: var(--radius);
            margin: 2rem 0;
            position: relative;
            border: 1px solid rgba(255, 255, 255, 0.1);
            font-size: 1.3rem;
            line-height: 1.6;
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }

        .quote::before {
            content: """;
            font-size: 5rem;
            color: var(--primary);
            position: absolute;
            top: -10px;
            left: 20px;
            opacity: 0.3;
            font-family: Georgia, serif;
        }

        /* Slideshow Mejorado con Botones Redondos */
        .video-showcase {
            margin: 3rem 0;
            border-radius: var(--radius);
            overflow: hidden;
            background: rgba(0, 0, 0, 0.3);
            position: relative;
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .carousel-container {
            position: relative;
            width: 100%;
            height: 500px;
            overflow: hidden;
            border-radius: var(--radius);
        }

        .carousel-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.5s ease-in-out;
        }

        .carousel-slide.active {
            opacity: 1;
        }

        .carousel-slide video {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .slide-label {
            position: absolute;
            top: 30px;
            left: 30px;
            background: var(--primary);
            color: white;
            padding: 15px 30px;
            border-radius: 30px;
            font-size: 1.4rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            z-index: 10;
            backdrop-filter: blur(10px);
        }

        .carousel-controls {
            position: absolute;
            bottom: 30px;
            left: 0;
            right: 0;
            display: flex;
            justify-content: center;
            gap: 15px;
            z-index: 10;
        }

        /* Botones del carrusel redondos y bonitos */
        .carousel-btn {
            background: rgba(255, 255, 255, 0.3);
            border: 2px solid rgba(255, 255, 255, 0.5);
            color: white;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.2rem;
            backdrop-filter: blur(10px);
        }

        .carousel-btn.active {
            background: var(--primary);
            border-color: var(--primary);
            transform: scale(1.1);
            box-shadow: 0 0 20px rgba(0, 190, 116, 0.5);
        }

        .carousel-btn:hover {
            background: var(--primary);
            border-color: var(--primary);
            transform: scale(1.1);
        }

        .carousel-arrows {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            display: flex;
            justify-content: space-between;
            padding: 0 30px;
            transform: translateY(-50%);
            z-index: 10;
        }

        .arrow-btn {
            background: rgba(0, 0, 0, 0.7);
            border: 2px solid rgba(255, 255, 255, 0.3);
            color: white;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            backdrop-filter: blur(10px);
        }

        .arrow-btn:hover {
            background: var(--primary);
            transform: scale(1.1);
            border-color: var(--primary);
            box-shadow: 0 0 20px rgba(0, 190, 116, 0.5);
        }

        /* Imágenes con bordes redondeados */
        .feature-image {
            width: 100%;
            border-radius: var(--radius);
            margin: 2rem 0;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
            transition: var(--transition);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        .feature-image:hover {
            transform: scale(1.02);
            box-shadow: 0 20px 45px rgba(0, 190, 116, 0.3);
        }

        /* Listas Mejoradas */
        ul {
            margin: 2rem 0;
            padding-left: 2.5rem;
            color: var(--text-light);
            font-size: 1.2rem;
        }

        li {
            margin-bottom: 1rem;
            line-height: 1.7;
            position: relative;
        }

        li::before {
            content: "▸";
            color: var(--primary);
            font-weight: bold;
            position: absolute;
            left: -1.5rem;
        }

        strong {
            color: var(--primary-light);
            font-weight: 700;
        }

        /* Estadísticas con Glassmorphism */
        .stats-container {
            display: flex;
            justify-content: space-around;
            margin: 2.5rem 0;
            flex-wrap: wrap;
            gap: 2rem;
        }

        .stat-item {
            padding: 2rem;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 20px;
            text-align: center;
            min-width: 180px;
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: var(--transition);
            backdrop-filter: blur(15px);
        }

        .stat-item:hover {
            transform: translateY(-5px);
            border-color: var(--primary);
            background: rgba(0, 190, 116, 0.1);
        }

        .stat-value {
            font-size: 3.5rem;
            font-weight: 900;
            color: var(--primary);
            margin-bottom: 0.5rem;
            text-shadow: 0 0 20px rgba(0, 190, 116, 0.3);
        }

        .stat-label {
            font-size: 1.1rem;
            color: var(--text-light);
            font-weight: 600;
        }

          /* Audio Section COMPLETAMENTE REDISEÑADA */
        .audio-section {
            text-align: center;
            padding: 5rem 3rem;
            background: linear-gradient(135deg, rgba(0, 190, 116, 0.2), rgba(0, 190, 116, 0.1));
            backdrop-filter: var(--blur);
            -webkit-backdrop-filter: var(--blur);
            border-radius: var(--radius);
            border: 1px solid rgba(0, 190, 116, 0.3);
            margin: 3rem 0;
            position: relative;
            overflow: hidden;
        }

        .audio-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 20% 80%, rgba(0, 190, 116, 0.3) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(0, 190, 116, 0.2) 0%, transparent 50%);
            z-index: 0;
        }

        .audio-title {
            font-size: 3rem;
            margin-bottom: 3rem;
            color: white;
            position: relative;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 1.5rem;
            font-weight: 800;
            text-shadow: 0 0 20px rgba(0, 190, 116, 0.5);
        }

        .audio-title i {
            color: var(--primary);
            font-size: 3.5rem;
        }

        .audio-player-container {
            max-width: 900px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .custom-audio-player {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(25px);
            -webkit-backdrop-filter: blur(25px);
            border-radius: 30px;
            padding: 2.5rem;
            border: 2px solid rgba(255, 255, 255, 0.2);
            display: flex;
            flex-direction: column;
            gap: 2rem;
            transition: var(--transition);
            position: relative;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
        }

        .custom-audio-player::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(135deg, rgba(0, 190, 116, 0.1), transparent);
            z-index: -1;
        }

        .custom-audio-player:hover {
            background: rgba(255, 255, 255, 0.15);
            transform: translateY(-8px);
            box-shadow: 0 25px 50px rgba(0, 190, 116, 0.3);
            border-color: var(--primary);
        }

        .player-header {
            display: flex;
            align-items: center;
            gap: 2rem;
        }

        .play-btn {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            background: var(--primary);
            border: none;
            color: white;
            font-size: 2rem;
            cursor: pointer;
            transition: var(--transition);
            display: flex;
            align-items: center;
            justify-content: center;
            box-shadow: 0 10px 25px rgba(0, 190, 116, 0.5);
            backdrop-filter: blur(10px);
            flex-shrink: 0;
        }

        .play-btn:hover {
            transform: scale(1.1);
            background: var(--primary-light);
            box-shadow: 0 15px 30px rgba(0, 190, 116, 0.7);
        }

        .audio-info {
            flex: 1;
            text-align: left;
            min-width: 0;
        }

        .audio-track-title {
            font-size: 1.8rem;
            font-weight: 800;
            margin-bottom: 0.5rem;
            color: white;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            text-shadow: 0 0 10px rgba(0, 190, 116, 0.3);
        }

        .audio-track-desc {
            color: var(--text-light);
            font-size: 1.3rem;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .audio-controls {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            width: 100%;
        }

        .audio-progress-container {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            width: 100%;
        }

        .audio-progress {
            flex: 1;
            height: 10px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 5px;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        .audio-progress-bar {
            height: 100%;
            background: linear-gradient(90deg, var(--primary), var(--primary-light));
            width: 0%;
            transition: width 0.1s linear;
            border-radius: 5px;
            position: relative;
            box-shadow: 0 0 10px rgba(0, 190, 116, 0.5);
        }

        .audio-time {
            color: var(--text-light);
            font-size: 1.3rem;
            min-width: 140px;
            text-align: right;
            font-weight: 600;
            flex-shrink: 0;
        }

        .audio-volume-controls {
            display: flex;
            align-items: center;
            gap: 1.5rem;
            width: 100%;
        }

        .volume-icon {
            color: var(--text-light);
            font-size: 1.5rem;
            flex-shrink: 0;
            transition: var(--transition);
        }

        .volume-icon:hover {
            color: var(--primary);
        }

        .volume-slider {
            flex: 1;
            height: 8px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 4px;
            position: relative;
            cursor: pointer;
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);
        }

        .volume-level {
            height: 100%;
            background: linear-gradient(90deg, var(--primary), var(--primary-light));
            width: 80%;
            border-radius: 4px;
            transition: width 0.1s linear;
            box-shadow: 0 0 8px rgba(0, 190, 116, 0.4);
        }

        .audio-visualizer {
            height: 60px;
            width: 100%;
            display: flex;
            align-items: flex-end;
            justify-content: center;
            gap: 4px;
            margin-top: 1rem;
        }

        .visualizer-bar {
            width: 6px;
            background: linear-gradient(to top, var(--primary), var(--primary-light));
            border-radius: 3px 3px 0 0;
            transition: height 0.2s ease;
            box-shadow: 0 0 8px rgba(0, 190, 116, 0.4);
        }

        /* CTA Section con Glassmorphism */
        .cta-section {
            text-align: center;
            padding: 5rem 3rem;
            background: linear-gradient(135deg, rgba(0, 190, 116, 0.2), rgba(0, 190, 116, 0.1));
            backdrop-filter: var(--blur);
            -webkit-backdrop-filter: var(--blur);
            border-radius: var(--radius);
            border: 2px solid rgba(0, 190, 116, 0.3);
            margin: 4rem 0;
            position: relative;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 20% 80%, rgba(0, 190, 116, 0.25) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(0, 190, 116, 0.15) 0%, transparent 50%);
        }

        .cta-title {
            font-size: 3rem;
            margin-bottom: 2rem;
            color: white;
            position: relative;
            z-index: 1;
            font-weight: 900;
            line-height: 1.2;
        }

        .cta-text {
            font-size: 1.4rem;
            margin-bottom: 2.5rem;
            color: var(--text-light);
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            z-index: 1;
            line-height: 1.6;
        }

        .cta-button {
            display: inline-flex;
            align-items: center;
            gap: 1.5rem;
            background: var(--primary);
            color: white;
            padding: 1.5rem 3rem;
            border-radius: 60px;
            text-decoration: none;
            font-weight: 800;
            font-size: 1.3rem;
            transition: var(--transition);
            box-shadow: 0 10px 30px rgba(0, 190, 116, 0.4);
            position: relative;
            z-index: 1;
            border: none;
            cursor: pointer;
            backdrop-filter: blur(10px);
        }

        .cta-button:hover {
            transform: translateY(-8px) scale(1.05);
            box-shadow: 0 15px 40px rgba(0, 190, 116, 0.6);
            background: var(--primary-light);
        }

        /* CTA Section con Glassmorphism */
        .cta-section {
            text-align: center;
            padding: 5rem 3rem;
            background: linear-gradient(135deg, rgba(0, 190, 116, 0.2), rgba(0, 190, 116, 0.1));
            backdrop-filter: var(--blur);
            -webkit-backdrop-filter: var(--blur);
            border-radius: var(--radius);
            border: 2px solid rgba(0, 190, 116, 0.3);
            margin: 4rem 0;
            position: relative;
            overflow: hidden;
        }

        .cta-section::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(circle at 20% 80%, rgba(0, 190, 116, 0.25) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(0, 190, 116, 0.15) 0%, transparent 50%);
        }

        .cta-title {
            font-size: 3rem;
            margin-bottom: 2rem;
            color: white;
            position: relative;
            z-index: 1;
            font-weight: 900;
            line-height: 1.2;
        }

        .cta-text {
            font-size: 1.4rem;
            margin-bottom: 2.5rem;
            color: var(--text-light);
            max-width: 800px;
            margin-left: auto;
            margin-right: auto;
            position: relative;
            z-index: 1;
            line-height: 1.6;
        }

        .cta-button {
            display: inline-flex;
            align-items: center;
            gap: 1.5rem;
            background: var(--primary);
            color: white;
            padding: 1.5rem 3rem;
            border-radius: 60px;
            text-decoration: none;
            font-weight: 800;
            font-size: 1.3rem;
            transition: var(--transition);
            box-shadow: 0 10px 30px rgba(0, 190, 116, 0.4);
            position: relative;
            z-index: 1;
            border: none;
            cursor: pointer;
            backdrop-filter: blur(10px);
        }

        .cta-button:hover {
            transform: translateY(-8px) scale(1.05);
            box-shadow: 0 15px 40px rgba(0, 190, 116, 0.6);
            background: var(--primary-light);
        }

        /* Imagen de descarga MUCHO más pequeña */
        .download-image {
            max-width: 500px !important;
            margin: 2rem auto;
            display: block;
            border-radius: 20px !importanimportant;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
            transition: var(--transition);
            border: 2px solid rgba(255, 255, 255, 0.1);
        }

        .download-image:hover {
            transform: scale(1.5);
            box-shadow: 0 15px 30px rgba(0, 190, 116, 0.3);
            border-color: var(--primary);
        }

        /* Footer */
        footer {
            padding: 4rem 0;
            margin-top: 4rem;
            text-align: center;
            border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .footer-logo {
            margin-bottom: 2rem;
        }

        .footer-logo img {
            max-height: 60px;
            width: auto;
            opacity: 0.8;
        }

        .footer-text {
            color: var(--text-light);
            max-width: 600px;
            margin: 0 auto;
            font-size: 1.1rem;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .content-card {
                padding: 2rem;
            }
            
            .card-header {
                flex-direction: column;
                text-align: center;
            }
            
            .card-icon {
                margin-right: 0;
                margin-bottom: 1.5rem;
            }
            
            .card-title {
                font-size: 1.8rem;
            }
            
            .carousel-container {
                height: 350px;
            }
            
            .slide-label {
                font-size: 1.1rem;
                top: 20px;
                left: 20px;
                padding: 10px 20px;
            }
            
            .carousel-btn {
                width: 40px;
                height: 40px;
                font-size: 1rem;
            }
            
            .custom-audio-player {
                flex-direction: column;
                gap: 1.5rem;
                padding: 2rem;
            }
            
            .audio-info {
                text-align: center;
            }
            
            .audio-controls {
                width: 100%;
            }
            
            .cta-section {
                padding: 3rem 2rem;
            }
            
            .cta-title {
                font-size: 2.2rem;
            }
            
            .cta-text {
                font-size: 1.2rem;
            }
            
            h1 {
                font-size: clamp(3rem, 8vw, 6rem);
            }
            
            .subtitle {
                font-size: clamp(1.5rem, 4vw, 2.5rem);
            }
        }
    </style>
</head>
<body>
    <!-- Hero Section -->
    <section class="hero">
        <div class="container">
            <div class="hero-content">
                <div class="logo">
                    <a href="https://imprentamaiona.es">
                        <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/03/cropped-imprenta-maiona-logo-blanco-e1742374515536.png?w=950&#038;ssl=1" alt="Imprenta Maiona">
                    </a>
                </div>
                <h1>Lo que acaba de hacer Affinity va a marcar un antes y un después</h1>
                <p class="subtitle">(y te conviene saberlo)</p>
            </div>
        </div>
    </section>

    <div class="container">
        <div class="content-wrapper">
            <!-- Introducción -->
            <div class="content-card">
                <div class="card-content">
                    <p style="font-size: 1.3rem; line-height: 1.8;">Durante años, diseñar con herramientas profesionales era casi un lujo.<br>
                    Programas carísimos, suscripciones eternas y creativos atados a software que costaba más que sus propios proyectos.</p>
                    
                    <p style="font-size: 1.3rem; line-height: 1.8;"><strong>Pero el 31 de octubre de 2025, todo cambió.</strong><br>
                    Affinity decidió reescribir las reglas del juego y lanzó una versión completamente nueva, unificada y —sí, lo estás leyendo bien— gratuita para siempre.</p>
                    
                    <div class="highlight">
                        <p style="font-size: 1.4rem; font-weight: 600; margin: 0;">Una suite profesional de diseño, fotografía y maquetación sin letra pequeña, sin limitaciones y sin pagar ni un euro.</p>
                    </div>
                    
                    <p style="font-size: 1.3rem; line-height: 1.8;">Y aunque esto ya sería noticia por sí sola, lo mejor es que esta revolución también beneficia directamente a quienes imprimen, diseñan y producen con nosotros en Imprenta Maiona.</p>
                </div>
            </div>

            <!-- Sección 1 con Carrusel Mejorado -->
            <div class="content-card">
                <div class="card-header">
                    <div class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h2 class="card-title">1. No es una simple actualización: es un nuevo universo creativo</h2>
                </div>
                <div class="card-content">
                    <p>Lo que antes eran tres programas separados —Photo, Designer y Publisher— ahora vive en una sola aplicación: Affinity.<br>
                    Una plataforma todo en uno donde puedes:</p>
                    
                    <ul>
                        <li>Diseñar logotipos, carteles o packaging.</li>
                        <li>Editar fotos con precisión quirúrgica.</li>
                        <li>Maquetar revistas, catálogos o folletos listos para impresión.</li>
                    </ul>
                    
                    <p>Todo sin cambiar de programa, sin perder calidad y con un nuevo formato de archivo unificado (.AF) que hace que cada parte del proceso encaje como un reloj.</p>
                    
                    <!-- Carrusel de Videos Mejorado -->
                    <div class="video-showcase">
                        <div class="carousel-container">
                            <div class="carousel-slide active">
                                <div class="slide-label">Vector</div>
                                <video muted loop>
                                    <source src="https://content-management-files.canva.com/8364ede3-1a1b-466f-9a67-f331a05d98f7/AFFI25003_Affinity_LOLP_Vector_Desktop_H264.mp4" type="video/mp4">
                                </video>
                            </div>
                            <div class="carousel-slide">
                                <div class="slide-label">Pixel</div>
                                <video muted loop>
                                    <source src="https://content-management-files.canva.com/f4767ff1-be43-42fc-929e-75ae57d46501/AFFI25003_Affinity_LOLP_Pixel_Desktop_H264.mp4" type="video/mp4">
                                </video>
                            </div>
                            <div class="carousel-slide">
                                <div class="slide-label">Diseño</div>
                                <video muted loop>
                                    <source src="https://content-management-files.canva.com/0fcd1fb3-7176-477e-b877-ddf64b84259b/AFFI25003_Affinity_LOLP_Layout_Desktop_H264.mp4" type="video/mp4">
                                </video>
                            </div>
                        </div>
                        <div class="carousel-controls">
                            <button class="carousel-btn active" data-slide="0">1</button>
                            <button class="carousel-btn" data-slide="1">2</button>
                            <button class="carousel-btn" data-slide="2">3</button>
                        </div>
                        <div class="carousel-arrows">
                            <button class="arrow-btn prev-arrow">
                                <i class="fas fa-chevron-left"></i>
                            </button>
                            <button class="arrow-btn next-arrow">
                                <i class="fas fa-chevron-right"></i>
                            </button>
                        </div>
                    </div>
                    
                    <div class="quote">
                        "Es como tener Illustrator, Photoshop e InDesign en una sola ventana… pero gratis", decía uno de los testers en su vídeo de lanzamiento.
                    </div>
                    
                    <p>Para cualquier diseñador, artista o estudio, es una libertad enorme.<br>
                    Pero para quienes trabajamos en imprenta, es una revolución real en cómo llegan los archivos y cómo se imprime el resultado final.</p>
                </div>
            </div>

            <!-- Resto del contenido se mantiene igual -->
            <!-- Sección 2 -->
            <div class="content-card">
                <div class="card-header">
                    <div class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h2 class="card-title">2. Por qué esto importa (mucho) a Maiona y a nuestros clientes</h2>
                </div>
                <div class="card-content">
                    <p>Hasta ahora, muchos clientes no podían acceder a software profesional.<br>
                    Eso se traducía en errores de sangrado, tipografías que no se incrustaban o colores que no salían igual en impresión.<br>
                    Más revisiones, más correos, más tiempo perdido.</p>
                    
                    <p>Con Affinity gratuito, eso cambia completamente.</p>
                    
                    <div class="highlight">
                        <p style="font-size: 1.2rem; margin: 1rem 0;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Cualquier persona</strong> puede crear y enviar archivos profesionales listos para imprimir.</p>
                        <p style="font-size: 1.2rem; margin: 1rem 0;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>Los diseñadores</strong> pueden trabajar con CMYK real, sangrados, guías y tipografías incrustadas.</p>
                        <p style="font-size: 1.2rem; margin: 1rem 0;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>En Maiona</strong>, podemos abrir directamente los archivos .AF, revisarlos y garantizar un resultado perfecto en prensa.</p>
                    </div>
                    
                    <p><strong>El resultado:</strong><br>
                    menos revisiones, menos estrés, más calidad y más creatividad.</p>
                    
                    <p>Porque cuando todos hablamos el mismo "idioma técnico", el proceso fluye y la impresión final refleja exactamente lo que el diseñador imaginó.</p>
                </div>
            </div>

            <!-- Sección 3 con Imagen -->
            <div class="content-card">
                <div class="card-header">
                    <div class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f916.png" alt="🤖" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h2 class="card-title">3. La "letra pequeña" (y por qué también es buena noticia)</h2>
                </div>
                <div class="card-content">
                    <p>Sí, hay letra pequeña… pero de la buena.<br>
                    Affinity ahora pertenece a Canva, y eso significa que la inteligencia artificial entra en escena.</p>
                    
                    <p>La aplicación completa es gratuita, pero las funciones avanzadas de IA (integradas a través de Canva AI) están disponibles para quienes tengan cuenta Canva Pro.</p>
                    
                    <p>Entre ellas están:</p>
                    
                    <ul>
                        <li>Relleno y expansión generativa.</li>
                        <li>Eliminación automática de fondos.</li>
                        <li>Desenfoque de retrato y efectos de iluminación.</li>
                        <li>Generación de imágenes o vectores desde texto.</li>
                    </ul>

                    <!-- Imagen de IA -->
                    <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/11/GenerativeExpand3x.jpg?w=950&#038;ssl=1" alt="Expansión generativa de Affinity" class="feature-image">
                    
                    <div class="quote">
                        "La IA no te quita el trabajo, te lo acelera", decía uno de los creadores que la probó en directo.<br>
                        "Puedes concentrarte en diseñar mientras la herramienta se encarga de lo pesado."
                    </div>
                    
                    <p>¿Y qué implica esto para el mundo de la imprenta?<br>
                    Diseños más limpios, entregas más rápidas y más tiempo para cuidar los detalles que marcan la diferencia cuando el proyecto se imprime.</p>
                    
                    <p>Para Maiona, significa recibir archivos técnicamente impecables, optimizar tiempos de producción y que los creativos tengan más libertad para experimentar.</p>
                </div>
            </div>

            <!-- Sección 4 -->
            <div class="content-card">
                <div class="card-header">
                    <div class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ed.png" alt="🧭" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h2 class="card-title">4. Una jugada maestra: Affinity desafía al modelo de suscripción</h2>
                </div>
                <div class="card-content">
                    <p>Esto no es solo una actualización; es una jugada estratégica.<br>
                    Affinity no busca competir, busca liberar.</p>
                    
                    <p>Durante años, las grandes marcas dominaron el mercado con modelos de suscripción que limitaban la creatividad.<br>
                    Affinity decidió romper ese ciclo y ofrecer una alternativa profesional sin coste.</p>
                    
                    <div class="stats-container">
                        <div class="stat-item">
                            <div class="stat-value">53%</div>
                            <div class="stat-label">de usuarios reemplazaría Photoshop con Affinity</div>
                        </div>
                        <div class="stat-item">
                            <div class="stat-value">23%</div>
                            <div class="stat-label">ya lo había hecho</div>
                        </div>
                    </div>
                    
                    <p>En su presentación, se compartieron cifras contundentes que demuestran el impacto que está teniendo Affinity en la industria.</p>
                    
                    <p>En Imprenta Maiona lo vemos como una oportunidad:<br>
                    más diseñadores independientes, más artistas, más personas capaces de crear por sí mismas.</p>
                    
                    <p>El diseño se abre.<br>
                    Y nosotros estamos justo en el punto donde esas ideas se transforman en papel.</p>
                </div>
            </div>

            <!-- Sección 5 -->
            <div class="content-card">
                <div class="card-header">
                    <div class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f381.png" alt="🎁" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h2 class="card-title">5. Affinity premia la lealtad (y mejora en todo)</h2>
                </div>
                <div class="card-content">
                    <p>Los usuarios que compraron versiones anteriores no se quedan atrás.<br>
                    Como agradecimiento, Affinity les regala una colección de 41 familias tipográficas de Fontsmith, valoradas en cientos de euros.</p>
                    
                    <p>Pero lo importante no es solo el gesto, sino la mejora.<br>
                    Esta versión gratuita llega cargada de novedades:</p>
                    
                    <ul>
                        <li>Interfaz personalizable con "studio dock" flotante.</li>
                        <li>Trazado de imagen para vectorizar cualquier PNG.</li>
                        <li>Nuevos degradados con mezcla pigmentaria más realista.</li>
                        <li>Pinceles de ajuste y filtros en vivo para aplicar efectos no destructivos.</li>
                        <li>Exportación rápida con formatos favoritos y drag & drop.</li>
                    </ul>
                    
                    <p>Más control, más potencia, más libertad creativa.<br>
                    Y lo mejor: sin pagar nada.</p>
                </div>
            </div>

            <!-- Sección 6 -->
            <div class="content-card">
                <div class="card-header">
                    <div class="card-icon"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4c8.png" alt="📈" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h2 class="card-title">6. Qué gana Maiona con esta revolución</h2>
                </div>
                <div class="card-content">
                    <p>El nuevo Affinity no solo democratiza el diseño: une más que nunca a diseñadores e imprentas.</p>
                    
                    <p>Para Imprenta Maiona, esto significa:</p>
                    
                    <ul>
                        <li>Archivos más limpios y consistentes.</li>
                        <li>Menos problemas técnicos y menos tiempo de revisión.</li>
                        <li>Más libertad para que los creativos se centren en su arte.</li>
                        <li>Proyectos más ambiciosos y una comunidad más conectada.</li>
                    </ul>
                    
                    <p>Y para nuestros clientes, es una puerta abierta al diseño profesional:<br>
                    sin costes, sin miedo, y con la posibilidad de experimentar con ideas que antes parecían inalcanzables.</p>
                </div>
            </div>
    <!-- Audio Section COMPLETAMENTE REDISEÑADA -->
            <div class="audio-section">
                <h2 class="audio-title">
                    <i class="fas fa-headphones"></i>
                    Análisis en Profundidad
                </h2>
                <div class="audio-player-container">
                    <div class="custom-audio-player" id="audioPlayer">
                        <div class="player-header">
                            <button class="play-btn" id="playBtn">
                                <i class="fas fa-play"></i>
                            </button>
                            <div class="audio-info">
                                <div class="audio-track-title">Affinity: La Bomba Gratuita</div>
                                <div class="audio-track-desc">Análisis completo del impacto en diseño e impresión</div>
                            </div>
                        </div>
                        <div class="audio-controls">
                            <div class="audio-progress-container">
                                <div class="audio-progress" id="progressContainer">
                                    <div class="audio-progress-bar" id="progressBar"></div>
                                </div>
                                <div class="audio-time" id="timeDisplay">0:00 / 0:00</div>
                            </div>
                            <div class="audio-volume-controls">
                                <i class="fas fa-volume-up volume-icon" id="volumeIcon"></i>
                                <div class="volume-slider" id="volumeSlider">
                                    <div class="volume-level" id="volumeLevel"></div>
                                </div>
                            </div>
                        </div>
                        <div class="audio-visualizer" id="visualizer">
                            <!-- Las barras se generan dinámicamente con JavaScript -->
                        </div>
                    </div>
                    <audio id="audioElement" style="display: none;">
                        <source src="https://imprentamaiona.es/wp-content/uploads/2025/11/Affinity_La_bomba_gratuita-online-audio-converter.com_.mp3" type="audio/mpeg">
                    </audio>
                </div>
            </div>

            <!-- CTA Section -->
            <div class="cta-section">
                <h2 class="cta-title">Conclusión: el diseño vuelve a ser de todos</h2>
                <p class="cta-text">Lo que acaba de hacer Affinity no es solo una actualización tecnológica, es una declaración.<br>
                Una invitación a crear sin barreras, a experimentar sin cuotas y a imprimir sin miedo.</p>
                
                <p class="cta-text">En Maiona, lo celebramos porque creemos en lo mismo:<br>
                que imprimir tus ideas no debería ser un lujo, sino una posibilidad real.</p>
                
                <div class="highlight" style="background: rgba(0, 190, 116, 0.2); margin: 2rem auto; max-width: 800px;">
                    <h3 style="margin-bottom: 1.5rem; color: white; font-size: 1.8rem;"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3af.png" alt="🎯" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Consejo Maiona:</h3>
                    <p style="color: white; margin-bottom: 1rem; font-size: 1.3rem;">Descarga la nueva versión desde <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong>affinity.studio</strong></p>
                    <p style="color: white; font-size: 1.3rem;">Diseña, experimenta y mándanos tu archivo.<br>
                    Nosotros nos encargamos de convertirlo en lo que mejor sabemos hacer: una impresión impecable.</p>
                </div>

                <!-- Imagen de descarga MUCHO más pequeña -->
                <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/11/Screenshot2025-10-31at16.17.png?w=950&#038;ssl=1" alt="Descargar Affinity" class="download-image">
                
                <a href="https://affinity.studio" class="cta-button">
                    <i class="fas fa-download"></i>
                    Descargar Affinity Gratis
                </a>
            </div>
        </div>

        <footer>
            <div class="footer-logo">
                <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/03/cropped-imprenta-maiona-logo-blanco-e1742374515536.png?w=950&#038;ssl=1" alt="Imprenta Maiona">
            </div>
            <p class="footer-text">© 2025 Imprenta Maiona | Transformamos tus ideas en impresiones impecables</p>
        </footer>
    </div>

    <script>
        // Custom Audio Player MEJORADO
        const audioElement = document.getElementById('audioElement');
        const playBtn = document.getElementById('playBtn');
        const progressBar = document.getElementById('progressBar');
        const progressContainer = document.getElementById('progressContainer');
        const timeDisplay = document.getElementById('timeDisplay');
        const volumeSlider = document.getElementById('volumeSlider');
        const volumeLevel = document.getElementById('volumeLevel');
        const audioPlayer = document.getElementById('audioPlayer');

        let isPlaying = false;
        let isDragging = false;

        // Format time
        function formatTime(seconds) {
            const mins = Math.floor(seconds / 60);
            const secs = Math.floor(seconds % 60);
            return `${mins}:${secs < 10 ? '0' : ''}${secs}`;
        }

        // Update progress bar
        function updateProgress() {
            if (!isDragging) {
                const progress = (audioElement.currentTime / audioElement.duration) * 100;
                progressBar.style.width = `${progress}%`;
                timeDisplay.textContent = `${formatTime(audioElement.currentTime)} / ${formatTime(audioElement.duration)}`;
            }
        }

        // Toggle play/pause
        function togglePlay() {
            if (isPlaying) {
                audioElement.pause();
                playBtn.innerHTML = '<i class="fas fa-play"></i>';
            } else {
                audioElement.play();
                playBtn.innerHTML = '<i class="fas fa-pause"></i>';
            }
            isPlaying = !isPlaying;
        }

        // Seek audio
        function seekAudio(e) {
            const rect = progressContainer.getBoundingClientRect();
            const percent = (e.clientX - rect.left) / rect.width;
            audioElement.currentTime = percent * audioElement.duration;
            progressBar.style.width = `${percent * 100}%`;
        }

        // Start dragging
        function startDragging(e) {
            isDragging = true;
            document.addEventListener('mousemove', dragProgress);
            document.addEventListener('mouseup', stopDragging);
            seekAudio(e);
        }

        // Drag progress
        function dragProgress(e) {
            if (isDragging) {
                seekAudio(e);
            }
        }

        // Stop dragging
        function stopDragging() {
            isDragging = false;
            document.removeEventListener('mousemove', dragProgress);
            document.removeEventListener('mouseup', stopDragging);
        }

        // Set volume
        function setVolume(e) {
            const rect = volumeSlider.getBoundingClientRect();
            const percent = (e.clientX - rect.left) / rect.width;
            const volume = Math.max(0, Math.min(1, percent));
            audioElement.volume = volume;
            volumeLevel.style.width = `${volume * 100}%`;
        }

        // Event listeners for audio
        playBtn.addEventListener('click', togglePlay);
        audioElement.addEventListener('timeupdate', updateProgress);
        audioElement.addEventListener('loadedmetadata', () => {
            timeDisplay.textContent = `0:00 / ${formatTime(audioElement.duration)}`;
        });

        // Click on progress bar to seek
        progressContainer.addEventListener('click', seekAudio);
        progressContainer.addEventListener('mousedown', startDragging);

        // Volume control
        volumeSlider.addEventListener('click', setVolume);

        // Initialize audio when user interacts
        audioPlayer.addEventListener('click', function() {
            if (audioElement.readyState === 0) {
                audioElement.load();
            }
        }, { once: true });

        // Set initial volume
        audioElement.volume = 0.8;
        volumeLevel.style.width = '80%';

        // Video Carousel
        const slides = document.querySelectorAll('.carousel-slide');
        const buttons = document.querySelectorAll('.carousel-btn');
        const prevArrow = document.querySelector('.prev-arrow');
        const nextArrow = document.querySelector('.next-arrow');
        let currentSlide = 0;

        function showSlide(n) {
            slides.forEach(slide => slide.classList.remove('active'));
            buttons.forEach(btn => btn.classList.remove('active'));
            
            currentSlide = (n + slides.length) % slides.length;
            
            slides[currentSlide].classList.add('active');
            buttons[currentSlide].classList.add('active');
        }

        function nextSlide() {
            showSlide(currentSlide + 1);
        }

        function prevSlide() {
            showSlide(currentSlide - 1);
        }

        // Auto-advance carousel
        let carouselInterval = setInterval(nextSlide, 5000);

        // Pause auto-advance on hover
        const carousel = document.querySelector('.video-showcase');
        carousel.addEventListener('mouseenter', () => {
            clearInterval(carouselInterval);
        });

        carousel.addEventListener('mouseleave', () => {
            carouselInterval = setInterval(nextSlide, 5000);
        });

        // Event listeners for carousel controls
        buttons.forEach((button, index) => {
            button.addEventListener('click', () => {
                clearInterval(carouselInterval);
                showSlide(index);
                carouselInterval = setInterval(nextSlide, 5000);
            });
        });

        prevArrow.addEventListener('click', () => {
            clearInterval(carouselInterval);
            prevSlide();
            carouselInterval = setInterval(nextSlide, 5000);
        });

        nextArrow.addEventListener('click', () => {
            clearInterval(carouselInterval);
            nextSlide();
            carouselInterval = setInterval(nextSlide, 5000);
        });

        // Play videos when they become active
        slides.forEach((slide, index) => {
            const video = slide.querySelector('video');
            video.addEventListener('loadeddata', () => {
                if (index === 0) {
                    video.play();
                }
            });
        });

        // Play/pause videos on slide change
        function playActiveVideo() {
            slides.forEach((slide, index) => {
                const video = slide.querySelector('video');
                if (slide.classList.contains('active')) {
                    video.play();
                } else {
                    video.pause();
                    video.currentTime = 0;
                }
            });
        }

        // Update video playback on slide change
        const observer = new MutationObserver(playActiveVideo);
        slides.forEach(slide => {
            observer.observe(slide, { attributes: true, attributeFilter: ['class'] });
        });
    </script>
</body>
</html>				</div>
				</div>
				</div>
				</div>
		<p>La entrada <a href="https://imprentamaiona.es/affinity-gratis-diseno-impresion/">Affinity Gratis 2025: La Revolución en Diseño e Impresión Profesional</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></content:encoded>
					
		
		<enclosure url="https://content-management-files.canva.com/8364ede3-1a1b-466f-9a67-f331a05d98f7/AFFI25003_Affinity_LOLP_Vector_Desktop_H264.mp4" length="271264" type="video/mp4" />
<enclosure url="https://content-management-files.canva.com/f4767ff1-be43-42fc-929e-75ae57d46501/AFFI25003_Affinity_LOLP_Pixel_Desktop_H264.mp4" length="1282655" type="video/mp4" />
<enclosure url="https://content-management-files.canva.com/0fcd1fb3-7176-477e-b877-ddf64b84259b/AFFI25003_Affinity_LOLP_Layout_Desktop_H264.mp4" length="2874968" type="video/mp4" />
<enclosure url="https://imprentamaiona.es/wp-content/uploads/2025/11/Affinity_La_bomba_gratuita-online-audio-converter.com_.mp3" length="15122944" type="audio/mpeg" />

		<post-id xmlns="com-wordpress:feed-additions:1">7651</post-id>	</item>
		<item>
		<title>Sangrado en impresión: guía profesional para diseño</title>
		<link>https://imprentamaiona.es/sangrado/</link>
		
		<dc:creator><![CDATA[Maiona]]></dc:creator>
		<pubDate>Thu, 30 Oct 2025 12:39:25 +0000</pubDate>
				<category><![CDATA[Diseño]]></category>
		<category><![CDATA[Impresión]]></category>
		<category><![CDATA[consejos preimpresi\u00f3n]]></category>
		<category><![CDATA[diseño gráfico]]></category>
		<category><![CDATA[folletos]]></category>
		<category><![CDATA[guía sangrado]]></category>
		<category><![CDATA[impresión]]></category>
		<category><![CDATA[maiona]]></category>
		<category><![CDATA[sangrado]]></category>
		<category><![CDATA[trípticos]]></category>
		<guid isPermaLink="false">https://imprentamaiona.es/?p=7474</guid>

					<description><![CDATA[<p>Sangrado en impresión: guía profesional </p>
<p>La entrada <a href="https://imprentamaiona.es/sangrado/">Sangrado en impresión: guía profesional para diseño</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7474" class="elementor elementor-7474">
				<div class="elementor-element elementor-element-c954106 e-flex e-con-boxed e-con e-parent" data-id="c954106" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
		<div class="elementor-element elementor-element-9ae7ce9 e-flex e-con-boxed e-con e-parent" data-id="9ae7ce9" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2602335 elementor-widget elementor-widget-html" data-id="2602335" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Guía de Sangrado 2.0 | Maiona</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
    
    <style>
        /* ===== RESET & BASE ===== */
        #masthead, #site-navigation, .navbar, .header-navigation-wrapper,
        .primary-menu-wrapper, .menu-nuestros-servicios-1 {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            overflow: hidden !important;
            margin: 0 !important;
            padding: 0 !important;
        }
        .site-header { min-height: auto !important; height: auto !important; }

        :root {
            --primary: #00BE74;
            --primary-light: #4dd19a;
            --primary-dark: #008a57;
            --accent: #FF6B35;
            --accent-light: #FFD54F;
            --text: #FFFFFF;
            --text-light: rgba(255,255,255,0.75);
            --text-lighter: rgba(255,255,255,0.45);
            --bg: #0A0A0A;
            --bg-gradient: linear-gradient(145deg, #0A0A0A 0%, #12122a 40%, #0A0A0A 100%);
            --radius: 20px;
            --radius-lg: 28px;
            --radius-xl: 36px;
            --glass: rgba(255,255,255,0.07);
            --glass-border: rgba(255,255,255,0.12);
            --shadow: 0 20px 60px rgba(0,0,0,0.5);
            --transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            --transition-fast: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        html { scroll-behavior: smooth; }

        body {
            background: var(--bg-gradient);
            color: white;
            font-family: 'Inter', sans-serif;
            line-height: 1.6;
            min-height: 100vh;
            background-image: url('https://imprentamaiona.es/wp-content/uploads/2025/11/solen-feyissa-U4c7VjfMxO8-unsplash-scaled.jpg');
            background-size: cover;
            background-position: center;
            background-attachment: fixed;
            padding-bottom: 100px;
            position: relative;
        }
        body::before {
            content: '';
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(10,10,10,0.88);
            backdrop-filter: blur(2px);
            z-index: -1;
        }

        .container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

        /* ===== TYPOGRAPHY ===== */
        h1, h2, h3, h4 { font-weight: 700; color: white; letter-spacing: -0.02em; }
        h1 {
            font-size: clamp(2.6rem, 7vw, 4.8rem);
            background: linear-gradient(135deg, var(--primary), var(--primary-light), #6ee7b7);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            line-height: 1.05;
            font-weight: 900;
            text-shadow: 0 8px 32px rgba(0,190,116,0.25);
        }
        h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); }
        h3 { font-size: clamp(1.2rem, 2vw, 1.5rem); margin-bottom: 1rem; }
        .subtitle {
            font-size: clamp(1rem, 1.5vw, 1.3rem);
            color: var(--text-light);
            max-width: 700px;
            margin: 0 auto;
            font-weight: 400;
            line-height: 1.7;
        }

        /* ===== HEADER ===== */
        header {
            padding: 6rem 0 5rem;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        header::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 20% 30%, rgba(0,190,116,0.12) 0%, transparent 50%),
                        radial-gradient(circle at 80% 70%, rgba(255,107,53,0.10) 0%, transparent 50%);
            z-index: -1;
            animation: floatBg 8s ease-in-out infinite alternate;
        }
        @keyframes floatBg {
            0% { transform: translateY(0) scale(1); }
            100% { transform: translateY(-12px) scale(1.02); }
        }

        /* ===== PROGRESS BAR ===== */
        .progress-container {
            position: fixed;
            bottom: 0; left: 0; width: 100%;
            padding: 1rem 2rem;
            background: rgba(0,0,0,0.75);
            backdrop-filter: blur(16px) saturate(180%);
            -webkit-backdrop-filter: blur(16px) saturate(180%);
            border-top: 1px solid rgba(255,255,255,0.08);
            z-index: 1000;
        }
        .progress-info {
            display: flex;
            justify-content: space-between;
            margin-bottom: 8px;
            font-weight: 500;
            font-size: 0.85rem;
            color: var(--text-light);
        }
        .progress-bar {
            height: 5px;
            border-radius: 4px;
            background: rgba(255,255,255,0.08);
            overflow: hidden;
        }
        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, var(--primary), var(--primary-light));
            width: 0%;
            transition: width 0.6s cubic-bezier(0.22, 1, 0.36, 1);
            border-radius: 4px;
            position: relative;
        }
        .progress-fill::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            animation: shimmer 2.5s infinite;
        }
        @keyframes shimmer { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } }

        /* ===== CARDS ===== */
        .card {
            padding: clamp(2rem, 4vw, 3.5rem);
            margin-bottom: 2.5rem;
            background: rgba(255,255,255,0.06);
            backdrop-filter: blur(24px) saturate(180%);
            -webkit-backdrop-filter: blur(24px) saturate(180%);
            border-radius: var(--radius-xl);
            border: 1px solid rgba(255,255,255,0.10);
            box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,0.06);
            transition: var(--transition);
            opacity: 0;
            transform: translateY(30px);
            animation: fadeUp 0.7s cubic-bezier(0.23, 1, 0.32, 1) forwards;
        }
        .card:nth-child(1) { animation-delay: 0.05s; }
        .card:nth-child(2) { animation-delay: 0.12s; }
        .card:nth-child(3) { animation-delay: 0.19s; }
        .card:nth-child(4) { animation-delay: 0.26s; }
        .card:nth-child(5) { animation-delay: 0.33s; }
        .card:nth-child(6) { animation-delay: 0.40s; }
        .card:nth-child(7) { animation-delay: 0.47s; }
        .card:nth-child(8) { animation-delay: 0.54s; }
        .card:nth-child(9) { animation-delay: 0.61s; }

        @keyframes fadeUp {
            to { opacity: 1; transform: translateY(0); }
        }

        .card:hover {
            transform: translateY(-6px);
            background: rgba(255,255,255,0.09);
            border-color: rgba(255,255,255,0.18);
            box-shadow: var(--shadow), 0 12px 48px rgba(0,0,0,0.5);
        }
        .card::before {
            content: '';
            position: absolute;
            top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(90deg, transparent, var(--primary), transparent);
        }

        .card-header {
            display: flex;
            align-items: center;
            gap: 20px;
            margin-bottom: 1.8rem;
        }
        .card-icon {
            width: 64px;
            height: 64px;
            border-radius: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.6rem;
            font-weight: 700;
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: white;
            box-shadow: 0 8px 24px rgba(0,190,116,0.35);
            flex-shrink: 0;
            transition: var(--transition);
        }
        .card:hover .card-icon { transform: scale(1.05) rotate(-3deg); }

        .card-title {
            font-size: clamp(1.4rem, 2.5vw, 2rem);
            background: linear-gradient(135deg, #fff, var(--text-light));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .card-content p {
            color: var(--text-light);
            line-height: 1.8;
            margin-bottom: 1.2rem;
            font-size: 1.05rem;
        }
        .card-content ul {
            list-style: none;
            margin-bottom: 1.5rem;
        }
        .card-content li {
            padding: 0.6rem 0 0.6rem 2rem;
            position: relative;
            color: var(--text-light);
            transition: var(--transition-fast);
            border-bottom: 1px solid rgba(255,255,255,0.04);
        }
        .card-content li:last-child { border-bottom: none; }
        .card-content li::before {
            content: '◆';
            position: absolute;
            left: 0;
            color: var(--primary);
            font-size: 0.8rem;
            top: 0.6rem;
        }
        .card-content li:hover {
            color: white;
            transform: translateX(4px);
        }
        .card-content strong { color: var(--primary-light); font-weight: 600; }

        /* ===== DEMO & CALCULATOR ===== */
        .demo-calculator-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2.5rem;
            margin-bottom: 2.5rem;
        }
        @media (max-width: 1024px) { .demo-calculator-grid { grid-template-columns: 1fr; } }

        .demo-title {
            font-size: clamp(1.4rem, 2.5vw, 2rem);
            text-align: center;
            margin-bottom: 0.8rem;
        }
        .demo-subtitle {
            text-align: center;
            color: var(--text-light);
            margin-bottom: 2rem;
            font-size: 1rem;
        }

        .demo-container {
            position: relative;
            width: 100%;
            height: 280px;
            background: rgba(255,255,255,0.03);
            border-radius: var(--radius);
            border: 1px solid rgba(255,255,255,0.06);
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }
        .demo-paper {
            position: relative;
            width: 280px;
            height: 190px;
            background: rgba(255,255,255,0.05);
            border-radius: 10px;
            box-shadow: 0 8px 32px rgba(0,0,0,0.4);
            overflow: hidden;
        }
        .final-size {
            position: absolute;
            width: 260px;
            height: 170px;
            border: 2px solid var(--primary);
            border-radius: 6px;
            top: 10px;
            left: 10px;
            z-index: 2;
            box-shadow: 0 0 20px rgba(0,190,116,0.15);
        }
        .bleed-area {
            position: absolute;
            width: 286px;
            height: 196px;
            border: 3px dashed var(--accent);
            border-radius: 8px;
            top: -3px;
            left: -3px;
            z-index: 1;
            opacity: 0.7;
            animation: pulseBorder 3s ease-in-out infinite;
        }
        @keyframes pulseBorder {
            0%, 100% { border-color: var(--accent); opacity: 0.6; }
            50% { border-color: var(--accent-light); opacity: 1; }
        }
        .design-area {
            position: absolute;
            width: 100%; height: 100%;
            background: linear-gradient(135deg, var(--primary), #0055a0);
            border-radius: 6px;
            transition: all 0.8s cubic-bezier(0.23, 1, 0.32, 1);
            z-index: 0;
        }
        .design-area.with-bleed {
            width: 286px; height: 196px;
            top: -3px; left: -3px;
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
        }
        .design-area.without-bleed {
            width: 260px; height: 170px;
            top: 10px; left: 10px;
            background: linear-gradient(135deg, var(--primary), #0055a0);
            border: 2px solid rgba(255,255,255,0.15);
        }

        .demo-labels {
            display: flex;
            justify-content: center;
            gap: 2rem;
            margin-top: 0.8rem;
            font-size: 0.8rem;
            color: var(--text-lighter);
        }
        .demo-labels span { display: flex; align-items: center; gap: 6px; }

        .toggle-container {
            display: flex;
            background: rgba(255,255,255,0.06);
            border-radius: 50px;
            padding: 5px;
            margin: 20px auto;
            max-width: 360px;
            border: 1px solid rgba(255,255,255,0.08);
        }
        .toggle-btn {
            flex: 1;
            padding: 14px 20px;
            border: none;
            border-radius: 40px;
            font-family: inherit;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition-fast);
            font-size: 0.95rem;
            background: transparent;
            color: var(--text-lighter);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }
        .toggle-btn.active {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: white;
            box-shadow: 0 4px 16px rgba(0,190,116,0.3);
        }

        .demo-result {
            padding: 1.2rem;
            border-radius: var(--radius);
            text-align: center;
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.06);
            font-weight: 500;
            transition: var(--transition);
            min-height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .demo-image-container {
            margin-top: 2rem;
            text-align: center;
        }
        .demo-image {
            max-width: 100%;
            height: auto;
            border-radius: var(--radius);
            box-shadow: var(--shadow);
            border: 1px solid rgba(255,255,255,0.08);
        }

        /* ===== CALCULATOR ===== */
        .calculator-inputs { display: flex; flex-direction: column; gap: 1.2rem; }
        .input-group {
            display: flex;
            flex-direction: column;
            gap: 0.4rem;
        }
        .input-group label {
            font-weight: 500;
            color: var(--text-light);
            font-size: 0.95rem;
        }
        .input-group input {
            padding: 14px 18px;
            border-radius: var(--radius);
            border: 1.5px solid rgba(255,255,255,0.10);
            font-size: 1rem;
            transition: var(--transition-fast);
            background: rgba(255,255,255,0.05);
            color: white;
        }
        .input-group input:focus {
            outline: none;
            border-color: var(--primary);
            box-shadow: 0 0 0 3px rgba(0,190,116,0.15);
            background: rgba(255,255,255,0.08);
        }

        .btn {
            padding: 14px 28px;
            border: none;
            border-radius: 50px;
            font-family: inherit;
            font-weight: 600;
            cursor: pointer;
            transition: var(--transition-fast);
            font-size: 1rem;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            justify-content: center;
        }
        .btn-primary {
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: white;
            box-shadow: 0 6px 20px rgba(0,190,116,0.3);
        }
        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 28px rgba(0,190,116,0.4);
        }
        .btn-outline {
            background: transparent;
            color: var(--primary);
            border: 2px solid var(--primary);
        }
        .btn-outline:hover {
            background: rgba(0,190,116,0.08);
            transform: translateY(-2px);
        }
        .btn-secondary {
            background: rgba(255,255,255,0.08);
            color: white;
            border: 1px solid rgba(255,255,255,0.12);
        }
        .btn-secondary:hover {
            background: rgba(255,255,255,0.14);
        }

        .calculator-results {
            background: rgba(255,255,255,0.04);
            border-radius: var(--radius);
            padding: 1.8rem;
            margin-top: 1.5rem;
            border: 1px solid rgba(255,255,255,0.06);
        }
        .result-item {
            display: flex;
            justify-content: space-between;
            padding: 0.8rem 0;
            border-bottom: 1px solid rgba(255,255,255,0.05);
        }
        .result-item:last-child { border-bottom: none; }
        .result-label { color: var(--text-light); }
        .result-value { color: var(--primary-light); font-weight: 600; }
        .result-value.highlight { font-size: 1.2rem; color: white; }

        /* ===== TABS ===== */
        .tabs-header {
            display: flex;
            border-bottom: 1px solid rgba(255,255,255,0.08);
            margin-bottom: 2rem;
            flex-wrap: wrap;
            gap: 4px;
        }
        .tab-btn {
            padding: 0.8rem 1.8rem;
            background: transparent;
            border: none;
            font-size: 1rem;
            font-weight: 600;
            color: var(--text-light);
            cursor: pointer;
            transition: var(--transition-fast);
            border-bottom: 3px solid transparent;
            position: relative;
        }
        .tab-btn::after {
            content: '';
            position: absolute;
            bottom: -3px; left: 50%;
            width: 0; height: 3px;
            background: var(--primary);
            transition: var(--transition-fast);
            transform: translateX(-50%);
        }
        .tab-btn.active { color: white; }
        .tab-btn.active::after { width: 80%; }
        .tab-content { display: none; }
        .tab-content.active { display: block; animation: fadeUp 0.4s ease; }

        /* ===== QUIZ ===== */
        .quiz-progress {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            gap: 1rem;
            background: rgba(255,255,255,0.04);
            padding: 1.2rem 1.8rem;
            border-radius: var(--radius);
            margin-bottom: 2rem;
            border: 1px solid rgba(255,255,255,0.06);
        }
        .quiz-stats { display: flex; gap: 2rem; flex-wrap: wrap; }
        .stat { display: flex; flex-direction: column; align-items: center; }
        .stat-value { font-size: 1.6rem; font-weight: 700; color: var(--primary-light); }
        .stat-label { font-size: 0.8rem; color: var(--text-lighter); text-transform: uppercase; letter-spacing: 0.05em; }

        .quiz-question {
            font-size: clamp(1.2rem, 2vw, 1.6rem);
            margin-bottom: 2rem;
            text-align: center;
            line-height: 1.6;
        }
        .quiz-options {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin-bottom: 2rem;
        }
        @media (max-width: 640px) { .quiz-options { grid-template-columns: 1fr; } }

        .quiz-option {
            padding: 1.2rem 1.5rem;
            border-radius: var(--radius);
            cursor: pointer;
            transition: var(--transition-fast);
            background: rgba(255,255,255,0.04);
            border: 1.5px solid rgba(255,255,255,0.06);
            display: flex;
            align-items: center;
            gap: 16px;
            color: var(--text-light);
            font-weight: 500;
        }
        .quiz-option:hover {
            background: rgba(255,255,255,0.08);
            transform: translateX(4px);
        }
        .quiz-option.selected {
            border-color: var(--primary);
            background: rgba(0,190,116,0.10);
            color: white;
        }
        .quiz-option.correct {
            border-color: #4ade80;
            background: rgba(74,222,128,0.12);
            color: #4ade80;
        }
        .quiz-option.incorrect {
            border-color: #f87171;
            background: rgba(248,113,113,0.12);
            color: #f87171;
        }
        .option-letter {
            width: 36px; height: 36px;
            border-radius: 10px;
            background: linear-gradient(135deg, var(--primary), var(--primary-dark));
            color: white;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            flex-shrink: 0;
            font-size: 0.9rem;
        }

        .quiz-actions {
            display: flex;
            justify-content: center;
            gap: 1rem;
            flex-wrap: wrap;
        }
        .quiz-feedback {
            margin-top: 1.5rem;
            padding: 1.2rem;
            border-radius: var(--radius);
            text-align: center;
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(255,255,255,0.06);
            font-weight: 500;
            min-height: 50px;
        }

        /* ===== OTROS RECURSOS ===== */
        .resources-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 1.8rem;
            margin: 2rem 0;
        }
        .resource-card {
            padding: 1.8rem;
            border-radius: var(--radius);
            border: 1px solid rgba(255,255,255,0.06);
            transition: var(--transition-fast);
            background: rgba(255,255,255,0.03);
        }
        .resource-card:hover {
            background: rgba(255,255,255,0.07);
            transform: translateY(-4px);
            border-color: rgba(255,255,255,0.12);
        }
        .resource-icon {
            width: 48px; height: 48px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.4rem;
            margin-bottom: 1rem;
        }
        .resource-icon.green { background: rgba(0,190,116,0.15); }
        .resource-icon.orange { background: rgba(255,107,53,0.15); }
        .resource-icon.blue { background: rgba(74,144,226,0.15); }
        .resource-link {
            color: var(--primary);
            text-decoration: none;
            font-weight: 600;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: var(--transition-fast);
        }
        .resource-link:hover { gap: 14px; color: var(--primary-light); }

        /* ===== FOOTER ===== */
        footer {
            padding: 4rem 0 2rem;
            text-align: center;
            margin-top: 2rem;
        }
        .conclusion {
            max-width: 700px;
            margin: 0 auto 2rem;
        }
        .conclusion h3 { font-size: clamp(1.4rem, 2.5vw, 2rem); margin-bottom: 1rem; }
        .conclusion p { color: var(--text-light); line-height: 1.8; }

        /* ===== RESPONSIVE ===== */
        @media (max-width: 768px) {
            header { padding: 4rem 0 3rem; }
            .card { padding: 1.8rem; }
            .card-header { flex-direction: column; text-align: center; gap: 12px; }
            .demo-paper { width: 220px; height: 150px; }
            .final-size { width: 200px; height: 130px; top: 10px; left: 10px; }
            .bleed-area { width: 226px; height: 156px; }
            .design-area.with-bleed { width: 226px; height: 156px; }
            .design-area.without-bleed { width: 200px; height: 130px; }
            .demo-container { height: 220px; }
            .demo-labels { flex-direction: column; align-items: center; gap: 4px; }
            .toggle-container { max-width: 100%; }
            .quiz-progress { flex-direction: column; align-items: stretch; text-align: center; }
            .quiz-stats { justify-content: center; }
        }

        @media (max-width: 480px) {
            .demo-paper { width: 180px; height: 125px; }
            .final-size { width: 160px; height: 105px; top: 10px; left: 10px; }
            .bleed-area { width: 186px; height: 131px; }
            .design-area.with-bleed { width: 186px; height: 131px; }
            .design-area.without-bleed { width: 160px; height: 105px; }
            .demo-container { height: 180px; }
            .toggle-btn { font-size: 0.8rem; padding: 10px 14px; }
        }
    </style>
</head>
<body>

<div class="container">

    <!-- ===== HEADER ===== -->
    <header>
        <a href="https://imprentamaiona.es" style="display:inline-block; margin-bottom:2rem;">
            <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/03/cropped-imprenta-maiona-logo-blanco-e1742374515536.png?w=950&#038;ssl=1"
                 alt="Imprenta Maiona" style="height:auto; max-height:56px;" loading="lazy">
        </a>
        <h1>Domina el Sangrado en Impresión</h1>
        <p class="subtitle">Aprende a aplicar correctamente el sangrado en tus diseños y evita bordes blancos no deseados</p>
    </header>

    <!-- ===== INTRODUCCIÓN ===== -->
    <section class="card" id="section-1">
        <div class="card-header">
            <div class="card-icon">1</div>
            <h2 class="card-title">¿Qué es el Sangrado?</h2>
        </div>
        <div class="card-content">
            <p>El <strong>sangrado</strong> es un margen extra que se añade alrededor de un diseño para asegurar que, tras el corte, no queden bordes blancos no deseados.</p>
            <p><strong>El problema:</strong> Las máquinas de corte tienen un pequeño margen de error (1-3 mm). Sin sangrado, este deslizamiento puede dejar franjas blancas en los bordes.</p>
            <p><strong>La solución:</strong> Extender el diseño más allá del área de corte para que, incluso con pequeñas variaciones, el resultado sea perfecto.</p>
            <p>En <strong>Maiona</strong>, aplicar correctamente el sangrado es clave para garantizar la calidad profesional de tus impresiones.</p>
        </div>
    </section>

    <!-- ===== DEMO + CALCULADORA ===== -->
    <div class="demo-calculator-grid" id="section-2">
        <!-- Demo -->
        <section class="card interactive-demo">
            <h2 class="demo-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4d0.png" alt="📐" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Demostración Interactiva</h2>
            <p class="demo-subtitle">Observa la diferencia entre un diseño con y sin sangrado</p>

            <div class="demo-container">
                <div class="demo-paper">
                    <div class="bleed-area"></div>
                    <div class="final-size"></div>
                    <div class="design-area without-bleed" id="design-area"></div>
                </div>
            </div>

            <div class="demo-labels">
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4cf.png" alt="📏" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Área de sangrado (+3mm)</span>
                <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2702.png" alt="✂" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Línea de corte</span>
            </div>

            <div class="toggle-container">
                <button class="toggle-btn" id="toggle-with-bleed">
                    <i class="fas fa-check-circle"></i> Con Sangrado
                </button>
                <button class="toggle-btn active" id="toggle-without-bleed">
                    <i class="fas fa-times-circle"></i> Sin Sangrado
                </button>
            </div>

            <div class="demo-result" id="demo-result">
                <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Sin sangrado, pueden aparecer bordes blancos no deseados
            </div>

            <div class="demo-image-container">
                <img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/11/envato-labs-image-edit-16.png?w=950&#038;ssl=1"
                     alt="Ejemplo de sangrado en impresión" class="demo-image">
            </div>
        </section>

        <!-- Calculadora -->
        <section class="card calculator-section">
            <h2 class="demo-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9ee.png" alt="🧮" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Calculadora de Sangrado</h2>
            <p class="demo-subtitle">Introduce las dimensiones y calcula el tamaño final del archivo</p>

            <div class="calculator-inputs">
                <div class="input-group">
                    <label for="width">Ancho (mm)</label>
                    <input type="number" id="width" value="210" min="1">
                </div>
                <div class="input-group">
                    <label for="height">Alto (mm)</label>
                    <input type="number" id="height" value="297" min="1">
                </div>
                <div class="input-group">
                    <label for="bleed">Sangrado por lado (mm)</label>
                    <input type="number" id="bleed" value="3" min="0" step="0.5">
                </div>
                <button class="btn btn-primary" id="btn-calculate">
                    <i class="fas fa-calculator"></i> Calcular
                </button>
            </div>

            <div class="calculator-results">
                <div class="result-item">
                    <span class="result-label">Tamaño original</span>
                    <span class="result-value" id="original-size">210 × 297 mm</span>
                </div>
                <div class="result-item">
                    <span class="result-label">Sangrado por lado</span>
                    <span class="result-value" id="bleed-value">3 mm</span>
                </div>
                <div class="result-item">
                    <span class="result-label">Ancho con sangrado</span>
                    <span class="result-value" id="width-with-bleed">216 mm</span>
                </div>
                <div class="result-item">
                    <span class="result-label">Alto con sangrado</span>
                    <span class="result-value" id="height-with-bleed">303 mm</span>
                </div>
                <div class="result-item" style="border-top:2px solid rgba(0,190,116,0.3); padding-top:1rem; margin-top:0.5rem;">
                    <span class="result-label" style="font-weight:700;">Tamaño final del archivo</span>
                    <span class="result-value highlight" id="final-size">216 × 303 mm</span>
                </div>
            </div>
        </section>
    </div>

    <!-- ===== IMPORTANCIA ===== -->
    <section class="card" id="section-3">
        <div class="card-header">
            <div class="card-icon">2</div>
            <h2 class="card-title">¿Por qué es tan importante?</h2>
        </div>
        <div class="card-content">
            <ul>
                <li><strong>Compensa el margen de error de corte:</strong> Las guillotinas no son 100% precisas</li>
                <li><strong>Garantiza acabado profesional:</strong> Elimina bordes blancos no deseados</li>
                <li><strong>Mejora la calidad percibida:</strong> Los diseños sin imperfecciones transmiten profesionalidad</li>
            </ul>
            <p>En Maiona, donde la calidad es prioridad, el sangrado correcto es esencial para mantener la credibilidad frente a tus clientes.</p>
        </div>
    </section>

    <!-- ===== CUÁNDO USAR ===== -->
    <section class="card" id="section-4">
        <div class="card-header">
            <div class="card-icon">3</div>
            <h2 class="card-title">¿Cuándo usar sangrado?</h2>
        </div>
        <div class="card-content">
            <p><strong><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2705.png" alt="✅" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Usa sangrado cuando:</strong></p>
            <ul>
                <li>El fondo de color llega hasta el borde</li>
                <li>Las imágenes alcanzan los límites del diseño</li>
                <li>Cualquier elemento "va a sangre"</li>
            </ul>
            <p><strong>Ejemplos:</strong> Folletos, tarjetas de visita, revistas, catálogos.</p>
            <p><strong><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/274c.png" alt="❌" class="wp-smiley" style="height: 1em; max-height: 1em;" /> No es necesario si:</strong> El diseño tiene márgenes blancos visibles y ningún elemento toca los bordes.</p>
        </div>
    </section>

    <!-- ===== MEDIDAS ===== -->
    <section class="card" id="section-5">
        <div class="card-header">
            <div class="card-icon">4</div>
            <h2 class="card-title">¿Cuánto sangrado añadir?</h2>
        </div>
        <div class="card-content">
            <ul>
                <li><strong>Estándar:</strong> 3 mm por cada lado</li>
                <li><strong>Formatos grandes:</strong> 5 mm o más (carteles, lonas)</li>
            </ul>
            <p><strong>Ejemplo práctico:</strong> Para un tríptico de 297×210 mm, el archivo con sangrado sería de 303×216 mm (añadiendo 3 mm a cada lado).</p>
        </div>
    </section>

    <!-- ===== SOFTWARE TABS ===== -->
    <section class="card tabs-section" id="section-6">
        <h2 class="demo-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4bb.png" alt="💻" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Configuración en Software de Diseño</h2>

        <div class="tabs-header">
            <button class="tab-btn active" data-tab="adobe">Adobe Suite</button>
            <button class="tab-btn" data-tab="affinity">Affinity Suite</button>
            <button class="tab-btn" data-tab="otros">Otros Programas</button>
        </div>

        <div class="tab-content active" id="adobe-tab">
            <h3>Adobe InDesign</h3>
            <ul>
                <li>Al crear documento: indica el tamaño final de impresión</li>
                <li>En "Sangrado y anotaciones": añade 3 mm en cada lado</li>
                <li>Extiende fondos y elementos gráficos hasta el borde de sangrado</li>
                <li>Al exportar: marca "Incluir marcas de corte" y "Usar sangrado del documento"</li>
            </ul>
            <h3 style="margin-top:1.5rem;">Adobe Illustrator</h3>
            <ul>
                <li>Archivo → Nuevo → indica tamaño final del diseño</li>
                <li>En "Sangrado": configura 3 mm por cada lado</li>
                <li>Extiende elementos gráficos hasta el borde de sangrado rojo</li>
                <li>Exporta como PDF/X con marcas de corte y sangrado incluido</li>
            </ul>
            <h3 style="margin-top:1.5rem;">Adobe Photoshop</h3>
            <ul>
                <li>Crea documento con tamaño ampliado (ej: 303×216 mm para A4)</li>
                <li>Usa guías para marcar el área de seguridad y línea de corte</li>
                <li>Extiende fondos hasta los bordes del documento ampliado</li>
            </ul>
        </div>

        <div class="tab-content" id="affinity-tab">
            <h3>Affinity Publisher</h3>
            <ul>
                <li>En nuevo documento: pestaña "Sangrado" en configuración</li>
                <li>Establece 3 mm para cada lado del diseño</li>
                <li>Extiende elementos hasta el área de sangrado visible</li>
                <li>Al exportar: marca "Incluir sangrado" en opciones de PDF</li>
            </ul>
            <h3 style="margin-top:1.5rem;">Affinity Designer</h3>
            <ul>
                <li>Configuración del documento > Pestaña Sangrado</li>
                <li>Configura 3 mm uniforme para todos los lados</li>
                <li>Extiende fondos y elementos vectoriales hasta área de sangrado</li>
            </ul>
        </div>

        <div class="tab-content" id="otros-tab">
            <h3>Canva</h3>
            <ul>
                <li>Selecciona tamaño personalizado añadiendo 6mm al ancho y alto</li>
                <li>Extiende fondos hasta los bordes del canvas ampliado</li>
                <li>Mantén contenido importante dentro del área central de seguridad</li>
            </ul>
            <h3 style="margin-top:1.5rem;">CorelDRAW</h3>
            <ul>
                <li>Diseño → Configurar página → Pestaña Sangrado</li>
                <li>Activa "Mostrar área de sangrado" y establece 3mm</li>
                <li>Exporta como PDF con sangrado incluido</li>
            </ul>
        </div>
    </section>

    <!-- ===== REVISIÓN ===== -->
    <section class="card" id="section-7">
        <div class="card-header">
            <div class="card-icon">5</div>
            <h2 class="card-title">Revisa todo y optimiza el proceso</h2>
        </div>
        <div class="card-content">
            <p>En Maiona, donde se revisan los diseños hasta 3 veces gratis, optimizar el proceso es fundamental para evitar reprocesos.</p>
            <p><strong>Antes de exportar tu archivo con sangrado, revisa:</strong></p>
            <ul>
                <li>Fondo extendido hasta el área de sangrado</li>
                <li>Imágenes que llegan al borde</li>
                <li>Texto dentro del margen de seguridad</li>
                <li>Marcas de corte visibles</li>
                <li>Sangrado activo en exportación</li>
            </ul>
            <p><strong>Envía correcciones agrupadas:</strong> Reduce errores y retrabajos agrupando todos los cambios en un solo envío final.</p>
        </div>
    </section>

    <!-- ===== QUIZ ===== -->
    <section class="card quiz-section" id="section-8">
        <h2 class="demo-title"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f9e0.png" alt="🧠" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Pon a prueba tus conocimientos</h2>

        <div class="quiz-progress">
            <div class="quiz-stats">
                <div class="stat">
                    <span class="stat-value" id="current-question">1</span>
                    <span class="stat-label">Pregunta</span>
                </div>
                <div class="stat">
                    <span class="stat-value" id="score">0</span>
                    <span class="stat-label">Puntuación</span>
                </div>
                <div class="stat">
                    <span class="stat-value" id="correct-answers">0</span>
                    <span class="stat-label">Correctas</span>
                </div>
            </div>
        </div>

        <div class="quiz-question" id="quiz-question">¿Cuál es la medida de sangrado más común para trabajos de impresión estándar?</div>

        <div class="quiz-options" id="quiz-options"></div>

        <div class="quiz-actions">
            <button class="btn btn-secondary" id="btn-prev-question" disabled>
                <i class="fas fa-arrow-left"></i> Anterior
            </button>
            <button class="btn btn-primary" id="btn-check-answer">
                Comprobar <i class="fas fa-check"></i>
            </button>
            <button class="btn btn-primary" id="btn-next-question" style="display:none;">
                Siguiente <i class="fas fa-arrow-right"></i>
            </button>
            <button class="btn btn-primary" id="btn-finish-quiz" style="display:none;">
                Finalizar <i class="fas fa-flag-checkered"></i>
            </button>
        </div>

        <div class="quiz-feedback" id="quiz-feedback"></div>
    </section>

    <!-- ===== RECURSOS ADICIONALES ===== -->
    <section class="card" id="section-9">
        <div class="card-header">
            <div class="card-icon" style="background:linear-gradient(135deg, #6c5ce7, #a29bfe);">
                <i class="fas fa-book-open"></i>
            </div>
            <h2 class="card-title">Más Guías de Impresión</h2>
        </div>
        <div class="card-content">
            <p style="text-align:center; margin-bottom:1.5rem;">Explora nuestras guías especializadas para dominar cada aspecto de la impresión profesional.</p>

            <div class="resources-grid">
                <div class="resource-card">
                    <div class="resource-icon green"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h4>CMYK vs RGB vs Pantone</h4>
                    <p style="color:var(--text-light); font-size:0.95rem; margin:0.5rem 0 1rem;">Sistemas de color para impresión y diseño digital.</p>
                    <a href="https://imprentamaiona.es/cmyk-rgb-pantone" class="resource-link">
                        Ver guía <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
                <div class="resource-card">
                    <div class="resource-icon orange"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f34c.png" alt="🍌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h4>Google Nano Banana</h4>
                    <p style="color:var(--text-light); font-size:0.95rem; margin:0.5rem 0 1rem;">Tendencias de color y diseño para mantenerte actualizado.</p>
                    <a href="https://imprentamaiona.es/google-nano-banana" class="resource-link">
                        Ver guía <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
                <div class="resource-card">
                    <div class="resource-icon blue"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4da.png" alt="📚" class="wp-smiley" style="height: 1em; max-height: 1em;" /></div>
                    <h4>Papel Branding Sensorial</h4>
                    <p style="color:var(--text-light); font-size:0.95rem; margin:0.5rem 0 1rem;">Texturas, gramajes y acabados para experiencias multisensoriales.</p>
                    <a href="https://imprentamaiona.es/papel-branding-sensorial" class="resource-link">
                        Ver guía <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </div>

            <div style="text-align:center; margin-top:2rem; padding-top:1.5rem; border-top:1px solid rgba(255,255,255,0.06);">
                <p style="color:var(--text-light); margin-bottom:1rem;">¿Necesitas asesoramiento personalizado para tu proyecto?</p>
                <a href="https://imprentamaiona.es/contacto" class="btn btn-primary">
                    <i class="fas fa-envelope"></i> Contactar Expertos
                </a>
            </div>
        </div>
    </section>

    <!-- ===== FOOTER ===== -->
    <footer>
        <div class="conclusion">
            <h3><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f389.png" alt="🎉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> ¡Felicidades! Has completado la guía sobre el sangrado en impresión</h3>
            <p>Ahora conoces la importancia del sangrado, cuándo aplicarlo y cómo configurarlo en los principales programas de diseño. Recuerda aplicar estos conocimientos en tus próximos proyectos de Maiona para garantizar resultados profesionales.</p>
        </div>
        <p style="color:var(--text-lighter); font-size:0.9rem;">© 2025 Guía Interactiva Maiona v2.0 | Diseñado para el aprendizaje efectivo</p>
    </footer>

</div>

<!-- ===== PROGRESS BAR ===== -->
<div class="progress-container">
    <div class="progress-info">
        <span>Progreso: <span id="progress-percent">0%</span></span>
        <span id="current-section">Inicio</span>
    </div>
    <div class="progress-bar">
        <div class="progress-fill" id="progress-fill"></div>
    </div>
</div>

<script>
    // ===== QUIZ DATA =====
    const quizQuestions = [
        { question: "¿Cuál es la medida de sangrado más común para trabajos de impresión estándar?",
          options: ["1 mm por cada lado", "3 mm por cada lado", "5 cm por cada lado", "No es necesario"],
          correct: 1 },
        { question: "¿En cuál de estos casos NO es necesario aplicar sangrado?",
          options: ["Folletos con fondo de color completo", "Tarjetas con imagen hasta el borde",
                    "Diseño con márgenes blancos visibles", "Revistas con cobertura hasta el borde"],
          correct: 2 },
        { question: "¿Qué programa de diseño NO tiene una herramienta específica para sangrado?",
          options: ["Adobe InDesign", "Adobe Illustrator", "Adobe Photoshop", "Todos tienen"],
          correct: 2 },
        { question: "Para un tríptico de 297×210 mm, ¿qué dimensiones debe tener el archivo con sangrado de 3mm?",
          options: ["294×207 mm", "297×210 mm", "300×213 mm", "303×216 mm"],
          correct: 3 },
        { question: "¿Qué problema se evita principalmente usando sangrado?",
          options: ["Colores desaturados", "Bordes blancos no deseados", "Textos pixelados", "Baja resolución"],
          correct: 1 }
    ];

    let currentQuestionIndex = 0, score = 0, correctAnswers = 0, selectedOption = null;

    const quizOptions = document.getElementById('quiz-options');
    const quizQuestion = document.getElementById('quiz-question');
    const currentQuestionEl = document.getElementById('current-question');
    const scoreEl = document.getElementById('score');
    const correctEl = document.getElementById('correct-answers');
    const btnCheck = document.getElementById('btn-check-answer');
    const btnNext = document.getElementById('btn-next-question');
    const btnPrev = document.getElementById('btn-prev-question');
    const btnFinish = document.getElementById('btn-finish-quiz');
    const feedback = document.getElementById('quiz-feedback');

    function loadQuestion(index) {
        const q = quizQuestions[index];
        quizQuestion.textContent = q.question;
        currentQuestionEl.textContent = index + 1;
        quizOptions.innerHTML = '';
        selectedOption = null;
        btnCheck.disabled = true;
        btnNext.style.display = 'none';
        btnFinish.style.display = 'none';
        btnCheck.style.display = 'inline-block';
        btnPrev.disabled = index === 0;
        feedback.textContent = '';
        feedback.style.background = 'rgba(255,255,255,0.04)';
        feedback.style.color = 'var(--text-light)';

        q.options.forEach((opt, i) => {
            const el = document.createElement('div');
            el.className = 'quiz-option';
            el.innerHTML = `<span class="option-letter">${String.fromCharCode(65+i)}</span> ${opt}`;
            el.addEventListener('click', () => selectOption(el, i));
            quizOptions.appendChild(el);
        });
    }

    function selectOption(el, index) {
        document.querySelectorAll('.quiz-option').forEach(o => o.classList.remove('selected'));
        el.classList.add('selected');
        selectedOption = index;
        btnCheck.disabled = false;
    }

    function checkAnswer() {
        if (selectedOption === null) return;
        const q = quizQuestions[currentQuestionIndex];
        const opts = document.querySelectorAll('.quiz-option');
        opts.forEach((o, i) => {
            o.style.pointerEvents = 'none';
            if (i === q.correct) o.classList.add('correct');
            else if (i === selectedOption && i !== q.correct) o.classList.add('incorrect');
        });

        if (selectedOption === q.correct) { score += 20; correctAnswers++; }
        feedback.textContent = selectedOption === q.correct ? '&#x2705; ¡Correcto!' : `&#x274c; Incorrecto. La respuesta correcta es: ${q.options[q.correct]}`;
        feedback.style.color = selectedOption === q.correct ? '#4ade80' : '#f87171';
        feedback.style.background = selectedOption === q.correct ? 'rgba(74,222,128,0.08)' : 'rgba(248,113,113,0.08)';

        scoreEl.textContent = score;
        correctEl.textContent = correctAnswers;
        btnCheck.style.display = 'none';
        if (currentQuestionIndex < quizQuestions.length - 1) btnNext.style.display = 'inline-block';
        else btnFinish.style.display = 'inline-block';
    }

    function nextQuestion() { if (currentQuestionIndex < quizQuestions.length - 1) { currentQuestionIndex++; loadQuestion(currentQuestionIndex); } }
    function prevQuestion() { if (currentQuestionIndex > 0) { currentQuestionIndex--; loadQuestion(currentQuestionIndex); } }
    function finishQuiz() {
        const pct = Math.round((correctAnswers / quizQuestions.length) * 100);
        feedback.textContent = `&#x1f3af; ¡Quiz completado! ${correctAnswers} de ${quizQuestions.length} correctas (${pct}%)`;
        feedback.style.color = 'var(--text-light)';
        feedback.style.background = 'rgba(255,255,255,0.06)';
        btnFinish.style.display = 'none';
    }

    btnCheck.addEventListener('click', checkAnswer);
    btnNext.addEventListener('click', nextQuestion);
    btnPrev.addEventListener('click', prevQuestion);
    btnFinish.addEventListener('click', finishQuiz);
    loadQuestion(0);

    // ===== DEMO INTERACTIVA =====
    const designArea = document.getElementById('design-area');
    const demoResult = document.getElementById('demo-result');
    const btnWith = document.getElementById('toggle-with-bleed');
    const btnWithout = document.getElementById('toggle-without-bleed');

    btnWith.addEventListener('click', () => {
        designArea.className = 'design-area with-bleed';
        demoResult.innerHTML = '&#x2705; ¡Perfecto! Con sangrado, el diseño cubre completamente el área de corte.';
        demoResult.style.color = '#4ade80';
        btnWith.classList.add('active');
        btnWithout.classList.remove('active');
    });

    btnWithout.addEventListener('click', () => {
        designArea.className = 'design-area without-bleed';
        demoResult.innerHTML = '&#x274c; Sin sangrado, pueden aparecer bordes blancos no deseados.';
        demoResult.style.color = '#f87171';
        btnWithout.classList.add('active');
        btnWith.classList.remove('active');
    });

    // ===== CALCULADORA =====
    const widthInput = document.getElementById('width');
    const heightInput = document.getElementById('height');
    const bleedInput = document.getElementById('bleed');
    const btnCalc = document.getElementById('btn-calculate');

    function calculateBleed() {
        const w = parseFloat(widthInput.value) || 0;
        const h = parseFloat(heightInput.value) || 0;
        const b = parseFloat(bleedInput.value) || 0;
        document.getElementById('original-size').textContent = `${w} × ${h} mm`;
        document.getElementById('bleed-value').textContent = `${b} mm`;
        document.getElementById('width-with-bleed').textContent = `${w + b*2} mm`;
        document.getElementById('height-with-bleed').textContent = `${h + b*2} mm`;
        document.getElementById('final-size').textContent = `${w + b*2} × ${h + b*2} mm`;
    }

    btnCalc.addEventListener('click', calculateBleed);
    calculateBleed();

    // ===== TABS =====
    document.querySelectorAll('.tab-btn').forEach(btn => {
        btn.addEventListener('click', () => {
            document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
            document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
            btn.classList.add('active');
            document.getElementById(`${btn.dataset.tab}-tab`).classList.add('active');
        });
    });

    // ===== PROGRESS =====
    const sections = document.querySelectorAll('.card');
    const progressFill = document.getElementById('progress-fill');
    const progressPercent = document.getElementById('progress-percent');
    const currentSection = document.getElementById('current-section');

    function updateProgress() {
        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
        const scrollHeight = document.documentElement.scrollHeight - window.innerHeight;
        const pct = scrollHeight > 0 ? Math.min(100, (scrollTop / scrollHeight) * 100) : 0;
        progressFill.style.width = `${pct}%`;
        progressPercent.textContent = `${Math.round(pct)}%`;

        let activeSection = 'Inicio';
        sections.forEach(s => {
            const rect = s.getBoundingClientRect();
            if (rect.top <= window.innerHeight * 0.4) {
                const label = s.id.replace('section-', '');
                const titles = {
                    '1': 'Introducción', '2': 'Demo & Calculadora', '3': 'Importancia',
                    '4': 'Cuándo Usar', '5': 'Medidas', '6': 'Software',
                    '7': 'Optimización', '8': 'Quiz', '9': 'Recursos'
                };
                activeSection = titles[label] || 'Explorando';
            }
        });
        currentSection.textContent = activeSection;
    }

    window.addEventListener('scroll', updateProgress);
    window.addEventListener('resize', updateProgress);
    updateProgress();
</script>
</body>
</html>				</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://imprentamaiona.es/sangrado/">Sangrado en impresión: guía profesional para diseño</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7474</post-id>	</item>
		<item>
		<title>RGB, CMYK y Pantone: la trinidad del color que nadie te explicó</title>
		<link>https://imprentamaiona.es/cmyk-rgb-pantone/</link>
		
		<dc:creator><![CDATA[Maiona]]></dc:creator>
		<pubDate>Thu, 02 Oct 2025 06:25:23 +0000</pubDate>
				<category><![CDATA[Impresión]]></category>
		<guid isPermaLink="false">https://imprentamaiona.es/?p=7440</guid>

					<description><![CDATA[<p>Por qué los colores cambian al imprimir?</p>
<p>La entrada <a href="https://imprentamaiona.es/cmyk-rgb-pantone/">RGB, CMYK y Pantone: la trinidad del color que nadie te explicó</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7440" class="elementor elementor-7440">
				<div class="elementor-element elementor-element-c954106 e-flex e-con-boxed e-con e-parent" data-id="c954106" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a64d413 elementor-widget__width-inherit elementor-widget elementor-widget-image" data-id="a64d413" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img fetchpriority="high" decoding="async" width="950" height="594" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?fit=950%2C594&amp;ssl=1" class="attachment-large size-large wp-image-7454" alt="imprenta maiona &#x1f3a8; RGB, CMYK y Pantone: la guía definitiva para imprimir sin sorpresas" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?w=2560&amp;ssl=1 2560w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?resize=300%2C188&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?resize=1024%2C640&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?resize=2000%2C1250&amp;ssl=1 2000w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?resize=1536%2C960&amp;ssl=1 1536w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?resize=600%2C375&amp;ssl=1 600w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?resize=1200%2C750&amp;ssl=1 1200w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?resize=2048%2C1280&amp;ssl=1 2048w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/cabecera-scaled.png?w=1900&amp;ssl=1 1900w" sizes="100vw" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-658b45d e-grid e-con-boxed e-con e-parent" data-id="658b45d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-c7c9192 elementor-widget elementor-widget-text-editor" data-id="c7c9192" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h1>RGB, CMYK y Pantone: la trinidad del color que nadie te explicó </h1><h3 data-start="313" data-end="345">¿Por qué los colores cambian al imprimir?</h3><p>Lo que ves en pantalla y lo que ves en papel son dos mundos diferentes. Tu monitor trabaja con <strong>luces (RGB)</strong>, mientras que las impresoras comerciales trabajan con <strong>tintas (CMYK o Pantone)</strong>. Por eso, si no eliges bien el modo de color, puedes llevarte un susto al ver tu trabajo impreso.</p><h2 data-start="592" data-end="627"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f441.png" alt="👁" class="wp-smiley" style="height: 1em; max-height: 1em;" /> La óptica detrás del color</h2><p data-start="628" data-end="702">Antes de hablar de siglas, pensemos en algo básico: <strong data-start="680" data-end="699">el color es luz</strong>.</p><ul data-start="703" data-end="1115"><li data-start="703" data-end="791"><p data-start="705" data-end="791">Los objetos no “tienen” color, reflejan ciertas longitudes de onda y absorben otras.</p></li><li data-start="792" data-end="896"><p data-start="794" data-end="896">Nuestro ojo tiene tres tipos de conos que captan rojo, verde y azul → de ahí nace el modelo <strong data-start="886" data-end="893">RGB</strong>.</p></li><li data-start="897" data-end="990"><p data-start="899" data-end="990">Una pantalla emite luz directamente, por eso los colores en tu monitor son tan vibrantes.</p></li><li data-start="991" data-end="1115"><p data-start="993" data-end="1115">El papel, en cambio, no emite luz: refleja la que recibe. Para recrear colores necesita capas de tinta (CMYK o Pantone).</p></li></ul><p data-start="1117" data-end="1317"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Este detalle de óptica explica por qué un azul eléctrico que brilla en tu pantalla puede verse más apagado al imprimirse: la luz ya no sale de dentro, sino que depende de cómo rebota en el papel.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-8f17197 elementor-widget elementor-widget-image" data-id="8f17197" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="768" height="768" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?fit=768%2C768&amp;ssl=1" class="attachment-medium_large size-medium_large wp-image-7445" alt="imprenta maiona &#x1f3a8; RGB, CMYK y Pantone: la guía definitiva para imprimir sin sorpresas" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?w=1080&amp;ssl=1 1080w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?resize=1024%2C1024&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?resize=200%2C200&amp;ssl=1 200w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?resize=400%2C400&amp;ssl=1 400w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?resize=500%2C500&amp;ssl=1 500w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?resize=600%2C600&amp;ssl=1 600w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/color-wheel-gamut.png?resize=800%2C800&amp;ssl=1 800w" sizes="100vw" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-481d9f2 e-grid e-con-boxed e-con e-parent" data-id="481d9f2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-dad54f7 elementor-widget elementor-widget-image" data-id="dad54f7" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img decoding="async" width="1024" height="687" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/1-bec0a311.jpg?fit=1024%2C687&amp;ssl=1" class="attachment-2048x2048 size-2048x2048 wp-image-7452" alt="imprenta maiona &#x1f3a8; RGB, CMYK y Pantone: la guía definitiva para imprimir sin sorpresas" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/1-bec0a311.jpg?w=1024&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/1-bec0a311.jpg?resize=300%2C201&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/1-bec0a311.jpg?resize=600%2C403&amp;ssl=1 600w" sizes="100vw" />															</div>
				</div>
				<div class="elementor-element elementor-element-d328361 elementor-widget elementor-widget-text-editor" data-id="d328361" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>RGB: el reino de la luz</strong></h3><ul><li><span style="color: #ffffff;"><strong>Qué es:</strong></span> RGB significa <em>Red, Green, Blue</em>. Son los tres colores de luz que se combinan para crear todo lo que ves en pantallas.</li><li><span style="color: #ffffff;"><strong>Dónde se usa: </strong></span>fotografía digital, diseño web, redes sociales y todo lo que brilla en tu monitor.</li><li><p><span style="color: #ffffff;"><strong>En impresión Fine Art:</strong></span> ojo aquí <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> nuestras impresoras Canon de inyección de tinta <strong>trabajan mejor con archivos en RGB</strong>, porque aprovechan toda la gama de color para reproducir matices que se perderían al pasar a CMYK.</p></li><li><span style="color: #ffffff;"><strong>Cuándo enviarlo en RGB:</strong> </span>si vas a imprimir fotografía artística, ilustraciones digitales o trabajos donde el detalle del color es crítico.</li></ul>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-05a33a7 e-grid e-con-boxed e-con e-parent" data-id="05a33a7" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f69e3ca elementor-widget elementor-widget-image" data-id="f69e3ca" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1024" height="1024" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?fit=1024%2C1024&amp;ssl=1" class="attachment-full size-full wp-image-7444" alt="imprenta maiona &#x1f3a8; RGB, CMYK y Pantone: la guía definitiva para imprimir sin sorpresas" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?w=1024&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?resize=200%2C200&amp;ssl=1 200w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?resize=400%2C400&amp;ssl=1 400w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?resize=500%2C500&amp;ssl=1 500w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?resize=600%2C600&amp;ssl=1 600w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/envato-labs-image-edit-5.png?resize=800%2C800&amp;ssl=1 800w" sizes="100vw" />															</div>
				</div>
				<div class="elementor-element elementor-element-ce2bac0 elementor-widget elementor-widget-text-editor" data-id="ce2bac0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3>CMYK: el idioma de la imprenta</h3><ul><li><span style="color: #ffffff;"><strong>Qué es:</strong></span> CMYK viene de <em>Cyan, Magenta, Yellow, Key (Negro)</em>. Es el sistema de tintas con el que trabajan la mayoría de imprentas.</li><li><span style="color: #ffffff;"><strong>Dónde se usa:</strong></span> flyers, catálogos, revistas, cartelería… prácticamente todo lo que se imprime en volumen.</li><li><span style="color: #ffffff;"><strong>Ventajas:</strong></span> es el estándar universal. Lo que ves en pantalla convertido a CMYK es lo más parecido a lo que saldrá de la máquina offset o digital.</li><li><span style="color: #ffffff;"><strong>Truco:</strong> </span>si tu proyecto es comercial (trípticos, tarjetas, catálogos), envía siempre los archivos en CMYK.</li></ul>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-47197b4 e-grid e-con-boxed e-con e-parent" data-id="47197b4" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a749ca elementor-widget elementor-widget-image" data-id="2a749ca" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="950" height="950" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?fit=950%2C950&amp;ssl=1" class="attachment-large size-large wp-image-7455" alt="imprenta maiona &#x1f3a8; RGB, CMYK y Pantone: la guía definitiva para imprimir sin sorpresas" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?w=1024&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?resize=200%2C200&amp;ssl=1 200w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?resize=400%2C400&amp;ssl=1 400w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?resize=500%2C500&amp;ssl=1 500w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?resize=600%2C600&amp;ssl=1 600w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/10/pantone.png?resize=800%2C800&amp;ssl=1 800w" sizes="100vw" />															</div>
				</div>
				<div class="elementor-element elementor-element-88b1ac2 elementor-widget elementor-widget-text-editor" data-id="88b1ac2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3>Pantone: con la precisión de un cirujano</h3><ul><li><span style="color: #ffffff;"><strong>Qué es:</strong></span> un sistema de colores directos estandarizados. Cada color Pantone tiene un código único.</li><li><span style="color: #ffffff;"><strong>Dónde se usa:</strong></span> branding, logotipos, packaging de lujo y cualquier trabajo donde el color corporativo debe ser exacto.</li><li><span style="color: #ffffff;"><strong>Ventajas:</strong></span> cero sorpresas. Si tu logo es Pantone 186 C, siempre será ese tono, aquí o en la otra punta del planeta.</li><li><span style="color: #ffffff;"><strong>Cuándo usarlo:</strong></span> cuando la identidad de marca no admite variaciones (ej. Coca-Cola no puede arriesgarse a que su rojo cambie).</li></ul>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c9adab3 e-grid e-con-boxed e-con e-parent" data-id="c9adab3" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7c896f4 elementor-widget elementor-widget-text-editor" data-id="7c896f4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3>¿Entonces&#8230; qué formato te conviene?</h3><ul><li><span style="font-size: 14pt;">Arte y fotografía Fine Art → RGB</span></li><li><span style="font-size: 14pt;">Impresión comercial estándar → CMYK</span></li><li><span style="font-size: 14pt;">Marca y packaging premium → Pantone</span></li></ul><p><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Piensa en el destino de tu obra:</p><p>¿va a colgar en una galería, a repartirse en una feria, o a ser la cara de una marca?</p><p>Esa respuesta define el modo de color.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-81c52ca e-flex e-con-boxed e-con e-parent" data-id="81c52ca" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
		<div class="elementor-element elementor-element-cd93fe6 e-flex e-con-boxed e-con e-parent" data-id="cd93fe6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-432fe17 elementor-widget elementor-widget-spacer" data-id="432fe17" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://imprentamaiona.es/cmyk-rgb-pantone/">RGB, CMYK y Pantone: la trinidad del color que nadie te explicó</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7440</post-id>	</item>
		<item>
		<title>Del plátano al papel: la verdad sobre Google Nano Banana 🍌</title>
		<link>https://imprentamaiona.es/google-nano-banana/</link>
		
		<dc:creator><![CDATA[Maiona]]></dc:creator>
		<pubDate>Tue, 16 Sep 2025 05:59:05 +0000</pubDate>
				<category><![CDATA[Impresión]]></category>
		<guid isPermaLink="false">https://imprentamaiona.es/?p=7402</guid>

					<description><![CDATA[<p>Google Nano Banana: guía práctica para diseñadores e imprenta</p>
<p>La entrada <a href="https://imprentamaiona.es/google-nano-banana/">Del plátano al papel: la verdad sobre Google Nano Banana 🍌</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7402" class="elementor elementor-7402">
				<div class="elementor-element elementor-element-1a82662 e-con-full e-transform e-flex e-con e-parent" data-id="1a82662" data-element_type="container" data-e-type="container" data-settings="{&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}">
				</div>
		<div class="elementor-element elementor-element-658b45d e-grid e-con-boxed e-con e-parent" data-id="658b45d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-c7c9192 elementor-widget elementor-widget-text-editor" data-id="c7c9192" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h1>Del plátano al papel: la verdad sobre Google Nano Banana <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f34c.png" alt="🍌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></h1><h3 data-start="313" data-end="345">¿Qué es Google Nano Banana?</h3><p data-start="346" data-end="575">Tranqui: no es un nuevo sabor de batido, ni un filtro de TikTok. <strong data-start="412" data-end="434">Google Nano Banana</strong> es el nombre en clave de una nueva función de <strong data-start="481" data-end="502">Google Gemini 2.5</strong> que permite <a href="https://aistudio.google.com/prompts/new_chat"><strong data-start="515" data-end="572">generar y editar imágenes con inteligencia artificial</strong>.</a></p><p data-start="577" data-end="780">¿La promesa? Que cualquier persona pueda pedirle a la IA cosas como “hazme este póster en estilo vintage” o “cámbiame el cielo gris por un atardecer naranja” y obtenga resultados casi listos para usar.</p><p data-start="782" data-end="876">En resumen: es como <strong data-start="802" data-end="815">Photoshop</strong>, pero en versión plátano y sin capas que se te descuadren.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-8f17197 elementor-widget elementor-widget-image" data-id="8f17197" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="950" height="950" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?fit=950%2C950&amp;ssl=1" class="attachment-large size-large wp-image-7405" alt="" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?w=1024&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?resize=200%2C200&amp;ssl=1 200w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?resize=400%2C400&amp;ssl=1 400w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?resize=500%2C500&amp;ssl=1 500w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?resize=600%2C600&amp;ssl=1 600w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/envato-labs-ai-1d113500-6cce-406c-90c1-9e73686148a4.jpg?resize=800%2C800&amp;ssl=1 800w" sizes="100vw" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1f18e55 e-flex e-con-boxed e-con e-parent" data-id="1f18e55" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6045efe elementor-widget elementor-widget-spacer" data-id="6045efe" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-481d9f2 e-flex e-con-boxed e-con e-parent" data-id="481d9f2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d328361 elementor-widget elementor-widget-text-editor" data-id="d328361" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>La “revolución platanesca”</strong></h3><p data-start="915" data-end="1100">Google lo vende como una revolución: imágenes consistentes, rápidas y fáciles, sin necesidad de ser diseñador. Lo que antes llevaba horas de retoques, ahora lo hace la IA en segundos.</p><p data-start="1102" data-end="1319">Y sí: <strong data-start="1108" data-end="1130">Google Nano Banana</strong> puede ser muy útil para <strong data-start="1155" data-end="1171">social media</strong>, <strong data-start="1173" data-end="1184">mockups</strong> y prototipos rápidos que impresionan a clientes. Sirve para mostrar una idea al instante y crear material visual llamativo en redes.</p><p data-start="1321" data-end="1444">Eso sí: revolución en pantalla. Porque cuando se trata de <strong data-start="1379" data-end="1415">imprimir en papel, tinta y tóner</strong>, la historia es diferente.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-05a33a7 e-grid e-con-boxed e-con e-parent" data-id="05a33a7" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f69e3ca elementor-widget elementor-widget-image" data-id="f69e3ca" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img data-recalc-dims="1" decoding="async" src="https://i0.wp.com/media.tenor.com/jvDyDzlpvC4AAAAj/banana-happy.gif?w=950&#038;ssl=1" title="" alt="" loading="lazy" />															</div>
				</div>
				<div class="elementor-element elementor-element-ce2bac0 elementor-widget elementor-widget-text-editor" data-id="ce2bac0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3>Google Nano Banana y la imprenta: dónde están los límites</h3><p data-start="1514" data-end="1541">Aquí viene el plot twist:</p><ul data-start="1543" data-end="1737"><li data-start="1543" data-end="1614"><p data-start="1545" data-end="1614"><strong data-start="1545" data-end="1612">El Nano Banana no convierte tu PNG en un PDF listo para offset.</strong></p></li><li data-start="1615" data-end="1678"><p data-start="1617" data-end="1678">No entiende de <strong data-start="1632" data-end="1676">CMYK, perfiles ICC ni sangrados de 3 mm.</strong></p></li><li data-start="1679" data-end="1737"><p data-start="1681" data-end="1737">Y tampoco evita que un logo pixelado se vea… pixelado.</p></li></ul><p data-start="1739" data-end="1947">En <strong data-start="1742" data-end="1761">Imprenta Maiona</strong> seguimos necesitando lo de siempre: archivos preparados correctamente, con resoluciones adecuadas, márgenes seguros y colores bien convertidos. El plátano no imprime por ti (todavía).</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-47197b4 e-grid e-con-boxed e-con e-parent" data-id="47197b4" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a749ca elementor-widget elementor-widget-image" data-id="2a749ca" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="950" height="950" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?fit=950%2C950&amp;ssl=1" class="attachment-large size-large wp-image-7407" alt="" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?w=1024&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?resize=200%2C200&amp;ssl=1 200w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?resize=400%2C400&amp;ssl=1 400w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?resize=500%2C500&amp;ssl=1 500w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?resize=600%2C600&amp;ssl=1 600w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/09/google-nano-banana-imprenta-2.png?resize=800%2C800&amp;ssl=1 800w" sizes="100vw" />															</div>
				</div>
				<div class="elementor-element elementor-element-88b1ac2 elementor-widget elementor-widget-text-editor" data-id="88b1ac2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3>Tips bananeros para pasar de Nano Banana al papel</h3><ol><li data-start="2010" data-end="2048"><strong>Convierte tus archivos a CMYK:</strong> Toda imagen que sale de Nano Banana está en <strong data-start="2093" data-end="2100">RGB</strong>. Si quieres imprimir sin sustos, conviértela siempre a <strong data-start="2156" data-end="2164">CMYK</strong>.</li></ol><p><strong>2. Revisa la resolución (300 dpi mínimo): </strong>Aunque la IA genere imágenes llamativas, verifica que tengan <strong data-start="2277" data-end="2288">300 dpi</strong>. Un plátano borroso queda bien en un batido, no en un cartel.</p><p><strong>3. Añade márgenes y sangrados manualmente: </strong>La IA no sabe qué es un sangrado de <strong data-start="2438" data-end="2446">3 mm</strong>. Si no lo añades, tu flyer puede acabar amputado.</p><p><strong>4. Banana ≠ vector: </strong>Si necesitas <strong data-start="2538" data-end="2571">logos o tipografías editables</strong>, sigue trabajando en Illustrator o InDesign. Nano Banana crea imágenes, no vectores.</p><p><strong>5. Úsalo para mockups, no para finales: </strong>¿Quieres sorprender a un cliente en redes sociales? Perfecto: genera un <strong data-start="2777" data-end="2787">mockup</strong> con Nano Banana. Pero recuerda: eso es <strong data-start="2827" data-end="2838">maqueta</strong>, no archivo final para imprenta.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c9adab3 e-grid e-con-boxed e-con e-parent" data-id="c9adab3" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7c896f4 elementor-widget elementor-widget-text-editor" data-id="7c896f4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3>Conclusión: IA, mockups y el toque humano</h3><p data-start="2927" data-end="3152"><strong data-start="2927" data-end="2949">Google Nano Banana</strong> es divertido, útil para inspirarte y perfecto para hacer <strong data-start="3007" data-end="3051">prototipos o contenido para social media</strong>. Nadie lo duda: es una auténtica revolución digital que puede echarte una mano en muchos aspectos.</p><p data-start="3154" data-end="3276">Pero en el mundo real de la <strong data-start="3182" data-end="3194">imprenta</strong>, lo que cuenta son los archivos bien preparados, revisados y con cariño humano.</p><p data-start="3278" data-end="3482"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f449.png" alt="👉" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Así que ya sabes: no pongas todos tus huevos en la misma cesta digital. <a href="https://imprentamaiona.es">Consulta siempre con <strong data-start="3374" data-end="3407">profesionales de la impresión</strong> </a>para que tus archivos se conviertan en el producto que realmente deseas.</p><p data-start="3484" data-end="3577">Porque al final, por mucho plátano e IA que haya… <strong data-start="3534" data-end="3571">a lo humano no lo sustituye nadie</strong>. <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f34c.png" alt="🍌" class="wp-smiley" style="height: 1em; max-height: 1em;" /></p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-81c52ca e-flex e-con-boxed e-con e-parent" data-id="81c52ca" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
		<div class="elementor-element elementor-element-cd93fe6 e-flex e-con-boxed e-con e-parent" data-id="cd93fe6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-432fe17 elementor-widget elementor-widget-spacer" data-id="432fe17" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://imprentamaiona.es/google-nano-banana/">Del plátano al papel: la verdad sobre Google Nano Banana 🍌</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7402</post-id>	</item>
		<item>
		<title>¿Estás usando el papel correcto? El secreto para conectar con tu público a nivel emocional</title>
		<link>https://imprentamaiona.es/papel-branding-sensorial/</link>
		
		<dc:creator><![CDATA[Maiona]]></dc:creator>
		<pubDate>Tue, 06 May 2025 08:01:47 +0000</pubDate>
				<category><![CDATA[Impresión]]></category>
		<guid isPermaLink="false">https://imprentamaiona.es/?p=7128</guid>

					<description><![CDATA[<p>Papel y Branding Sensorial: La clave para conectar con tu cliente</p>
<p>La entrada <a href="https://imprentamaiona.es/papel-branding-sensorial/">¿Estás usando el papel correcto? El secreto para conectar con tu público a nivel emocional</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7128" class="elementor elementor-7128">
				<div class="elementor-element elementor-element-1a82662 e-con-full e-transform e-flex e-con e-parent" data-id="1a82662" data-element_type="container" data-e-type="container" data-settings="{&quot;_transform_translateX_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateX_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_widescreen&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;_transform_translateY_effect_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}">
				</div>
		<div class="elementor-element elementor-element-658b45d e-grid e-con-boxed e-con e-parent" data-id="658b45d" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-c7c9192 elementor-widget elementor-widget-text-editor" data-id="c7c9192" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>En un mundo donde <strong>todo</strong> está a un clic de distancia, las marcas necesitan algo que <strong>se sienta diferente</strong>. Algo que despierte emociones y haga que tu mensaje se quede grabado. <strong>El papel</strong> es esa herramienta secreta que te diferencia en un océano de información digital.</p>
<p>En <strong>Imprenta Maiona</strong>, entendemos que elegir el papel adecuado no es solo una decisión estética, sino una <strong>estrategia de branding</strong> que transforma una simple impresión en una <strong>experiencia sensorial</strong> capaz de conectar emocionalmente con tu audiencia. Desde folletos hasta packaging o tarjetas, <strong>el papel tiene el poder de hacer que tu marca deje huella</strong>. Ahora, la pregunta es: ¿lo vas a aprovechar?</p>								</div>
				</div>
				<div class="elementor-element elementor-element-8f17197 elementor-widget elementor-widget-image" data-id="8f17197" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="950" height="950" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?fit=950%2C950&amp;ssl=1" class="attachment-large size-large wp-image-7132" alt="" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?w=1080&amp;ssl=1 1080w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?resize=1024%2C1024&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?resize=600%2C600&amp;ssl=1 600w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?resize=800%2C800&amp;ssl=1 800w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?resize=200%2C200&amp;ssl=1 200w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?resize=400%2C400&amp;ssl=1 400w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/simbolo-interrogacion-papel-imprenta-maiona.png?resize=500%2C500&amp;ssl=1 500w" sizes="100vw" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-1f18e55 e-flex e-con-boxed e-con e-parent" data-id="1f18e55" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6045efe elementor-widget elementor-widget-spacer" data-id="6045efe" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-481d9f2 e-flex e-con-boxed e-con e-parent" data-id="481d9f2" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d328361 elementor-widget elementor-widget-text-editor" data-id="d328361" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Tacto, Diseño y Emoción: El Papel que Habla por Ti</strong></h3>
<p>El papel no es solo un soporte, <strong>es la primera impresión táctil que un cliente tiene de tu marca</strong>. Un acabado barnizado UV, una textura verjurada, un troquelado único&#8230; Estos no son solo detalles visuales. Son <strong>toques que comunican</strong>, que <strong>despiertan sensaciones</strong>. En marketing, el tacto es <strong>un canal emocional poderosísimo</strong> que transforma lo visual en <strong>algo memorable</strong>. Cuando un cliente toca algo de calidad, <strong>la percepción de tu marca cambia al instante</strong>. La reacción es clara: <strong>confianza, admiración, fascinación</strong>. Eso es lo que convierte tu marca en <strong>inolvidable</strong>.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-05a33a7 e-grid e-con-boxed e-con e-parent" data-id="05a33a7" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-f69e3ca elementor-widget elementor-widget-image" data-id="f69e3ca" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="1955" height="1183" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/02B_FedrigoniClub_PapelDelMes_07.jpg?fit=1955%2C1183&amp;ssl=1" class="attachment-full size-full wp-image-7133" alt="" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/02B_FedrigoniClub_PapelDelMes_07.jpg?w=1955&amp;ssl=1 1955w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/02B_FedrigoniClub_PapelDelMes_07.jpg?resize=300%2C182&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/02B_FedrigoniClub_PapelDelMes_07.jpg?resize=1024%2C620&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/02B_FedrigoniClub_PapelDelMes_07.jpg?resize=1536%2C929&amp;ssl=1 1536w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/02B_FedrigoniClub_PapelDelMes_07.jpg?resize=600%2C363&amp;ssl=1 600w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/02B_FedrigoniClub_PapelDelMes_07.jpg?resize=1200%2C726&amp;ssl=1 1200w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/02B_FedrigoniClub_PapelDelMes_07.jpg?w=1900&amp;ssl=1 1900w" sizes="100vw" />															</div>
				</div>
				<div class="elementor-element elementor-element-ce2bac0 elementor-widget elementor-widget-text-editor" data-id="ce2bac0" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>El Papel Como el Narrador de Tu Historia</strong></h3>
<p>El tipo de papel que elijas es más que una elección estética, <strong>es el primer capítulo de la historia que tu marca está contando</strong>. Si tu marca es joven y vibrante, un papel brillante con colores vivos expresa esa energía fresca. Si buscas transmitir lujo, exclusividad o sofisticación, un acabado metálico o perlado hará que tu mensaje se distinga. Y si tu marca es auténtica, cercana o ecológica, los papeles kraft o texturizados lo dirán todo, con <strong>un solo toque</strong>.</p>
<p>El papel no es solo un soporte visual, es el primer contacto físico que tu marca tiene con el cliente. No se trata solo de lo que ven, sino de lo que <strong data-start="248" data-end="259">sienten</strong> al tocarlo. Esa experiencia táctil es la que deja una huella emocional profunda, algo que las pantallas no pueden lograr.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-47197b4 e-grid e-con-boxed e-con e-parent" data-id="47197b4" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2a749ca elementor-widget elementor-widget-image" data-id="2a749ca" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="880" height="660" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/Patagonia-packaging-ecologico-imprenta-maiona.png?fit=880%2C660&amp;ssl=1" class="attachment-large size-large wp-image-7134" alt="" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/Patagonia-packaging-ecologico-imprenta-maiona.png?w=880&amp;ssl=1 880w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/Patagonia-packaging-ecologico-imprenta-maiona.png?resize=300%2C225&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/04/Patagonia-packaging-ecologico-imprenta-maiona.png?resize=600%2C450&amp;ssl=1 600w" sizes="100vw" />															</div>
				</div>
				<div class="elementor-element elementor-element-88b1ac2 elementor-widget elementor-widget-text-editor" data-id="88b1ac2" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Caso de Éxito: <a href="https://eu.patagonia.com/es/en/activism/?_gl=1*1inbb21*_up*MQ..*_gs*MQ..&amp;gclid=Cj0KCQjw5ubABhDIARIsAHMighZpJH02ow9VVBFMkEgjHb-bXAlFFKKOQKQh3uffPqnCDrJwFCDxUyMaAuW6EALw_wcB&amp;gclsrc=aw.ds&amp;gbraid=0AAAAADL1jlf2q_xBhLjLy4Fy6O7AqXLpb">Patagonia</a>, el Poder del Papel Sostenible</strong></h3><p>Veamos cómo <strong>Patagonia</strong> ha convertido el papel en una herramienta estratégica. No solo venden productos, venden <strong>valores</strong>. Utilizan papel reciclado con certificación FSC, algo que no solo refuerza su compromiso con la sostenibilidad, sino que también <strong>enriquece su narrativa</strong>. Cada pieza impresa, desde una etiqueta hasta un folleto, cuenta una historia coherente. En términos de neuromarketing, el uso de estos materiales genera una <strong>respuesta emocional positiva</strong>: al asociar la marca con un futuro más verde, <strong>refuerzan el deseo de apoyar una causa</strong>. <strong>El papel reciclado</strong>, con su textura rústica y apariencia natural, conecta con una autenticidad que va mucho más allá del producto.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-c9adab3 e-grid e-con-boxed e-con e-parent" data-id="c9adab3" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-7c896f4 elementor-widget elementor-widget-text-editor" data-id="7c896f4" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>¿Por Qué Imprenta Maiona es tu Mejor Aliado en Branding?</strong></h3>
<p>En <strong>Imprenta Maiona</strong>, no tratamos el papel como algo secundario, sino como una <strong>pieza estratégica que transforma tu branding</strong>. Desde acabados barnizados UV, tinta blanca, stamping, verjurados hasta papeles mate, lo que hacemos es <strong>crear experiencias sensoriales</strong> que se alinean con los objetivos de tu marca. Te ayudamos a elegir <strong>el papel perfecto</strong>, <strong>el diseño adecuado</strong> y la combinación que hará que tu marca no solo sea vista, sino <strong>sentida</strong>.</p>
<p>Tu marca no tiene que ser una más. <strong>Puedes crear algo memorable, algo que se sienta</strong>.</p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-81c52ca e-flex e-con-boxed e-con e-parent" data-id="81c52ca" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
		<div class="elementor-element elementor-element-cd93fe6 e-flex e-con-boxed e-con e-parent" data-id="cd93fe6" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-432fe17 elementor-widget elementor-widget-spacer" data-id="432fe17" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
				<div class="elementor-widget-container">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-649916a e-grid e-con-boxed e-con e-parent" data-id="649916a" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-24e114f elementor-widget elementor-widget-text-editor" data-id="24e114f" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h3><strong>Conclusión: El Papel Como la Clave Estratégica en Tu Branding</strong></h3>
<p>El papel no es solo un soporte físico, es una <strong>herramienta estratégica</strong> que puede elevar tu marca y generar una conexión emocional única con tu audiencia. En un mundo visual saturado, <strong>el tacto sigue siendo el canal más auténtico para transmitir emociones</strong>. Si estás listo para que tu marca <strong>se destaque</strong> de una vez por todas, apuesta por papeles impactantes y acabados que no solo <strong>se vean</strong>, sino <strong>que se sientan</strong>.</p>
<p> </p>
<p><span style="font-size: 14pt;">¿Listo para transformar la percepción de tu marca? <a href="https://imprentamaiona.es/contacto/">Contáctanos hoy en Imprenta Maiona</a> y descubre cómo el papel adecuado puede dejar una huella imborrable en tu audiencia.</span></p>								</div>
				</div>
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://imprentamaiona.es/papel-branding-sensorial/">¿Estás usando el papel correcto? El secreto para conectar con tu público a nivel emocional</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7128</post-id>	</item>
		<item>
		<title>Este no es un blog de impresión aburrido. Palabra de Maiona.</title>
		<link>https://imprentamaiona.es/este-no-es-un-blog-de-impresion-aburrido/</link>
		
		<dc:creator><![CDATA[Maiona]]></dc:creator>
		<pubDate>Wed, 26 Mar 2025 13:12:01 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://imprentamaiona.es/?p=7077</guid>

					<description><![CDATA[<p>Este no es un blog de impresión aburrido. Palabra de Maiona. Aquí empieza algo más que un blog sobre impresión. No venimos a darte teoría técnica sin alma ni a soltar términos raros sin contexto. Queremos que este espacio sea una fuente real de inspiración, un lugar donde descubrir todo lo que la impresión puede &#8230; </p>
<p class="link-more"><a href="https://imprentamaiona.es/este-no-es-un-blog-de-impresion-aburrido/" class="more-link">Leer más<span class="screen-reader-text"> «Este no es un blog de impresión aburrido. Palabra de Maiona.»</span></a></p>
<p>La entrada <a href="https://imprentamaiona.es/este-no-es-un-blog-de-impresion-aburrido/">Este no es un blog de impresión aburrido. Palabra de Maiona.</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="7077" class="elementor elementor-7077">
				<div class="elementor-element elementor-element-d5c98be e-flex e-con-boxed e-con e-parent" data-id="d5c98be" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;classic&quot;}">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-6fe2ca7 elementor-widget elementor-widget-heading" data-id="6fe2ca7" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
					<h2 class="elementor-heading-title elementor-size-default">Este no es un blog de impresión aburrido.
Palabra de Maiona.</h2>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-765fd96 e-grid e-con-boxed e-con e-parent" data-id="765fd96" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-0f3adc9 elementor-widget elementor-widget-text-editor" data-id="0f3adc9" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<p>Aquí empieza algo más que un blog sobre impresión. No venimos a darte teoría técnica sin alma ni a soltar términos raros sin contexto. Queremos que este espacio sea <strong data-start="305" data-end="339">una fuente real de inspiración</strong>, un lugar donde descubrir todo lo que la impresión puede hacer por tus ideas.</p>								</div>
				</div>
				<div class="elementor-element elementor-element-b5adf6f elementor-widget elementor-widget-image" data-id="b5adf6f" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
				<div class="elementor-widget-container">
															<img loading="lazy" decoding="async" width="950" height="634" src="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/03/impresora-imprenta-maiona-diseno.png?fit=950%2C634&amp;ssl=1" class="attachment-large size-large wp-image-7080" alt="" srcset="https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/03/impresora-imprenta-maiona-diseno.png?w=1080&amp;ssl=1 1080w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/03/impresora-imprenta-maiona-diseno.png?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/03/impresora-imprenta-maiona-diseno.png?resize=1024%2C683&amp;ssl=1 1024w, https://i0.wp.com/imprentamaiona.es/wp-content/uploads/2025/03/impresora-imprenta-maiona-diseno.png?resize=600%2C400&amp;ssl=1 600w" sizes="100vw" />															</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-e4ef070 e-flex e-con-boxed e-con e-parent" data-id="e4ef070" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-67133a8 elementor-widget__width-inherit elementor-widget elementor-widget-text-editor" data-id="67133a8" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
									<h2 class="" data-start="421" data-end="453"><strong data-start="424" data-end="451">¿De qué vamos a hablar?</strong></h2>
<p class="" data-start="603" data-end="864"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f5a8.png" alt="🖨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong data-start="607" data-end="675">Errores de <a href="https://imprentamaiona.es/servicios/">impresión</a> que dan ganas de llorar (y cómo evitarlos).</strong><br data-start="675" data-end="679">Que si textos pixelados, imágenes borrosas, bordes cortados… ¡STOP! Vamos a enseñarte cómo enviar un archivo listo para brillar, no para hacer llorar a nuestro equipo de preimpresión.</p>
<p class="" data-start="866" data-end="1103"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f4a1.png" alt="💡" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong data-start="869" data-end="931">Cosas que puedes hacer con papel y aún no has descubierto.</strong><br data-start="931" data-end="935">El papel no es solo un rectángulo aburrido. Puedes troquelarlo, texturizarlo, estamparlo en dorado, hacerlo fluorescente o incluso que huela a vainilla (sí, es real).</p>
<p class="" data-start="1105" data-end="1398"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f3a8.png" alt="🎨" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong data-start="1108" data-end="1173">Diseño e impresión: lo que nunca te cuentan y deberías saber.</strong><br data-start="1173" data-end="1177">Porque no todo lo que ves en pantalla se imprime igual. Lo que parece negro puede ser gris, los colores pueden cambiar, y hay detalles que pueden marcar la diferencia entre un diseño que impresiona y uno que decepciona.</p>
<p class="" data-start="1400" data-end="1623"><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/1f525.png" alt="🔥" class="wp-smiley" style="height: 1em; max-height: 1em;" /> <strong data-start="1403" data-end="1473">Acabados que hacen que cualquier trabajo pase de “meh” a “brutal”.</strong><br data-start="1473" data-end="1477">Barniz selectivo, relieve, metalizados, tintas fluorescentes… Si quieres que tu impresión llame la atención y huela a calidad, esto te interesa.</p>
<h2 class="" data-start="1625" data-end="1699"><strong data-start="1628" data-end="1697">Si imprimes, diseñas o simplemente te flipa el mundillo, quédate.</strong></h2>
<p class="" data-start="1701" data-end="1839">No te vamos a soltar textos infumables ni consejos copiados de <a href="https://es.wikipedia.org/wiki/Imprenta">Wikipedia</a>. Vamos a darte la chicha, la salsa, lo que marca la diferencia.</p>
<p class="" data-start="1841" data-end="1965">Porque imprimir es mucho más que poner tinta en un papel. Y si no lo sabías, <strong data-start="1918" data-end="1963">es que todavía no has impreso con <a href="https://imprentamaiona.es/imprentamaiona/">Maiona</a>.</strong></p>								</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-fb407b9 e-flex e-con-boxed e-con e-parent" data-id="fb407b9" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
					</div>
				</div>
				</div>
		<p>La entrada <a href="https://imprentamaiona.es/este-no-es-un-blog-de-impresion-aburrido/">Este no es un blog de impresión aburrido. Palabra de Maiona.</a> se publicó primero en <a href="https://imprentamaiona.es">Imprenta Maiona</a>.</p>
]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">7077</post-id>	</item>
	</channel>
</rss>
