<?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>Gedion Fernández</title>
	<atom:link href="https://gedionfernandez.com/feed/" rel="self" type="application/rss+xml" />
	<link>https://gedionfernandez.com</link>
	<description>Amauta de la Artesanía Peruana</description>
	<lastBuildDate>Mon, 17 Aug 2026 04:38:22 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0.4</generator>

<image>
	<url>https://gedionfernandez.com/wp-content/uploads/2019/10/cropped-logogfn-e1571521982924-2-32x32.png</url>
	<title>Gedion Fernández</title>
	<link>https://gedionfernandez.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Músico gordo</title>
		<link>https://gedionfernandez.com/musico-gordo/</link>
					<comments>https://gedionfernandez.com/musico-gordo/#respond</comments>
		
		<dc:creator><![CDATA[Gedion Fernández]]></dc:creator>
		<pubDate>Fri, 16 Sep 2022 15:58:03 +0000</pubDate>
				<category><![CDATA[Obras]]></category>
		<category><![CDATA[Escultura]]></category>
		<category><![CDATA[Gordo]]></category>
		<category><![CDATA[Músicos]]></category>
		<guid isPermaLink="false">https://gedionfernandez.com/?p=1459</guid>

					<description><![CDATA[Es un personaje que forma parte de las fiestas costumbristas del pueblo de Quinua y otros pueblos del Perú (sobre todo en los andes).

Este músico forma parte de la algarabía en las fiestas patronales de las diferentes fiestas en las comunidades, pueblos rurales y urbano; es un ejemplo del pueblo de Quinua con la realización de la fiesta patronal “Virgen de Cocharcas” patrona del distrito de Quinua, el músico es contratado por los carguyocc o mayordomos que son los ciudadanos o campesinos responsables de realizar la fiesta patronal durante casi 10 días, para lo cual contratan entre 12 a 20 músicos dependiendo del peso de carguyocc y durante ese tiempo los músicos tienen que demostrar sus habilidades y resistencia tales días, por tal motivo la alimentación y la pernoctación del músico está a cargo también del carguyocc.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1459" class="elementor elementor-1459" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-d587f5d elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="d587f5d" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-2e195b7" data-id="2e195b7" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-7d27176 elementor-widget elementor-widget-html" data-id="7d27176" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
 GEDION FERNÁNDEZ
 HISTORIA INDIVIDUAL · MÚSICO GORDO
 ELEMENTOR CANVAS · HTML + CSS + JS
========================================================= -->

<div id="gf-musico-story">

  <!-- PROGRESS -->
  <div class="mg-progress">
    <span id="mgProgressBar"></span>
  </div>


  <!-- =====================================================
       HEADER
  ====================================================== -->

  <header class="mg-header" id="mgHeader">

    <div class="mg-wrap mg-header-inner">

      <a href="/" class="mg-logo">
        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2022/05/logo-blanco.png"
          alt="Gedion Fernández">
      </a>


      <nav class="mg-nav" id="mgNav">

        <a href="/">Inicio</a>
        <a href="/biografia/">El Artista</a>
        <a href="/obras/">Obras</a>
        <a href="/exposiciones/">Exposiciones</a>
        <a href="/talleres/">Talleres</a>
        <a href="/blog/" class="mg-active">Historias</a>
        <a href="/contact/">Contacto</a>

        <button
          type="button"
          class="mg-header-wa mg-whatsapp">
          WhatsApp
        </button>

      </nav>


      <button
        type="button"
        class="mg-menu"
        id="mgMenu"
        aria-label="Abrir menú">

        <span></span>
        <span></span>

      </button>

    </div>

  </header>


  <!-- =====================================================
       HERO
  ====================================================== -->

  <section class="mg-hero">

    <div class="mg-hero-bg"></div>
    <div class="mg-hero-overlay"></div>


    <div class="mg-wrap mg-hero-content">

      <a href="/blog/" class="mg-back mg-reveal">
        ← TODAS LAS HISTORIAS
      </a>


      <div class="mg-title">

        <p class="mg-kicker mg-reveal">
          QUINUA · MÚSICA · TRADICIÓN
        </p>


        <h1 class="mg-reveal">

          <span>MÚSICO</span>
          <span>GORDO</span>

        </h1>


        <p class="mg-subtitle mg-reveal">

          Un personaje nacido de la fiesta.

        </p>

      </div>


      <div class="mg-hero-meta mg-reveal">

        <div>
          <span>ARTISTA</span>
          <strong>Gedion Fernández</strong>
        </div>

        <div>
          <span>ORIGEN DEL RELATO</span>
          <strong>Quinua · Ayacucho</strong>
        </div>

        <div>
          <span>PUBLICADO</span>
          <strong>16 · 09 · 2022</strong>
        </div>

        <div>
          <span>TEMA</span>
          <strong>Fiesta · Música · Costumbre</strong>
        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       INTRO
  ====================================================== -->

  <section class="mg-intro">

    <div class="mg-wrap mg-intro-grid">

      <div class="mg-intro-title mg-reveal">

        <p class="mg-label">
          EL PERSONAJE
        </p>

        <h2>
          La fiesta<br>
          convertida<br>
          en cerámica.
        </h2>

      </div>


      <div class="mg-intro-copy mg-reveal">

        <p class="mg-lead">

          El Músico Gordo nace de la observación
          de personajes presentes en las fiestas
          costumbristas de Quinua y otros pueblos
          de los Andes peruanos.

        </p>

        <p>

          Gedion Fernández toma la experiencia
          de las bandas, las celebraciones patronales
          y la vida de los músicos para desarrollar
          un personaje propio dentro de su universo artístico.

        </p>

        <div class="mg-rule"></div>

        <span class="mg-small">

          GEDION FERNÁNDEZ · AMAUTA DE LA ARTESANÍA PERUANA

        </span>

      </div>

    </div>

  </section>


  <!-- =====================================================
       ARCHIVO / MÚSICOS NATURALES
  ====================================================== -->

  <section class="mg-archive">

    <div class="mg-archive-image">

      <button
        type="button"
        class="mg-lightbox-trigger"
        data-image="https://gedionfernandez.com/wp-content/uploads/2020/03/escanear0005.jpg">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2020/03/escanear0005.jpg"
          alt="Músicos de tamaño natural de Gedion Fernández"
          loading="lazy">

        <span class="mg-photo-label">
          ARCHIVO · MÚSICOS DE TAMAÑO NATURAL
        </span>

      </button>

    </div>


    <div class="mg-archive-copy mg-reveal">

      <p class="mg-label">
        QUINUA · AYACUCHO
      </p>

      <h2>
        Un personaje<br>
        de la fiesta<br>
        patronal.
      </h2>

      <p class="mg-lead">

        La música acompaña algunos de los momentos
        más importantes de las celebraciones tradicionales.

      </p>

      <p>

        En Quinua, el relato de Gedion toma como referencia
        la fiesta patronal de la Virgen de Cocharcas,
        donde distintas bandas acompañan durante varios días
        las actividades organizadas por los mayordomos.

      </p>

    </div>

  </section>


  <!-- =====================================================
       VIRGEN DE COCHARCAS
  ====================================================== -->

  <section class="mg-cocharcas">

    <div class="mg-wrap">

      <div class="mg-cocharcas-head mg-reveal">

        <p class="mg-label">
          LA CELEBRACIÓN
        </p>

        <h2>
          Virgen de<br>
          Cocharcas.
        </h2>

      </div>


      <div class="mg-cocharcas-grid">

        <div class="mg-cocharcas-number mg-reveal">
          01
        </div>


        <div class="mg-cocharcas-copy mg-reveal">

          <p class="mg-lead">

            La fiesta patronal del distrito de Quinua
            sirve como uno de los principales referentes
            del relato del Músico Gordo.

          </p>

          <p>

            Los responsables de organizar la celebración
            son conocidos como <strong>carguyocc</strong>
            o mayordomos.

          </p>

          <p>

            Según cuenta Gedion, dependiendo de la dimensión
            de la celebración, podían contratarse bandas
            de aproximadamente doce a veinte músicos,
            quienes debían acompañar las actividades
            durante varios días.

          </p>

        </div>


        <div class="mg-cocharcas-stat mg-reveal">

          <span>12—20</span>

          <p>
            MÚSICOS PODÍAN INTEGRAR
            UNA BANDA SEGÚN EL RELATO
          </p>

        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       CARGUYOCC
  ====================================================== -->

  <section class="mg-cargo">

    <div class="mg-wrap mg-cargo-grid">

      <div class="mg-cargo-word mg-reveal">

        <span>
          CARGU
        </span>

        <span>
          YOCC
        </span>

      </div>


      <div class="mg-cargo-copy mg-reveal">

        <p class="mg-label">
          EL MAYORDOMO
        </p>

        <h2>
          Quien sostiene<br>
          la celebración.
        </h2>

        <p class="mg-lead">

          El carguyocc cumple un papel central
          en la organización de la fiesta.

        </p>

        <p>

          Es quien asume responsabilidades para reunir
          a músicos, atender a invitados y coordinar
          diferentes aspectos de la celebración.

        </p>

        <p>

          En este contexto, la banda no aparece como
          un elemento aislado: forma parte de toda
          una estructura comunitaria alrededor
          de la festividad.

        </p>

      </div>

    </div>

  </section>


  <!-- =====================================================
       CONTRAPUNTOS
  ====================================================== -->

  <section class="mg-counterpoint">

    <div class="mg-counter-image">

      <button
        type="button"
        class="mg-lightbox-trigger"
        data-image="https://gedionfernandez.com/wp-content/uploads/2020/03/S1052201.jpg">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2020/03/S1052201.jpg"
          alt="Bandas y músicos vinculados al relato Músico Gordo"
          loading="lazy">

        <span>
          02 / ARCHIVO
        </span>

      </button>

    </div>


    <div class="mg-counter-copy mg-reveal">

      <p class="mg-label">
        MÚSICA EN LA PLAZA
      </p>

      <h2>
        Los<br>
        contrapuntos.
      </h2>

      <p class="mg-lead">

        Varias bandas podían encontrarse
        dentro de una misma celebración.

      </p>

      <p>

        Gedion recuerda cómo los grupos se ubicaban
        en diferentes sectores de la plaza y alternaban
        huaynos, huaylas y otras piezas mientras
        las parejas continuaban bailando.

      </p>

      <p>

        De esa competencia musical nacían los llamados
        <strong>contrapuntos</strong>: una manera de medir
        la fuerza, resistencia y capacidad de convocatoria
        de cada banda.

      </p>

    </div>

  </section>


  <!-- =====================================================
       RHYTHM
  ====================================================== -->

  <section class="mg-rhythm">

    <div class="mg-wrap">

      <p class="mg-rhythm-small mg-reveal">
        PLAZA · MÚSICOS · BAILE
      </p>

      <h2 class="mg-reveal">

        Una banda termina.<br>
        Otra comienza.<br>
        La fiesta continúa.

      </h2>

    </div>

  </section>


  <!-- =====================================================
       WALLJA
  ====================================================== -->

  <section class="mg-wallja">

    <div class="mg-wrap mg-wallja-grid">

      <div class="mg-wallja-title mg-reveal">

        <p class="mg-label">
          UNA COSTUMBRE
        </p>

        <h2>
          Wallja.
        </h2>

      </div>


      <div class="mg-wallja-copy mg-reveal">

        <p class="mg-lead">

          Al final de la celebración,
          el agradecimiento también puede
          convertirse en un objeto.

        </p>

        <p>

          En el relato de Gedion, la
          <strong>wallja</strong> es un presente que puede
          entregarse a músicos y a otras personas que
          colaboraron durante la fiesta.

        </p>

        <p>

          En el caso de los músicos, podían ser pequeñas
          figuras de arcilla colocadas como gesto
          de reconocimiento por el trabajo realizado
          durante la celebración.

        </p>

      </div>

    </div>

  </section>


  <!-- =====================================================
       FORM / ORIGIN OF GORDO
  ====================================================== -->

  <section class="mg-form">

    <div class="mg-form-bg"></div>
    <div class="mg-form-overlay"></div>


    <div class="mg-wrap mg-form-content mg-reveal">

      <p class="mg-label">
        LA FORMA DEL PERSONAJE
      </p>

      <h2>
        Redondo.<br>
        Barrigón.<br>
        Inconfundible.
      </h2>

      <p>

        La forma no es accidental.
        Gedion explica el Músico Gordo
        como una síntesis estilizada
        de los personajes que observó
        en estas celebraciones.

      </p>

    </div>

  </section>


  <!-- =====================================================
       STYLIZATION
  ====================================================== -->

  <section class="mg-style">

    <div class="mg-wrap mg-style-grid">

      <div class="mg-style-number mg-reveal">
        02
      </div>


      <div class="mg-style-title mg-reveal">

        <p class="mg-label">
          ESTILIZACIÓN
        </p>

        <h2>
          Una forma<br>
          propia.
        </h2>

      </div>


      <div class="mg-style-copy mg-reveal">

        <p class="mg-lead">

          La identidad visual del personaje
          surge de una exageración deliberada.

        </p>

        <p>

          Gedion describe una figura de cuerpo
          redondo y voluminoso, combinada con
          cabeza y pies pequeños.

        </p>

        <p>

          Esa desproporción se convierte en
          parte del lenguaje artístico de la serie
          y permite reconocer inmediatamente
          al personaje.

        </p>

      </div>

    </div>

  </section>


  <!-- =====================================================
       MUSICIAN FAMILY
  ====================================================== -->

  <section class="mg-family">

    <div class="mg-wrap">

      <div class="mg-family-head mg-reveal">

        <p class="mg-label">
          LA BANDA
        </p>

        <h2>
          Una familia<br>
          de músicos.
        </h2>

        <p>

          El personaje se desarrolla en diferentes
          instrumentos, creando una banda completa
          dentro del universo de Gedion Fernández.

        </p>

      </div>


      <div class="mg-family-grid">


        <!-- VIOLINISTA -->

        <article class="mg-musician mg-reveal">

          <button
            type="button"
            class="mg-musician-photo mg-lightbox-trigger"
            data-image="https://gedionfernandez.com/wp-content/uploads/2019/10/Violinista.jpg">

            <img decoding="async"
              src="https://gedionfernandez.com/wp-content/uploads/2019/10/Violinista.jpg"
              alt="Músico Violinista de Gedion Fernández"
              loading="lazy">

            <span>01</span>

          </button>

          <h3>
            Violinista
          </h3>

        </article>


        <!-- TAMBOR -->

        <article class="mg-musician mg-reveal">

          <button
            type="button"
            class="mg-musician-photo mg-lightbox-trigger"
            data-image="https://gedionfernandez.com/wp-content/uploads/2019/10/Tambor1.jpg">

            <img decoding="async"
              src="https://gedionfernandez.com/wp-content/uploads/2019/10/Tambor1.jpg"
              alt="Músico Tambor de Gedion Fernández"
              loading="lazy">

            <span>02</span>

          </button>

          <h3>
            Tambor
          </h3>

        </article>


        <!-- SAXO -->

        <article class="mg-musician mg-reveal">

          <button
            type="button"
            class="mg-musician-photo mg-lightbox-trigger"
            data-image="https://gedionfernandez.com/wp-content/uploads/2019/10/Saxo.jpg">

            <img decoding="async"
              src="https://gedionfernandez.com/wp-content/uploads/2019/10/Saxo.jpg"
              alt="Músico Saxo de Gedion Fernández"
              loading="lazy">

            <span>03</span>

          </button>

          <h3>
            Saxo
          </h3>

        </article>


        <!-- TROMPETA -->

        <article class="mg-musician mg-reveal">

          <button
            type="button"
            class="mg-musician-photo mg-lightbox-trigger"
            data-image="https://gedionfernandez.com/wp-content/uploads/2019/10/MUSICO-TROMPETISTA.jpg">

            <img decoding="async"
              src="https://gedionfernandez.com/wp-content/uploads/2019/10/MUSICO-TROMPETISTA.jpg"
              alt="Músico Trompetista de Gedion Fernández"
              loading="lazy">

            <span>04</span>

          </button>

          <h3>
            Trompeta
          </h3>

        </article>


        <!-- ARPA -->

        <article class="mg-musician mg-reveal">

          <button
            type="button"
            class="mg-musician-photo mg-lightbox-trigger"
            data-image="https://gedionfernandez.com/wp-content/uploads/2019/10/Arpa.jpg">

            <img decoding="async"
              src="https://gedionfernandez.com/wp-content/uploads/2019/10/Arpa.jpg"
              alt="Músico Arpa de Gedion Fernández"
              loading="lazy">

            <span>05</span>

          </button>

          <h3>
            Arpa
          </h3>

        </article>


        <!-- TUBA -->

        <article class="mg-musician mg-reveal">

          <button
            type="button"
            class="mg-musician-photo mg-lightbox-trigger"
            data-image="https://gedionfernandez.com/wp-content/uploads/2019/10/2.jpg">

            <img decoding="async"
              src="https://gedionfernandez.com/wp-content/uploads/2019/10/2.jpg"
              alt="Músico Tuba de Gedion Fernández"
              loading="lazy">

            <span>06</span>

          </button>

          <h3>
            Tuba
          </h3>

        </article>

      </div>

    </div>

  </section>


  <!-- =====================================================
       FESTIVITIES
  ====================================================== -->

  <section class="mg-festivities">

    <div class="mg-wrap">

      <div class="mg-festivities-head mg-reveal">

        <p class="mg-label">
          MÁS ALLÁ DE UNA SOLA FIESTA
        </p>

        <h2>
          El músico<br>
          acompaña la vida.
        </h2>

      </div>


      <div class="mg-festivity-grid">

        <div class="mg-festivity mg-reveal">
          <span>01</span>
          <strong>Fiestas patronales</strong>
        </div>

        <div class="mg-festivity mg-reveal">
          <span>02</span>
          <strong>Carnavales y yunzas</strong>
        </div>

        <div class="mg-festivity mg-reveal">
          <span>03</span>
          <strong>Matrimonios</strong>
        </div>

        <div class="mg-festivity mg-reveal">
          <span>04</span>
          <strong>Bautismos</strong>
        </div>

        <div class="mg-festivity mg-reveal">
          <span>05</span>
          <strong>Fiestas de las cruces</strong>
        </div>

        <div class="mg-festivity mg-reveal">
          <span>06</span>
          <strong>Celebraciones comunitarias</strong>
        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       PERSONAL MEMORY
  ====================================================== -->

  <section class="mg-memory">

    <div class="mg-wrap mg-memory-grid">

      <div class="mg-memory-copy mg-reveal">

        <p class="mg-label">
          MEMORIA PERSONAL
        </p>

        <h2>
          El arte también<br>
          nace de lo vivido.
        </h2>

        <p class="mg-lead">

          El personaje no surge únicamente
          de observar una tradición desde fuera.

        </p>

        <p>

          Gedion recuerda haber celebrado
          el bautismo de uno de sus hijos
          acompañado por estos músicos.

        </p>

        <p>

          Esa experiencia personal terminó
          formando parte de su inspiración,
          especialmente en las piezas de tamaño
          natural a las que fue dando nombres propios.

        </p>

      </div>


      <div class="mg-memory-image mg-reveal">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2022/05/Musicos-1024x683.webp"
          alt="Músicos de Gedion Fernández"
          loading="lazy">

      </div>

    </div>

  </section>


  <!-- =====================================================
       ARTWORK DATA
  ====================================================== -->

  <section class="mg-data">

    <div class="mg-wrap">

      <div class="mg-data-head mg-reveal">

        <p class="mg-label">
          ARCHIVO DEL PERSONAJE
        </p>

        <h2>
          Músico Gordo
        </h2>

      </div>


      <div class="mg-data-list mg-reveal">

        <div>
          <span>ARTISTA</span>
          <strong>Gedion Fernández</strong>
        </div>

        <div>
          <span>ORIGEN CULTURAL</span>
          <strong>Quinua · Ayacucho</strong>
        </div>

        <div>
          <span>UNIVERSO</span>
          <strong>Fiestas y música tradicional</strong>
        </div>

        <div>
          <span>REFERENTE</span>
          <strong>Bandas de músicos</strong>
        </div>

        <div>
          <span>RASGO VISUAL</span>
          <strong>Cuerpo redondo · cabeza y pies pequeños</strong>
        </div>

        <div>
          <span>VARIANTES</span>
          <strong>Violín · Tambor · Saxo · Trompeta · Arpa · Tuba</strong>
        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       AUTHOR
  ====================================================== -->

  <section class="mg-author">

    <div class="mg-wrap mg-author-grid">

      <div class="mg-author-photo mg-reveal">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2019/10/PERFIL1-1-e1571852542258.jpg"
          alt="Gedion Fernández"
          loading="lazy">

      </div>


      <div class="mg-author-copy mg-reveal">

        <p class="mg-label">
          EL ARTISTA
        </p>

        <h2>
          Gedion<br>
          Fernández
        </h2>

        <p class="mg-lead">

          Amauta de la Artesanía Peruana
          y maestro ceramista ayacuchano
          con más de cuatro décadas
          de trayectoria.

        </p>


        <div class="mg-author-lines">

          <span>
            Miembro de AIC
          </span>

          <span>
            Amauta de la Artesanía Peruana · 2014
          </span>

          <span>
            Medalla Joaquín López Antay · 2011
          </span>

        </div>


        <a
          href="/biografia/"
          class="mg-link">

          CONOCER AL ARTISTA →

        </a>

      </div>

    </div>

  </section>


  <!-- =====================================================
       SIGNATURE
  ====================================================== -->

  <section class="mg-signature">

    <div class="mg-wrap mg-signature-inner mg-reveal">

      <p>
        HISTORIA DE UN PERSONAJE
      </p>

      <h2>
        MÚSICO GORDO
      </h2>

      <div class="mg-signature-line"></div>

      <strong>
        Gedion Fernández
      </strong>

      <span>
        Amauta de la Artesanía Peruana
      </span>

    </div>

  </section>


  <!-- =====================================================
       SHARE
  ====================================================== -->

  <section class="mg-share">

    <div class="mg-wrap mg-share-grid">

      <div class="mg-share-copy mg-reveal">

        <p class="mg-label">
          COMPARTIR
        </p>

        <h2>
          Que la historia<br>
          siga viajando.
        </h2>

      </div>


      <div class="mg-share-buttons mg-reveal">

        <button
          type="button"
          class="mg-share-btn"
          id="mgShareButton">

          COMPARTIR
          <span><img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span>

        </button>


        <button
          type="button"
          class="mg-share-btn mg-share-outline"
          id="mgCopyButton">

          COPIAR ENLACE
          <span>⧉</span>

        </button>

      </div>

    </div>

  </section>


  <!-- =====================================================
       RELATED
  ====================================================== -->

  <section class="mg-related">

    <div class="mg-wrap">

      <div class="mg-related-head mg-reveal">

        <p class="mg-label">
          CONTINUAR LEYENDO
        </p>

        <h2>
          Otras historias.
        </h2>

      </div>


      <div class="mg-related-grid">


        <!-- CHUYA -->

        <article class="mg-related-card mg-reveal">

          <a href="/chuya-wayra/">

            <div class="mg-related-photo">

              <img decoding="async"
                src="https://gedionfernandez.com/wp-content/uploads/2022/05/Chuya-Wayra-4-1024x682.jpeg"
                alt="Chuya Wayra"
                loading="lazy">

              <span>
                MEMORIA
              </span>

            </div>


            <div class="mg-related-info">

              <small>
                15 · 05 · 2022
              </small>

              <h3>
                Chuya Wayra
              </h3>

              <p>
                Naturaleza, memoria y una obra
                nacida de un momento histórico.
              </p>

              <strong>
                LEER HISTORIA →
              </strong>

            </div>

          </a>

        </article>


        <!-- CAMINO -->

        <article class="mg-related-card mg-reveal">

          <a href="/el-camino-de-un-artesano/">

            <div class="mg-related-photo">

              <img decoding="async"
                src="https://gedionfernandez.com/wp-content/uploads/2020/03/IMG_9065-scaled.jpg"
                alt="El camino de un artesano"
                loading="lazy">

              <span>
                OFICIO
              </span>

            </div>


            <div class="mg-related-info">

              <small>
                30 · 03 · 2020
              </small>

              <h3>
                El camino de<br>
                un artesano
              </h3>

              <p>
                Aprendizaje, trabajo, decisiones
                y una vida dedicada al oficio.
              </p>

              <strong>
                LEER HISTORIA →
              </strong>

            </div>

          </a>

        </article>

      </div>

    </div>

  </section>


  <!-- =====================================================
       CTA
  ====================================================== -->

  <section class="mg-cta">

    <div class="mg-wrap mg-cta-grid">

      <div class="mg-cta-copy mg-reveal">

        <p class="mg-label">
          DESCUBRIR LA OBRA
        </p>

        <h2>
          Conoce los músicos<br>
          de Gedion Fernández.
        </h2>

      </div>


      <div class="mg-cta-actions mg-reveal">

        <a
          href="/obras/"
          class="mg-btn mg-btn-dark">

          Explorar obras
          <span>→</span>

        </a>

        <button
          type="button"
          class="mg-btn mg-btn-wa mg-whatsapp">

          Contactar por WhatsApp

        </button>

      </div>

    </div>

  </section>


  <!-- =====================================================
       NEXT STORY
  ====================================================== -->

  <section class="mg-next">

    <a
      href="/el-camino-de-un-artesano/"
      class="mg-wrap mg-next-inner">

      <div>

        <p>
          SIGUIENTE HISTORIA
        </p>

        <span>
          El camino de un artesano
        </span>

      </div>

      <strong>
        →
      </strong>

    </a>

  </section>


  <!-- =====================================================
       FOOTER
  ====================================================== -->

  <footer class="mg-footer">

    <div class="mg-wrap">

      <div class="mg-footer-brand">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2022/05/logo-blanco.png"
          alt="Gedion Fernández">

        <p>
          Amauta de la Artesanía Peruana
        </p>

      </div>


      <div class="mg-footer-grid">

        <div>

          <span>NAVEGACIÓN</span>

          <a href="/">Inicio</a>
          <a href="/biografia/">El Artista</a>
          <a href="/obras/">Obras</a>
          <a href="/exposiciones/">Exposiciones</a>

        </div>


        <div>

          <span>DESCUBRIR</span>

          <a href="/talleres/">Talleres</a>
          <a href="/blog/">Historias</a>
          <a href="/contact/">Contacto</a>

        </div>


        <div>

          <span>CONTACTO</span>

          <a
            href="https://wa.me/51994593230"
            target="_blank"
            rel="noopener">

            +51 994 593 230

          </a>

          <a href="mailto:gcfernandezn@gmail.com">
            gcfernandezn@gmail.com
          </a>

          <p>
            Ate · Lima · Perú
          </p>

        </div>


        <div>

          <span>REDES</span>

          <a
            href="https://www.instagram.com/gedionfernandez/"
            target="_blank"
            rel="noopener">

            Instagram

          </a>

          <a
            href="https://www.facebook.com/gedionfernandez"
            target="_blank"
            rel="noopener">

            Facebook

          </a>

        </div>

      </div>


      <div class="mg-footer-bottom">

        <p>
          © <span id="mgYear"></span> Gedion Fernández
        </p>

        <p>
          Amauta de la Artesanía Peruana
        </p>

      </div>

    </div>

  </footer>


  <!-- FLOAT WA -->

  <button
    type="button"
    class="mg-floating-wa mg-whatsapp">

    <i></i>
    WhatsApp

  </button>


  <!-- LIGHTBOX -->

  <div
    class="mg-lightbox"
    id="mgLightbox"
    aria-hidden="true">

    <button
      type="button"
      id="mgLightboxClose"
      class="mg-lightbox-close"
      aria-label="Cerrar">

      ×

    </button>

    <img decoding="async"
      id="mgLightboxImage"
      src=""
      alt="Obra de Gedion Fernández">

  </div>


  <!-- TOAST -->

  <div
    class="mg-toast"
    id="mgToast">

    Enlace copiado

  </div>

</div>


<style>

/* =========================================================
 BASE
========================================================= */

#gf-musico-story,
#gf-musico-story * {
  box-sizing:border-box;
}

#gf-musico-story {

  --black:#151310;
  --deep:#0f0e0c;
  --paper:#fcfaf6;
  --ivory:#f4efe6;
  --clay:#a54f32;
  --ochre:#b38245;
  --muted:#756f67;
  --line:rgba(21,19,16,.14);
  --green:#1fa855;

  width:100%;
  overflow:hidden;

  background:var(--paper);
  color:var(--black);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  line-height:1.67;
}

#gf-musico-story img {
  width:100%;
  display:block;
}

#gf-musico-story a {
  color:inherit;
  text-decoration:none;
}

#gf-musico-story button {
  font:inherit;
  cursor:pointer;
}

.mg-wrap {

  width:min(
    1280px,
    calc(100% - 70px)
  );

  margin:auto;
}


/* TYPOGRAPHY */

#gf-musico-story h1,
#gf-musico-story h2,
#gf-musico-story h3 {

  margin:0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight:400;
}

#gf-musico-story h2 {

  font-size:
    clamp(50px,6vw,94px);

  line-height:.97;

  letter-spacing:-.048em;
}

.mg-label {

  margin:0 0 22px;

  font-size:9px;
  font-weight:700;

  letter-spacing:.27em;
  text-transform:uppercase;
}

.mg-lead {

  font-size:
    clamp(18px,2vw,23px);

  line-height:1.55;
}


/* =========================================================
 PROGRESS
========================================================= */

.mg-progress {

  position:fixed;

  z-index:10050;

  top:0;
  left:0;

  width:100%;
  height:3px;

  pointer-events:none;
}

.mg-progress span {

  display:block;

  width:0;
  height:100%;

  background:var(--ochre);
}


/* =========================================================
 HEADER
========================================================= */

.mg-header {

  position:absolute;

  z-index:1000;

  top:0;
  left:0;

  width:100%;

  color:white;
}

.mg-header.mg-sticky {

  position:fixed;

  background:
    rgba(15,14,12,.95);

  backdrop-filter:blur(14px);

  box-shadow:
    0 1px 0
    rgba(255,255,255,.08);
}

body.admin-bar
#gf-musico-story
.mg-header.mg-sticky {

  top:32px;
}

.mg-header-inner {

  min-height:90px;

  display:flex;

  align-items:center;

  justify-content:space-between;
}

.mg-logo {
  width:190px;
}

.mg-nav {

  display:flex;

  align-items:center;

  gap:27px;
}

.mg-nav > a {

  position:relative;

  font-size:11px;
}

.mg-nav > a::after {

  content:"";

  position:absolute;

  left:0;
  bottom:-8px;

  width:0;
  height:1px;

  background:currentColor;

  transition:.25s;
}

.mg-nav > a:hover::after,
.mg-nav > a.mg-active::after {

  width:100%;
}

.mg-header-wa {

  min-height:40px;

  padding:0 20px;

  border:
    1px solid
    rgba(255,255,255,.45);

  background:transparent;

  color:white;

  font-size:9px;
  font-weight:700;

  letter-spacing:.13em;

  text-transform:uppercase;
}

.mg-menu {

  display:none;

  padding:7px;

  border:0;

  background:transparent;

  color:white;
}

.mg-menu span {

  width:27px;
  height:1px;

  display:block;

  margin:7px 0;

  background:currentColor;
}


/* =========================================================
 HERO
========================================================= */

.mg-hero {

  min-height:820px;
  height:100vh;

  position:relative;

  display:flex;

  align-items:flex-end;

  color:white;
}

.mg-hero-bg {

  position:absolute;

  inset:0;

  background:

    url(
      "https://gedionfernandez.com/wp-content/uploads/2022/05/Musicos-scaled.webp"
    )

    center / cover
    no-repeat;
}

.mg-hero-overlay {

  position:absolute;

  inset:0;

  background:

    linear-gradient(
      90deg,
      rgba(8,7,6,.87),
      rgba(8,7,6,.55) 52%,
      rgba(8,7,6,.18)
    );
}

.mg-hero-content {

  position:relative;

  z-index:2;

  padding-bottom:55px;
}

.mg-back {

  position:absolute;

  top:-435px;

  color:
    rgba(255,255,255,.62);

  font-size:8px;

  font-weight:700;

  letter-spacing:.16em;
}

.mg-kicker {

  margin:0 0 22px;

  font-size:9px;

  font-weight:700;

  letter-spacing:.30em;
}

.mg-hero h1 {

  font-size:
    clamp(95px,17vw,225px);

  line-height:.72;

  letter-spacing:-.075em;
}

.mg-hero h1 span {
  display:block;
}

.mg-subtitle {

  margin:38px 0 0;

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(20px,2.5vw,30px);
}

.mg-hero-meta {

  margin-top:55px;

  padding-top:25px;

  border-top:
    1px solid
    rgba(255,255,255,.25);

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:30px;
}

.mg-hero-meta span {

  display:block;

  margin-bottom:5px;

  color:
    rgba(255,255,255,.42);

  font-size:7px;

  font-weight:700;

  letter-spacing:.16em;
}

.mg-hero-meta strong {

  font-size:11px;

  font-weight:400;
}


/* =========================================================
 INTRO
========================================================= */

.mg-intro {

  padding:150px 0;

  background:var(--paper);
}

.mg-intro-grid {

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:100px;
}

.mg-intro-copy {

  max-width:590px;

  padding-top:35px;
}

.mg-intro-copy p:not(.mg-lead) {
  color:var(--muted);
}

.mg-rule {

  width:100%;
  height:1px;

  margin:40px 0;

  background:var(--line);
}

.mg-small {

  color:var(--muted);

  font-size:8px;

  font-weight:700;

  letter-spacing:.16em;
}


/* =========================================================
 ARCHIVE
========================================================= */

.mg-archive {

  min-height:800px;

  display:grid;

  grid-template-columns:
    1.15fr .85fr;

  background:var(--ivory);
}

.mg-archive-image button {

  width:100%;
  height:100%;

  position:relative;

  padding:0;

  border:0;

  overflow:hidden;

  background:#ddd;
}

.mg-archive-image img {

  width:100%;
  height:100%;

  min-height:800px;

  object-fit:cover;

  transition:.5s;
}

.mg-archive-image button:hover img {
  transform:scale(1.02);
}

.mg-photo-label {

  position:absolute;

  left:20px;
  bottom:20px;

  padding:9px 12px;

  background:white;

  color:var(--black);

  font-size:8px;

  font-weight:700;

  letter-spacing:.15em;
}

.mg-archive-copy {

  padding:
    clamp(60px,8vw,115px);

  display:flex;

  flex-direction:column;

  justify-content:center;
}

.mg-archive-copy h2 {

  margin-bottom:38px;
}

.mg-archive-copy p:not(.mg-label):not(.mg-lead) {

  color:var(--muted);
}


/* =========================================================
 COCHARCAS
========================================================= */

.mg-cocharcas {

  padding:150px 0;

  background:var(--deep);

  color:white;
}

.mg-cocharcas-head {

  max-width:800px;

  margin-bottom:80px;
}

.mg-cocharcas-grid {

  display:grid;

  grid-template-columns:
    90px 1fr .65fr;

  gap:55px;

  align-items:start;
}

.mg-cocharcas-number {

  color:var(--ochre);

  font-family:
    Georgia,
    serif;

  font-size:30px;
}

.mg-cocharcas-copy {

  max-width:620px;
}

.mg-cocharcas-copy p:not(.mg-lead) {

  color:
    rgba(255,255,255,.58);
}

.mg-cocharcas-stat {

  padding:35px;

  border:
    1px solid
    rgba(255,255,255,.16);
}

.mg-cocharcas-stat span {

  display:block;

  color:var(--ochre);

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(70px,9vw,120px);

  line-height:.85;
}

.mg-cocharcas-stat p {

  margin-top:35px;

  color:
    rgba(255,255,255,.46);

  font-size:8px;

  font-weight:700;

  letter-spacing:.17em;
}


/* =========================================================
 CARGUYOCC
========================================================= */

.mg-cargo {

  padding:150px 0;

  background:var(--clay);

  color:white;
}

.mg-cargo-grid {

  display:grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap:100px;

  align-items:center;
}

.mg-cargo-word {

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(90px,13vw,180px);

  line-height:.72;

  letter-spacing:-.07em;
}

.mg-cargo-word span {

  display:block;
}

.mg-cargo-copy {

  max-width:560px;
}

.mg-cargo-copy h2 {

  margin-bottom:35px;
}

.mg-cargo-copy p:not(.mg-label):not(.mg-lead) {

  color:
    rgba(255,255,255,.68);
}


/* =========================================================
 COUNTERPOINT
========================================================= */

.mg-counterpoint {

  min-height:800px;

  display:grid;

  grid-template-columns:
    1.15fr .85fr;

  background:var(--paper);
}

.mg-counter-image button {

  width:100%;
  height:100%;

  position:relative;

  padding:0;

  border:0;

  overflow:hidden;

  background:#ddd;
}

.mg-counter-image img {

  width:100%;
  height:100%;

  min-height:800px;

  object-fit:cover;

  transition:.5s;
}

.mg-counter-image button:hover img {
  transform:scale(1.02);
}

.mg-counter-image span {

  position:absolute;

  left:20px;
  bottom:20px;

  padding:9px 12px;

  background:white;

  color:var(--black);

  font-size:8px;

  font-weight:700;

  letter-spacing:.15em;
}

.mg-counter-copy {

  padding:
    clamp(60px,8vw,115px);

  display:flex;

  flex-direction:column;

  justify-content:center;
}

.mg-counter-copy h2 {
  margin-bottom:38px;
}

.mg-counter-copy p:not(.mg-label):not(.mg-lead) {
  color:var(--muted);
}


/* =========================================================
 RHYTHM
========================================================= */

.mg-rhythm {

  padding:145px 0;

  background:var(--ochre);

  color:white;
}

.mg-rhythm-small {

  margin:0 0 30px;

  font-size:8px;

  font-weight:700;

  letter-spacing:.27em;
}

.mg-rhythm h2 {

  max-width:1100px;

  font-size:
    clamp(55px,8vw,105px);
}


/* =========================================================
 WALLJA
========================================================= */

.mg-wallja {

  padding:150px 0;

  background:var(--ivory);
}

.mg-wallja-grid {

  display:grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap:100px;
}

.mg-wallja-title h2 {

  font-size:
    clamp(90px,13vw,180px)
    !important;

  color:var(--clay);
}

.mg-wallja-copy {

  max-width:600px;

  padding-top:45px;
}

.mg-wallja-copy p:not(.mg-lead) {
  color:var(--muted);
}


/* =========================================================
 FORM
========================================================= */

.mg-form {

  min-height:800px;

  position:relative;

  display:flex;

  align-items:center;

  color:white;
}

.mg-form-bg {

  position:absolute;

  inset:0;

  background:

    url(
      "https://gedionfernandez.com/wp-content/uploads/2019/10/2.jpg"
    )

    center / cover
    no-repeat;
}

.mg-form-overlay {

  position:absolute;

  inset:0;

  background:

    linear-gradient(
      90deg,
      rgba(10,8,7,.87),
      rgba(10,8,7,.43)
    );
}

.mg-form-content {

  position:relative;

  z-index:2;
}

.mg-form h2 {

  max-width:800px;

  margin-bottom:40px;

  font-size:
    clamp(60px,9vw,125px);
}

.mg-form-content > p:last-child {

  max-width:550px;

  color:
    rgba(255,255,255,.67);
}


/* =========================================================
 STYLE
========================================================= */

.mg-style {

  padding:150px 0;

  background:var(--paper);
}

.mg-style-grid {

  display:grid;

  grid-template-columns:
    90px .9fr 1.1fr;

  gap:55px;

  align-items:start;
}

.mg-style-number {

  color:var(--clay);

  font-family:
    Georgia,
    serif;

  font-size:30px;
}

.mg-style-copy {

  max-width:600px;

  padding-top:40px;
}

.mg-style-copy p:not(.mg-lead) {
  color:var(--muted);
}


/* =========================================================
 FAMILY
========================================================= */

.mg-family {

  padding:150px 0;

  background:var(--deep);

  color:white;
}

.mg-family-head {

  max-width:900px;

  margin-bottom:80px;
}

.mg-family-head > p:last-child {

  max-width:570px;

  color:
    rgba(255,255,255,.53);
}

.mg-family-grid {

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:
    65px 22px;
}

.mg-musician-photo {

  width:100%;

  position:relative;

  padding:0;

  border:0;

  overflow:hidden;

  background:#222;
}

.mg-musician-photo img {

  height:520px;

  object-fit:cover;

  transition:.5s;
}

.mg-musician-photo:hover img {
  transform:scale(1.025);
}

.mg-musician-photo span {

  position:absolute;

  left:15px;
  top:15px;

  color:white;

  font-family:
    Georgia,
    serif;

  font-size:18px;
}

.mg-musician h3 {

  margin-top:18px;

  font-size:35px;
}


/* =========================================================
 FESTIVITIES
========================================================= */

.mg-festivities {

  padding:150px 0;

  background:var(--ivory);
}

.mg-festivities-head {

  max-width:850px;

  margin-bottom:75px;
}

.mg-festivity-grid {

  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  border-top:
    1px solid
    var(--line);

  border-left:
    1px solid
    var(--line);
}

.mg-festivity {

  min-height:155px;

  padding:30px;

  display:grid;

  grid-template-columns:
    70px 1fr;

  align-items:center;

  border-right:
    1px solid
    var(--line);

  border-bottom:
    1px solid
    var(--line);
}

.mg-festivity span {

  color:var(--clay);

  font-family:
    Georgia,
    serif;

  font-size:24px;
}

.mg-festivity strong {

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(24px,3vw,36px);

  font-weight:400;
}


/* =========================================================
 MEMORY
========================================================= */

.mg-memory {

  padding:150px 0;

  background:var(--clay);

  color:white;
}

.mg-memory-grid {

  display:grid;

  grid-template-columns:
    .85fr 1.15fr;

  gap:90px;

  align-items:center;
}

.mg-memory-copy {

  max-width:550px;
}

.mg-memory-copy h2 {

  margin-bottom:38px;
}

.mg-memory-copy p:not(.mg-label):not(.mg-lead) {

  color:
    rgba(255,255,255,.68);
}

.mg-memory-image img {

  height:650px;

  object-fit:cover;
}


/* =========================================================
 DATA
========================================================= */

.mg-data {

  padding:140px 0;

  background:var(--paper);
}

.mg-data-head {

  margin-bottom:70px;
}

.mg-data-list {

  border-top:
    1px solid
    var(--line);
}

.mg-data-list > div {

  min-height:93px;

  display:grid;

  grid-template-columns:
    270px 1fr;

  align-items:center;

  gap:30px;

  border-bottom:
    1px solid
    var(--line);
}

.mg-data-list span {

  color:var(--muted);

  font-size:8px;

  font-weight:700;

  letter-spacing:.18em;
}

.mg-data-list strong {

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(20px,2.5vw,31px);

  font-weight:400;
}


/* =========================================================
 AUTHOR
========================================================= */

.mg-author {

  padding:150px 0;

  background:var(--ivory);
}

.mg-author-grid {

  display:grid;

  grid-template-columns:
    .85fr 1.15fr;

  gap:100px;

  align-items:center;
}

.mg-author-photo img {

  aspect-ratio:4/5;

  object-fit:cover;
}

.mg-author-copy {

  max-width:570px;
}

.mg-author-copy h2 {

  margin-bottom:40px;
}

.mg-author-lines {

  margin-top:35px;

  border-top:
    1px solid
    var(--line);
}

.mg-author-lines span {

  display:block;

  padding:14px 0;

  border-bottom:
    1px solid
    var(--line);

  color:var(--muted);

  font-size:11px;
}

.mg-link {

  width:fit-content;

  display:inline-block;

  margin-top:30px;

  padding-bottom:6px;

  border-bottom:
    1px solid
    currentColor;

  font-size:9px;

  font-weight:700;

  letter-spacing:.15em;
}


/* =========================================================
 SIGNATURE
========================================================= */

.mg-signature {

  padding:130px 0;

  background:var(--paper);
}

.mg-signature-inner {

  text-align:center;
}

.mg-signature-inner > p {

  margin:0;

  color:var(--clay);

  font-size:8px;

  font-weight:700;

  letter-spacing:.27em;
}

.mg-signature h2 {

  margin:30px 0;

  font-size:
    clamp(58px,10vw,135px);
}

.mg-signature-line {

  width:80px;
  height:1px;

  margin:35px auto;

  background:var(--black);
}

.mg-signature strong {

  display:block;

  font-family:
    Georgia,
    serif;

  font-size:27px;

  font-weight:400;
}

.mg-signature span {

  display:block;

  margin-top:10px;

  color:var(--muted);
}


/* =========================================================
 SHARE
========================================================= */

.mg-share {

  padding:100px 0;

  background:var(--ochre);

  color:white;
}

.mg-share-grid {

  display:grid;

  grid-template-columns:
    1fr auto;

  gap:70px;

  align-items:end;
}

.mg-share-buttons {

  min-width:280px;

  display:flex;

  flex-direction:column;

  gap:10px;
}

.mg-share-btn {

  width:100%;

  min-height:55px;

  padding:0 20px;

  border:0;

  display:flex;

  justify-content:space-between;

  align-items:center;

  background:white;

  color:var(--black);

  font-size:9px;

  font-weight:700;

  letter-spacing:.14em;
}

.mg-share-outline {

  border:
    1px solid
    rgba(255,255,255,.5);

  background:transparent;

  color:white;
}


/* =========================================================
 RELATED
========================================================= */

.mg-related {

  padding:150px 0;

  background:var(--ivory);
}

.mg-related-head {
  margin-bottom:70px;
}

.mg-related-grid {

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:30px;
}

.mg-related-photo {

  position:relative;

  overflow:hidden;
}

.mg-related-photo img {

  height:500px;

  object-fit:cover;

  transition:.5s;
}

.mg-related-card:hover img {
  transform:scale(1.025);
}

.mg-related-photo span {

  position:absolute;

  left:18px;
  top:18px;

  padding:8px 11px;

  background:
    rgba(15,14,12,.82);

  color:white;

  font-size:7px;

  font-weight:700;

  letter-spacing:.15em;
}

.mg-related-info {
  padding-top:22px;
}

.mg-related-info small {

  color:var(--muted);

  font-size:8px;

  letter-spacing:.15em;
}

.mg-related-info h3 {

  margin:12px 0 18px;

  font-size:
    clamp(38px,5vw,65px);

  line-height:.95;
}

.mg-related-info p {

  max-width:480px;

  color:var(--muted);
}

.mg-related-info strong {

  display:inline-block;

  margin-top:10px;

  padding-bottom:5px;

  border-bottom:
    1px solid
    currentColor;

  font-size:8px;

  letter-spacing:.14em;
}


/* =========================================================
 CTA
========================================================= */

.mg-cta {

  padding:120px 0;

  background:var(--paper);
}

.mg-cta-grid {

  display:grid;

  grid-template-columns:
    1fr auto;

  gap:80px;

  align-items:end;
}

.mg-cta-actions {

  min-width:280px;

  display:flex;

  flex-direction:column;

  gap:10px;
}

.mg-btn {

  min-height:55px;

  padding:0 23px;

  border:0;

  display:flex;

  align-items:center;

  justify-content:space-between;

  text-transform:uppercase;

  font-size:9px;

  font-weight:700;

  letter-spacing:.13em;
}

.mg-btn-dark {

  background:var(--deep);

  color:white !important;
}

.mg-btn-wa {

  justify-content:center;

  background:var(--green);

  color:white;
}


/* =========================================================
 NEXT
========================================================= */

.mg-next {

  padding:90px 0;

  background:var(--clay);

  color:white;
}

.mg-next-inner {

  display:flex;

  align-items:center;

  justify-content:space-between;
}

.mg-next p {

  margin:0 0 15px;

  color:
    rgba(255,255,255,.55);

  font-size:8px;

  letter-spacing:.23em;
}

.mg-next span {

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(48px,7vw,100px);

  line-height:1;
}

.mg-next strong {

  font-size:65px;

  font-weight:300;
}


/* =========================================================
 FOOTER
========================================================= */

.mg-footer {

  padding:
    80px 0 30px;

  background:var(--deep);

  color:white;
}

.mg-footer-brand img {
  width:230px;
}

.mg-footer-brand p {

  color:
    rgba(255,255,255,.45);

  font-size:11px;
}

.mg-footer-grid {

  margin:65px 0;

  padding-top:35px;

  border-top:
    1px solid
    rgba(255,255,255,.12);

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:45px;
}

.mg-footer-grid > div {

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  gap:7px;
}

.mg-footer-grid span {

  margin-bottom:12px;

  color:
    rgba(255,255,255,.34);

  font-size:8px;

  letter-spacing:.22em;
}

.mg-footer-grid a,
.mg-footer-grid p {

  margin:0;

  font-size:12px;
}

.mg-footer-bottom {

  padding-top:25px;

  border-top:
    1px solid
    rgba(255,255,255,.1);

  display:flex;

  justify-content:space-between;

  color:
    rgba(255,255,255,.35);

  font-size:9px;
}


/* =========================================================
 FLOATING WA
========================================================= */

.mg-floating-wa {

  position:fixed;

  z-index:950;

  right:22px;
  bottom:20px;

  padding:14px 18px;

  border:0;

  background:var(--green);

  color:white;

  box-shadow:
    0 12px 30px
    rgba(0,0,0,.22);

  font-size:10px;

  font-weight:700;
}

.mg-floating-wa i {

  display:inline-block;

  width:7px;
  height:7px;

  margin-right:7px;

  border-radius:50%;

  background:white;
}


/* =========================================================
 LIGHTBOX
========================================================= */

.mg-lightbox {

  position:fixed;

  z-index:99999;

  inset:0;

  padding:45px;

  display:flex;

  justify-content:center;

  align-items:center;

  visibility:hidden;

  opacity:0;

  background:
    rgba(8,7,6,.97);

  transition:.25s;
}

.mg-lightbox.mg-open {

  visibility:visible;

  opacity:1;
}

.mg-lightbox img {

  width:auto;

  max-width:95vw;

  max-height:90vh;

  object-fit:contain;
}

.mg-lightbox-close {

  position:absolute;

  right:25px;
  top:12px;

  padding:0;

  border:0;

  background:transparent;

  color:white;

  font-size:46px;
}


/* TOAST */

.mg-toast {

  position:fixed;

  z-index:100000;

  left:50%;
  bottom:35px;

  padding:12px 18px;

  opacity:0;

  visibility:hidden;

  transform:
    translate(-50%,12px);

  background:var(--deep);

  color:white;

  font-size:10px;

  transition:.25s;
}

.mg-toast.mg-show {

  opacity:1;

  visibility:visible;

  transform:
    translate(-50%,0);
}


/* REVEAL */

.mg-reveal {

  opacity:0;

  transform:
    translateY(26px);

  transition:

    opacity .8s ease,

    transform .8s
    cubic-bezier(.2,.7,.2,1);
}

.mg-reveal.mg-visible {

  opacity:1;

  transform:none;
}


/* =========================================================
 TABLET
========================================================= */

@media(max-width:1024px){

  .mg-wrap {
    width:calc(100% - 40px);
  }

  .mg-menu {

    display:block;

    position:relative;

    z-index:3;
  }

  .mg-nav {

    position:fixed;

    top:0;
    right:-100%;

    width:min(390px,90vw);

    height:100vh;

    padding:110px 35px;

    background:var(--deep);

    flex-direction:column;

    align-items:flex-start;

    transition:.35s;
  }

  .mg-nav.mg-open {
    right:0;
  }

  .mg-nav > a {

    font-family:Georgia,serif;

    font-size:28px;
  }

  .mg-family-grid {
    grid-template-columns:1fr 1fr;
  }

}


/* WP ADMIN BAR */

@media(max-width:782px){

  body.admin-bar
  #gf-musico-story
  .mg-header.mg-sticky {

    top:46px;
  }

}


/* =========================================================
 MOBILE
========================================================= */

@media(max-width:767px){

  .mg-wrap {
    width:calc(100% - 32px);
  }

  .mg-header-inner {
    min-height:70px;
  }

  .mg-logo {
    width:145px;
  }

  .mg-hero {

    min-height:720px;

    height:100svh;
  }

  .mg-hero-bg {
    background-position:57% center;
  }

  .mg-back {
    top:-355px;
  }

  .mg-hero h1 {

    font-size:
      clamp(70px,22vw,108px);
  }

  .mg-hero-meta {

    grid-template-columns:
      1fr 1fr;

    gap:20px 25px;
  }

  #gf-musico-story h2 {

    font-size:
      clamp(45px,14vw,70px);
  }

  .mg-intro {

    padding:90px 0;
  }

  .mg-intro-grid,
  .mg-archive,
  .mg-cocharcas-grid,
  .mg-cargo-grid,
  .mg-counterpoint,
  .mg-style-grid,
  .mg-wallja-grid,
  .mg-memory-grid,
  .mg-author-grid,
  .mg-share-grid,
  .mg-cta-grid {

    grid-template-columns:1fr;
  }

  .mg-intro-grid,
  .mg-cargo-grid,
  .mg-wallja-grid,
  .mg-memory-grid {

    gap:45px;
  }

  .mg-archive-image img,
  .mg-counter-image img {

    min-height:540px;
  }

  .mg-archive-copy,
  .mg-counter-copy {

    padding:80px 25px;
  }

  .mg-cocharcas {

    padding:90px 0;
  }

  .mg-cocharcas-grid {

    gap:35px;
  }

  .mg-cocharcas-number,
  .mg-style-number {

    display:none;
  }

  .mg-cargo {

    padding:90px 0;
  }

  .mg-cargo-word {

    font-size:
      clamp(85px,27vw,125px);
  }

  .mg-rhythm {

    padding:90px 0;
  }

  .mg-rhythm h2 {

    font-size:
      clamp(47px,14vw,72px);
  }

  .mg-wallja {

    padding:90px 0;
  }

  .mg-wallja-title h2 {

    font-size:
      clamp(85px,27vw,125px)
      !important;
  }

  .mg-wallja-copy {

    padding-top:0;
  }

  .mg-form {

    min-height:650px;
  }

  .mg-form h2 {

    font-size:
      clamp(55px,17vw,85px);
  }

  .mg-style {

    padding:90px 0;
  }

  .mg-style-copy {

    padding-top:0;
  }

  .mg-family {

    padding:90px 0;
  }

  .mg-family-grid {

    grid-template-columns:1fr;
  }

  .mg-musician-photo img {

    height:560px;
  }

  .mg-festivities {

    padding:90px 0;
  }

  .mg-festivity-grid {

    grid-template-columns:1fr;
  }

  .mg-memory {

    padding:90px 0;
  }

  .mg-memory-image img {

    height:500px;
  }

  .mg-data {

    padding:90px 0;
  }

  .mg-data-list > div {

    grid-template-columns:
      120px 1fr;

    gap:20px;
  }

  .mg-author {

    padding:90px 0;
  }

  .mg-author-grid {

    gap:50px;
  }

  .mg-signature {

    padding:90px 0;
  }

  .mg-signature h2 {

    font-size:
      clamp(55px,18vw,95px);
  }

  .mg-share {

    padding:80px 0;
  }

  .mg-share-grid {

    gap:40px;
  }

  .mg-share-buttons,
  .mg-cta-actions {

    min-width:0;
  }

  .mg-related {

    padding:90px 0;
  }

  .mg-related-grid {

    grid-template-columns:1fr;

    gap:60px;
  }

  .mg-related-photo img {

    height:500px;
  }

  .mg-cta {

    padding:90px 0;
  }

  .mg-cta-grid {

    gap:45px;
  }

  .mg-next {

    padding:65px 0;
  }

  .mg-next span {

    font-size:
      clamp(39px,12vw,60px);
  }

  .mg-next strong {

    font-size:40px;
  }

  .mg-footer-grid {

    grid-template-columns:
      1fr 1fr;

    gap:45px 25px;
  }

  .mg-footer-bottom {

    display:block;
  }

  .mg-floating-wa {

    left:16px;
    right:16px;

    bottom:14px;
  }

  .mg-lightbox {

    padding:
      55px 15px 20px;
  }

}

</style>


<script>

(function(){

  const root =
    document.getElementById(
      "gf-musico-story"
    );

  if(
    !root ||
    root.dataset.mgReady
  ){
    return;
  }

  root.dataset.mgReady =
    "true";


  /* CONFIG */

  const phone =
    "51994593230";


  /* WHATSAPP */

  function openWhatsapp(){

    const message =
      'Hola, estuve leyendo la historia de "Músico Gordo" de Gedion Fernández y quisiera recibir más información sobre estas obras.';


    window.open(

      "https://wa.me/" +
      phone +
      "?text=" +
      encodeURIComponent(message),

      "_blank",

      "noopener,noreferrer"

    );

  }


  root
    .querySelectorAll(
      ".mg-whatsapp"
    )
    .forEach(
      function(button){

        button.addEventListener(
          "click",
          openWhatsapp
        );

      }
    );


  /* HEADER */

  const header =
    root.querySelector(
      "#mgHeader"
    );


  function updateHeader(){

    header.classList.toggle(
      "mg-sticky",
      window.scrollY > 60
    );

  }


  window.addEventListener(
    "scroll",
    updateHeader,
    {passive:true}
  );


  updateHeader();


  /* MOBILE MENU */

  const menu =
    root.querySelector(
      "#mgMenu"
    );


  const nav =
    root.querySelector(
      "#mgNav"
    );


  if(menu && nav){

    menu.addEventListener(
      "click",
      function(){

        nav.classList.toggle(
          "mg-open"
        );

      }
    );


    nav
      .querySelectorAll("a")
      .forEach(
        function(link){

          link.addEventListener(
            "click",
            function(){

              nav.classList.remove(
                "mg-open"
              );

            }
          );

        }
      );

  }


  /* PROGRESS */

  const progress =
    root.querySelector(
      "#mgProgressBar"
    );


  function updateProgress(){

    const available =
      document.documentElement.scrollHeight -
      window.innerHeight;


    if(available <= 0){
      return;
    }


    progress.style.width =
      Math.min(
        100,
        Math.max(
          0,
          window.scrollY /
          available *
          100
        )
      ) + "%";

  }


  window.addEventListener(
    "scroll",
    updateProgress,
    {passive:true}
  );


  updateProgress();


  /* LIGHTBOX */

  const lightbox =
    root.querySelector(
      "#mgLightbox"
    );


  const lightboxImage =
    root.querySelector(
      "#mgLightboxImage"
    );


  const close =
    root.querySelector(
      "#mgLightboxClose"
    );


  function openLightbox(src){

    if(!src){
      return;
    }


    lightboxImage.src =
      src;


    lightbox.classList.add(
      "mg-open"
    );


    lightbox.setAttribute(
      "aria-hidden",
      "false"
    );


    document.body.style.overflow =
      "hidden";

  }


  function closeLightbox(){

    lightbox.classList.remove(
      "mg-open"
    );


    lightbox.setAttribute(
      "aria-hidden",
      "true"
    );


    document.body.style.overflow =
      "";

  }


  root
    .querySelectorAll(
      ".mg-lightbox-trigger"
    )
    .forEach(
      function(button){

        button.addEventListener(
          "click",
          function(){

            openLightbox(
              button.dataset.image
            );

          }
        );

      }
    );


  close.addEventListener(
    "click",
    closeLightbox
  );


  lightbox.addEventListener(
    "click",
    function(event){

      if(
        event.target ===
        lightbox
      ){

        closeLightbox();

      }

    }
  );


  document.addEventListener(
    "keydown",
    function(event){

      if(
        event.key === "Escape"
      ){

        closeLightbox();

      }

    }
  );


  /* SHARE */

  const share =
    root.querySelector(
      "#mgShareButton"
    );


  const copy =
    root.querySelector(
      "#mgCopyButton"
    );


  const toast =
    root.querySelector(
      "#mgToast"
    );


  function showToast(){

    toast.classList.add(
      "mg-show"
    );


    setTimeout(
      function(){

        toast.classList.remove(
          "mg-show"
        );

      },
      1800
    );

  }


  share.addEventListener(
    "click",
    async function(){

      const data = {

        title:
          "Músico Gordo · Gedion Fernández",

        text:
          "Conoce la historia del Músico Gordo de Gedion Fernández.",

        url:
          window.location.href

      };


      if(
        navigator.share
      ){

        try{

          await navigator.share(
            data
          );

        } catch(error){}

      } else {

        try{

          await navigator
            .clipboard
            .writeText(
              window.location.href
            );

          showToast();

        } catch(error){}

      }

    }
  );


  copy.addEventListener(
    "click",
    async function(){

      try{

        await navigator
          .clipboard
          .writeText(
            window.location.href
          );


        showToast();

      } catch(error){

        const textarea =
          document.createElement(
            "textarea"
          );


        textarea.value =
          window.location.href;


        document.body.appendChild(
          textarea
        );


        textarea.select();


        document.execCommand(
          "copy"
        );


        textarea.remove();


        showToast();

      }

    }
  );


  /* REVEAL */

  const reveals =
    root.querySelectorAll(
      ".mg-reveal"
    );


  if(
    "IntersectionObserver"
    in window
  ){

    const observer =
      new IntersectionObserver(

        function(entries){

          entries.forEach(
            function(entry){

              if(
                entry.isIntersecting
              ){

                entry.target
                  .classList
                  .add(
                    "mg-visible"
                  );


                observer.unobserve(
                  entry.target
                );

              }

            }
          );

        },

        {
          threshold:.07,
          rootMargin:
            "0px 0px -30px 0px"
        }

      );


    reveals.forEach(
      function(element){

        observer.observe(
          element
        );

      }
    );

  } else {

    reveals.forEach(
      function(element){

        element.classList.add(
          "mg-visible"
        );

      }
    );

  }


  /* YEAR */

  const year =
    root.querySelector(
      "#mgYear"
    );


  if(year){

    year.textContent =
      new Date().getFullYear();

  }

})();

</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://gedionfernandez.com/musico-gordo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Chuya Wayra</title>
		<link>https://gedionfernandez.com/chuya-wayra/</link>
					<comments>https://gedionfernandez.com/chuya-wayra/#respond</comments>
		
		<dc:creator><![CDATA[Gedion Fernández]]></dc:creator>
		<pubDate>Sun, 15 May 2022 16:43:18 +0000</pubDate>
				<category><![CDATA[Uncategorized]]></category>
		<guid isPermaLink="false">https://gedionfernandez.com/?p=1339</guid>

					<description><![CDATA[Mis obras han manifestado historia con tradición tomada desde mi vivencia, los acontecimientos como la violencia terrorista en el Perú hizo que los campesinos y jóvenes huyeran de las provincias a la capital en busca de protección para ellos y sus seres queridos; y esta vez, la pandemia covid-19 realizó lo contrario, son los provincianos y los que vinieron a la capital quienes inician el retorno a sus tierras dónde los vieron nacer de igual forma buscando proteger su salud y vida.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1339" class="elementor elementor-1339" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-b10d04a elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="b10d04a" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3d492e5" data-id="3d492e5" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-e77f7cb elementor-widget elementor-widget-html" data-id="e77f7cb" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
 GEDION FERNÁNDEZ
 CONTACTO
 ELEMENTOR HTML + CSS + JS
========================================================= -->

<div id="gedion-contact">

  <!-- =====================================================
       HEADER
  ====================================================== -->

  <header class="gc-header" id="gcHeader">

    <div class="gc-wrap gc-header-inner">

      <a href="/" class="gc-logo">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2022/05/logo-blanco.png"
          alt="Gedion Fernández">

      </a>


      <nav class="gc-nav" id="gcNav">

        <a href="/">
          Inicio
        </a>

        <a href="/biografia/">
          El Artista
        </a>

        <a href="/obras/">
          Obras
        </a>

        <a href="/exposiciones/">
          Exposiciones
        </a>

        <a href="/talleres/">
          Talleres
        </a>

        <a href="/blog/">
          Historias
        </a>

        <a href="/contact/" class="gc-active">
          Contacto
        </a>


        <button
          class="gc-header-wa gc-whatsapp"
          data-message="Hola, quisiera comunicarme con Gedion Fernández.">

          WhatsApp

        </button>

      </nav>


      <button
        class="gc-menu"
        id="gcMenu"
        aria-label="Abrir menú">

        <span></span>
        <span></span>

      </button>

    </div>

  </header>


  <!-- =====================================================
       HERO
  ====================================================== -->

  <section class="gc-hero">

    <div class="gc-hero-bg"></div>

    <div class="gc-hero-overlay"></div>


    <div class="gc-wrap gc-hero-content">

      <p class="gc-kicker gc-reveal">

        HABLEMOS

      </p>


      <h1 class="gc-reveal">

        CONTACTO

      </h1>


      <div class="gc-hero-bottom gc-reveal">

        <p>

          Obras, exposiciones,<br>
          talleres y colaboraciones.

        </p>


        <span>

          GEDION FERNÁNDEZ<br>
          AMAUTA DE LA ARTESANÍA PERUANA

        </span>

      </div>

    </div>

  </section>


  <!-- =====================================================
       INTRO
  ====================================================== -->

  <section class="gc-intro">

    <div class="gc-wrap gc-intro-grid">

      <div class="gc-intro-title gc-reveal">

        <p class="gc-label">

          CONTACTO DIRECTO

        </p>


        <h2>

          Una conversación<br>
          puede comenzar<br>
          una nueva historia.

        </h2>

      </div>


      <div class="gc-intro-copy gc-reveal">

        <p class="gc-lead">

          Si estás interesado en una obra,
          una exposición, un taller o una
          colaboración artística, puedes
          comunicarte directamente.

        </p>


        <p>

          Selecciona el motivo de tu consulta
          y te ayudaremos a preparar el mensaje
          para enviarlo por WhatsApp.

        </p>


        <button
          class="gc-inline-wa gc-whatsapp"
          data-message="Hola, quisiera recibir información sobre el trabajo de Gedion Fernández.">

          ESCRIBIR AHORA →

        </button>

      </div>

    </div>

  </section>


  <!-- =====================================================
       MOTIVOS DE CONTACTO
  ====================================================== -->

  <section class="gc-reasons">

    <div class="gc-wrap">

      <div class="gc-section-head gc-reveal">

        <div>

          <p class="gc-label">
            ¿CÓMO PODEMOS AYUDARTE?
          </p>

          <h2>
            Elige tu consulta.
          </h2>

        </div>


        <p>

          Cada opción prepara un mensaje
          específico para contactar directamente.

        </p>

      </div>


      <div class="gc-reason-grid">


        <!-- OBRA -->

        <button
          class="gc-reason gc-topic gc-reveal"
          data-topic="obra">

          <span class="gc-number">
            01
          </span>

          <div>

            <p>
              ADQUIRIR
            </p>

            <h3>
              Una obra
            </h3>

            <span>
              Disponibilidad · precio · medidas · envío
            </span>

          </div>

          <strong>
            →
          </strong>

        </button>


        <!-- EXPOSICIÓN -->

        <button
          class="gc-reason gc-topic gc-reveal"
          data-topic="exposicion">

          <span class="gc-number">
            02
          </span>

          <div>

            <p>
              PROPONER
            </p>

            <h3>
              Exposición
            </h3>

            <span>
              Museos · galerías · centros culturales
            </span>

          </div>

          <strong>
            →
          </strong>

        </button>


        <!-- TALLER -->

        <button
          class="gc-reason gc-topic gc-reveal"
          data-topic="taller">

          <span class="gc-number">
            03
          </span>

          <div>

            <p>
              ORGANIZAR
            </p>

            <h3>
              Taller
            </h3>

            <span>
              Cursos · demostraciones · workshops
            </span>

          </div>

          <strong>
            →
          </strong>

        </button>


        <!-- COLABORACIÓN -->

        <button
          class="gc-reason gc-topic gc-reveal"
          data-topic="colaboracion">

          <span class="gc-number">
            04
          </span>

          <div>

            <p>
              CREAR
            </p>

            <h3>
              Colaboración
            </h3>

            <span>
              Proyectos · instituciones · cultura
            </span>

          </div>

          <strong>
            →
          </strong>

        </button>

      </div>

    </div>

  </section>


  <!-- =====================================================
       FORMULARIO
  ====================================================== -->

  <section
    class="gc-form-section"
    id="gcFormulario">


    <div class="gc-wrap gc-form-grid">


      <!-- IZQUIERDA -->

      <div class="gc-form-intro gc-reveal">

        <p class="gc-label">

          ENVÍA TU CONSULTA

        </p>


        <h2>

          Cuéntanos<br>
          qué necesitas.

        </h2>


        <p>

          Completa estos datos. Al presionar
          enviar, se abrirá WhatsApp con
          el mensaje preparado.

        </p>


        <div class="gc-direct">

          <div>

            <span>
              WHATSAPP
            </span>

            <a
              href="https://wa.me/51994593230"
              target="_blank"
              rel="noopener">

              +51 994 593 230

            </a>

          </div>


          <div>

            <span>
              EMAIL
            </span>

            <a href="mailto:gcfernandezn@gmail.com">

              gcfernandezn@gmail.com

            </a>

          </div>


          <div>

            <span>
              UBICACIÓN
            </span>

            <p>

              Ate · Lima · Perú

            </p>

          </div>

        </div>

      </div>


      <!-- FORM -->

      <form
        class="gc-form gc-reveal"
        id="gcContactForm">


        <div class="gc-field">

          <label for="gcName">

            NOMBRE

          </label>

          <input
            type="text"
            id="gcName"
            placeholder="Tu nombre"
            autocomplete="name">

        </div>


        <div class="gc-field">

          <label for="gcEmail">

            EMAIL

          </label>

          <input
            type="email"
            id="gcEmail"
            placeholder="tu@email.com"
            autocomplete="email">

        </div>


        <div class="gc-field">

          <label for="gcTopic">

            MOTIVO DE CONSULTA

          </label>

          <select id="gcTopic">

            <option value="obra">
              Estoy interesado en una obra
            </option>

            <option value="exposicion">
              Propuesta de exposición
            </option>

            <option value="taller">
              Taller o workshop
            </option>

            <option value="colaboracion">
              Colaboración / proyecto
            </option>

            <option value="otro">
              Otra consulta
            </option>

          </select>

        </div>


        <div
          class="gc-field"
          id="gcArtworkField">

          <label for="gcArtwork">

            OBRA QUE TE INTERESA

          </label>

          <input
            type="text"
            id="gcArtwork"
            placeholder="Ej. Jarjacha, El Chuncho...">

        </div>


        <div class="gc-field">

          <label for="gcCountry">

            CIUDAD / PAÍS

          </label>

          <input
            type="text"
            id="gcCountry"
            placeholder="Ej. Lima, Perú">

        </div>


        <div class="gc-field">

          <label for="gcMessage">

            MENSAJE

          </label>

          <textarea
            id="gcMessage"
            rows="5"
            placeholder="Cuéntanos brevemente tu consulta"></textarea>

        </div>


        <button
          type="submit"
          class="gc-submit">

          <span class="gc-wa-dot"></span>

          Enviar por WhatsApp

          <strong>
            →
          </strong>

        </button>


        <p class="gc-form-note">

          El formulario no almacena tus datos.
          Abre WhatsApp con el mensaje preparado.

        </p>

      </form>

    </div>

  </section>


  <!-- =====================================================
       DATOS
  ====================================================== -->

  <section class="gc-info">

    <div class="gc-wrap">

      <div class="gc-info-head gc-reveal">

        <p class="gc-label">
          CONTACTO
        </p>

        <h2>
          Encuéntranos.
        </h2>

      </div>


      <div class="gc-info-grid">


        <div class="gc-info-item gc-reveal">

          <span>
            01
          </span>

          <small>
            UBICACIÓN
          </small>

          <h3>
            Ate · Lima
          </h3>

          <p>
            Perú
          </p>

        </div>


        <div class="gc-info-item gc-reveal">

          <span>
            02
          </span>

          <small>
            WHATSAPP
          </small>

          <h3>
            +51 994<br>
            593 230
          </h3>

          <button
            class="gc-small-link gc-whatsapp"
            data-message="Hola, quisiera comunicarme con Gedion Fernández.">

            ESCRIBIR →

          </button>

        </div>


        <div class="gc-info-item gc-reveal">

          <span>
            03
          </span>

          <small>
            EMAIL
          </small>

          <h3 class="gc-email-title">
            gcfernandezn<br>
            @gmail.com
          </h3>

          <a
            href="mailto:gcfernandezn@gmail.com"
            class="gc-small-link">

            ENVIAR EMAIL →

          </a>

        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       REDES
  ====================================================== -->

  <section class="gc-social">

    <div class="gc-wrap">

      <div class="gc-social-title gc-reveal">

        <p class="gc-label">

          REDES SOCIALES

        </p>


        <h2>

          Sigue el trabajo<br>
          de Gedion.

        </h2>

      </div>


      <div class="gc-social-links">


        <a
          href="https://www.instagram.com/gedionfernandez/"
          target="_blank"
          rel="noopener"
          class="gc-social-link gc-reveal">

          <span>
            INSTAGRAM
          </span>

          <strong>
            @gedionfernandez
          </strong>

          <i>
            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" />
          </i>

        </a>


        <a
          href="https://www.facebook.com/gedionfernandez"
          target="_blank"
          rel="noopener"
          class="gc-social-link gc-reveal">

          <span>
            FACEBOOK
          </span>

          <strong>
            gedionfernandez
          </strong>

          <i>
            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" />
          </i>

        </a>

      </div>

    </div>

  </section>


  <!-- =====================================================
       FOTO CIERRE
  ====================================================== -->

  <section class="gc-art">

    <div class="gc-art-bg"></div>

    <div class="gc-art-overlay"></div>


    <div class="gc-wrap gc-art-copy gc-reveal">

      <p>

        GEDION FERNÁNDEZ

      </p>


      <h2>

        Manos que hacen,<br>
        culturas que renacen.

      </h2>


      <span>

        Amauta de la Artesanía Peruana

      </span>

    </div>

  </section>


  <!-- =====================================================
       CTA OBRA
  ====================================================== -->

  <section class="gc-final">

    <div class="gc-wrap gc-final-grid">

      <div class="gc-final-copy gc-reveal">

        <p class="gc-label">

          DESCUBRE SU TRABAJO

        </p>


        <h2>

          Antes de escribir,<br>
          puedes explorar<br>
          las obras.

        </h2>

      </div>


      <div class="gc-final-action gc-reveal">

        <p>

          Conoce la selección de piezas
          y consulta directamente la que
          despierte tu interés.

        </p>


        <a
          href="/obras/"
          class="gc-dark-button">

          Explorar obras

          <span>
            →
          </span>

        </a>

      </div>

    </div>

  </section>


  <!-- =====================================================
       FOOTER
  ====================================================== -->

  <footer class="gc-footer">

    <div class="gc-wrap">


      <div class="gc-footer-brand">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2022/05/logo-blanco.png"
          alt="Gedion Fernández">

        <p>

          Amauta de la Artesanía Peruana

        </p>

      </div>


      <div class="gc-footer-grid">


        <div>

          <span>
            NAVEGACIÓN
          </span>

          <a href="/">
            Inicio
          </a>

          <a href="/biografia/">
            El Artista
          </a>

          <a href="/obras/">
            Obras
          </a>

          <a href="/exposiciones/">
            Exposiciones
          </a>

        </div>


        <div>

          <span>
            DESCUBRIR
          </span>

          <a href="/talleres/">
            Talleres
          </a>

          <a href="/blog/">
            Historias
          </a>

          <a href="/contact/">
            Contacto
          </a>

        </div>


        <div>

          <span>
            CONTACTO
          </span>

          <a
            href="https://wa.me/51994593230"
            target="_blank"
            rel="noopener">

            +51 994 593 230

          </a>

          <a
            href="mailto:gcfernandezn@gmail.com">

            gcfernandezn@gmail.com

          </a>

          <p>

            Ate · Lima · Perú

          </p>

        </div>


        <div>

          <span>
            REDES
          </span>

          <a
            href="https://www.instagram.com/gedionfernandez/"
            target="_blank"
            rel="noopener">

            Instagram

          </a>

          <a
            href="https://www.facebook.com/gedionfernandez"
            target="_blank"
            rel="noopener">

            Facebook

          </a>

        </div>

      </div>


      <div class="gc-footer-bottom">

        <p>

          ©
          <span id="gcYear"></span>
          Gedion Fernández

        </p>

        <p>

          Amauta de la Artesanía Peruana

        </p>

      </div>

    </div>

  </footer>


  <!-- =====================================================
       WHATSAPP FLOTANTE
  ====================================================== -->

  <button
    class="gc-floating-wa gc-whatsapp"
    data-message="Hola, quisiera comunicarme con Gedion Fernández.">

    <i></i>

    WhatsApp

  </button>

</div>


<style>

/* =========================================================
 BASE
========================================================= */

#gedion-contact,
#gedion-contact * {
  box-sizing:border-box;
}

#gedion-contact {

  --black:#151310;
  --deep:#0f0e0c;
  --paper:#fcfaf6;
  --ivory:#f4efe6;
  --clay:#a54f32;
  --muted:#756f67;
  --line:rgba(21,19,16,.14);
  --green:#1fa855;

  width:100%;

  overflow:hidden;

  background:var(--paper);

  color:var(--black);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  line-height:1.65;
}


#gedion-contact img {
  width:100%;
  display:block;
}


#gedion-contact a {
  color:inherit;
  text-decoration:none;
}


#gedion-contact button,
#gedion-contact input,
#gedion-contact select,
#gedion-contact textarea {
  font:inherit;
}


#gedion-contact button {
  cursor:pointer;
}


.gc-wrap {

  width:min(
    1280px,
    calc(100% - 70px)
  );

  margin:auto;
}


/* =========================================================
 TYPOGRAPHY
========================================================= */

#gedion-contact h1,
#gedion-contact h2,
#gedion-contact h3 {

  margin:0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight:400;
}


#gedion-contact h2 {

  font-size:
    clamp(50px,6vw,92px);

  line-height:.98;

  letter-spacing:-.047em;
}


.gc-label {

  margin:0 0 22px;

  font-size:9px;

  font-weight:700;

  letter-spacing:.27em;

  text-transform:uppercase;
}


.gc-lead {

  font-size:
    clamp(18px,2vw,22px);
}


/* =========================================================
 HEADER
========================================================= */

.gc-header {

  position:absolute;

  z-index:1000;

  top:0;
  left:0;

  width:100%;

  color:white;
}


.gc-header.gc-sticky {

  position:fixed;

  background:
    rgba(15,14,12,.95);

  backdrop-filter:
    blur(12px);
}


.gc-header-inner {

  min-height:90px;

  display:flex;

  align-items:center;

  justify-content:space-between;
}


.gc-logo {
  width:190px;
}


.gc-nav {

  display:flex;

  align-items:center;

  gap:27px;
}


.gc-nav > a {

  position:relative;

  font-size:11px;
}


.gc-nav > a::after {

  content:"";

  position:absolute;

  left:0;
  bottom:-8px;

  width:0;
  height:1px;

  background:currentColor;

  transition:.25s;
}


.gc-nav > a:hover::after,
.gc-nav > a.gc-active::after {
  width:100%;
}


.gc-header-wa {

  min-height:40px;

  padding:0 20px;

  border:
    1px solid
    rgba(255,255,255,.45);

  background:transparent;

  color:white;

  font-size:9px;

  font-weight:700;

  letter-spacing:.13em;

  text-transform:uppercase;
}


.gc-menu {

  display:none;

  padding:7px;

  border:0;

  background:transparent;

  color:white;
}


.gc-menu span {

  display:block;

  width:27px;
  height:1px;

  margin:7px 0;

  background:currentColor;
}


/* =========================================================
 HERO
========================================================= */

.gc-hero {

  min-height:790px;

  height:92vh;

  position:relative;

  display:flex;

  align-items:flex-end;

  color:white;
}


.gc-hero-bg {

  position:absolute;

  inset:0;

  background:

    url(
      "https://gedionfernandez.com/wp-content/uploads/2019/10/PORTADA-MUSICO.jpg"
    )

    center / cover
    no-repeat;
}


.gc-hero-overlay {

  position:absolute;

  inset:0;

  background:

    linear-gradient(
      90deg,
      rgba(0,0,0,.83),
      rgba(0,0,0,.25)
    );
}


.gc-hero-content {

  position:relative;

  z-index:2;

  padding-bottom:65px;
}


.gc-kicker {

  margin:0 0 20px;

  font-size:9px;

  font-weight:700;

  letter-spacing:.30em;
}


.gc-hero h1 {

  font-size:
    clamp(74px,14vw,190px);

  line-height:.73;

  letter-spacing:-.075em;
}


.gc-hero-bottom {

  margin-top:50px;

  display:flex;

  align-items:flex-end;

  justify-content:space-between;

  gap:40px;
}


.gc-hero-bottom p {

  margin:0;

  font-family:
    Georgia,
    serif;

  font-size:25px;

  line-height:1.25;
}


.gc-hero-bottom span {

  color:
    rgba(255,255,255,.54);

  font-size:8px;

  letter-spacing:.18em;
}


/* =========================================================
 INTRO
========================================================= */

.gc-intro {

  padding:140px 0;

  background:var(--paper);
}


.gc-intro-grid {

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:100px;
}


.gc-intro-copy {

  max-width:570px;

  padding-top:30px;
}


.gc-intro-copy p:not(.gc-lead) {
  color:var(--muted);
}


.gc-inline-wa {

  margin-top:25px;

  padding:0 0 6px;

  border:0;

  border-bottom:
    1px solid
    currentColor;

  background:transparent;

  font-size:9px;

  font-weight:700;

  letter-spacing:.15em;
}


/* =========================================================
 REASONS
========================================================= */

.gc-reasons {

  padding:
    120px 0;

  background:var(--ivory);
}


.gc-section-head {

  margin-bottom:70px;

  display:flex;

  justify-content:space-between;

  align-items:flex-end;

  gap:40px;
}


.gc-section-head > p {

  max-width:330px;

  margin:0;

  color:var(--muted);
}


.gc-reason-grid {

  border-top:
    1px solid
    var(--line);
}


.gc-reason {

  width:100%;

  min-height:150px;

  padding:
    25px 0;

  border:0;

  border-bottom:
    1px solid
    var(--line);

  display:grid;

  grid-template-columns:
    120px 1fr 70px;

  align-items:center;

  gap:30px;

  background:transparent;

  color:var(--black);

  text-align:left;

  transition:.25s;
}


.gc-reason:hover {

  padding-left:20px;

  background:var(--paper);
}


.gc-number {

  color:var(--clay);

  font-family:
    Georgia,
    serif;

  font-size:28px;
}


.gc-reason p {

  margin:0 0 4px;

  color:var(--muted);

  font-size:8px;

  font-weight:700;

  letter-spacing:.18em;
}


.gc-reason h3 {

  font-size:
    clamp(31px,4vw,48px);

  line-height:1.05;
}


.gc-reason div > span {

  color:var(--muted);

  font-size:11px;
}


.gc-reason > strong {

  font-size:38px;

  font-weight:300;

  text-align:right;
}


/* =========================================================
 FORM
========================================================= */

.gc-form-section {

  padding:140px 0;

  background:var(--deep);

  color:white;
}


.gc-form-grid {

  display:grid;

  grid-template-columns:
    .8fr 1.2fr;

  gap:100px;
}


.gc-form-intro {

  position:sticky;

  top:150px;

  align-self:start;
}


.gc-form-intro > p:not(.gc-label) {

  max-width:460px;

  color:
    rgba(255,255,255,.58);
}


.gc-direct {

  margin-top:55px;

  border-top:
    1px solid
    rgba(255,255,255,.14);
}


.gc-direct > div {

  padding:20px 0;

  border-bottom:
    1px solid
    rgba(255,255,255,.14);
}


.gc-direct span {

  display:block;

  margin-bottom:6px;

  color:
    rgba(255,255,255,.35);

  font-size:7px;

  font-weight:700;

  letter-spacing:.18em;
}


.gc-direct a,
.gc-direct p {

  margin:0;

  font-family:
    Georgia,
    serif;

  font-size:19px;
}


.gc-form {

  padding:
    50px;

  background:var(--paper);

  color:var(--black);
}


.gc-field {

  margin-bottom:32px;
}


.gc-field label {

  display:block;

  margin-bottom:8px;

  color:var(--muted);

  font-size:7px;

  font-weight:700;

  letter-spacing:.18em;
}


.gc-field input,
.gc-field select,
.gc-field textarea {

  width:100%;

  padding:
    13px 0;

  border:0;

  border-bottom:
    1px solid
    var(--line);

  outline:0;

  background:transparent;

  color:var(--black);

  border-radius:0;
}


.gc-field input,
.gc-field select {

  min-height:50px;
}


.gc-field textarea {

  resize:vertical;

  min-height:130px;
}


.gc-field input:focus,
.gc-field select:focus,
.gc-field textarea:focus {

  border-color:var(--clay);
}


.gc-submit {

  width:100%;

  min-height:60px;

  padding:0 22px;

  border:0;

  display:flex;

  align-items:center;

  justify-content:space-between;

  background:var(--green);

  color:white;

  font-size:10px;

  font-weight:700;

  letter-spacing:.08em;
}


.gc-submit strong {

  font-size:24px;

  font-weight:300;
}


.gc-wa-dot {

  width:8px;
  height:8px;

  border-radius:50%;

  background:white;
}


.gc-form-note {

  margin:
    15px 0 0;

  color:var(--muted);

  font-size:9px;
}


/* =========================================================
 INFO
========================================================= */

.gc-info {

  padding:140px 0;

  background:var(--paper);
}


.gc-info-head {

  margin-bottom:70px;
}


.gc-info-grid {

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  border-top:
    1px solid
    var(--line);

  border-left:
    1px solid
    var(--line);
}


.gc-info-item {

  min-height:400px;

  padding:40px;

  border-right:
    1px solid
    var(--line);

  border-bottom:
    1px solid
    var(--line);

  display:flex;

  flex-direction:column;
}


.gc-info-item > span {

  color:var(--clay);

  font-family:
    Georgia,
    serif;

  font-size:25px;
}


.gc-info-item small {

  margin-top:80px;

  color:var(--muted);

  font-size:7px;

  letter-spacing:.20em;
}


.gc-info-item h3 {

  margin:
    15px 0 10px;

  font-size:
    clamp(34px,4vw,52px);

  line-height:1;
}


.gc-info-item p {

  color:var(--muted);
}


.gc-email-title {

  font-size:
    clamp(25px,3vw,38px)
    !important;
}


.gc-small-link {

  width:fit-content;

  margin-top:auto;

  padding:5px 0;

  border:0;

  border-bottom:
    1px solid
    currentColor;

  background:transparent;

  color:var(--black);

  font-size:8px;

  font-weight:700;

  letter-spacing:.15em;
}


/* =========================================================
 SOCIAL
========================================================= */

.gc-social {

  padding:140px 0;

  background:var(--ivory);
}


.gc-social-title {

  margin-bottom:70px;
}


.gc-social-links {

  border-top:
    1px solid
    var(--line);
}


.gc-social-link {

  min-height:125px;

  padding:25px 0;

  border-bottom:
    1px solid
    var(--line);

  display:grid;

  grid-template-columns:
    200px 1fr 60px;

  align-items:center;

  gap:30px;

  transition:.25s;
}


.gc-social-link:hover {

  padding-left:15px;
}


.gc-social-link > span {

  color:var(--muted);

  font-size:8px;

  font-weight:700;

  letter-spacing:.18em;
}


.gc-social-link strong {

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(28px,4vw,47px);

  font-weight:400;
}


.gc-social-link i {

  font-size:30px;

  font-style:normal;

  text-align:right;
}


/* =========================================================
 ART
========================================================= */

.gc-art {

  min-height:760px;

  position:relative;

  display:flex;

  align-items:center;

  color:white;
}


.gc-art-bg {

  position:absolute;

  inset:0;

  background:

    url(
      "https://gedionfernandez.com/wp-content/uploads/2022/05/Musicos-scaled.webp"
    )

    center / cover
    no-repeat;
}


.gc-art-overlay {

  position:absolute;

  inset:0;

  background:
    rgba(14,12,10,.72);
}


.gc-art-copy {

  position:relative;

  z-index:2;

  text-align:center;
}


.gc-art-copy > p {

  margin:0;

  font-size:8px;

  letter-spacing:.28em;
}


.gc-art h2 {

  max-width:1000px;

  margin:35px auto;

  font-size:
    clamp(55px,8vw,108px);
}


.gc-art-copy > span {

  color:
    rgba(255,255,255,.65);

  font-family:
    Georgia,
    serif;

  font-size:18px;
}


/* =========================================================
 FINAL
========================================================= */

.gc-final {

  padding:130px 0;

  background:var(--clay);

  color:white;
}


.gc-final-grid {

  display:grid;

  grid-template-columns:
    1.2fr .8fr;

  gap:100px;

  align-items:end;
}


.gc-final-action p {

  color:
    rgba(255,255,255,.7);
}


.gc-dark-button {

  min-height:55px;

  margin-top:25px;

  padding:0 25px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  background:var(--deep);

  color:white !important;

  text-transform:uppercase;

  font-size:9px;

  font-weight:700;

  letter-spacing:.14em;
}


.gc-dark-button span {

  font-size:22px;
}


/* =========================================================
 FOOTER
========================================================= */

.gc-footer {

  padding:
    80px 0 30px;

  background:var(--deep);

  color:white;
}


.gc-footer-brand img {
  width:230px;
}


.gc-footer-brand p {

  color:
    rgba(255,255,255,.45);

  font-size:11px;
}


.gc-footer-grid {

  margin:65px 0;

  padding-top:35px;

  border-top:
    1px solid
    rgba(255,255,255,.12);

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:45px;
}


.gc-footer-grid > div {

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  gap:7px;
}


.gc-footer-grid span {

  margin-bottom:12px;

  color:
    rgba(255,255,255,.34);

  font-size:8px;

  letter-spacing:.22em;
}


.gc-footer-grid a,
.gc-footer-grid p {

  margin:0;

  font-size:12px;
}


.gc-footer-bottom {

  padding-top:25px;

  border-top:
    1px solid
    rgba(255,255,255,.1);

  display:flex;

  justify-content:space-between;

  color:
    rgba(255,255,255,.35);

  font-size:9px;
}


/* =========================================================
 WHATSAPP FLOAT
========================================================= */

.gc-floating-wa {

  position:fixed;

  z-index:950;

  right:22px;
  bottom:20px;

  padding:14px 18px;

  border:0;

  background:var(--green);

  color:white;

  box-shadow:
    0 12px 30px
    rgba(0,0,0,.2);

  font-size:10px;

  font-weight:700;
}


.gc-floating-wa i {

  display:inline-block;

  width:7px;
  height:7px;

  margin-right:7px;

  border-radius:50%;

  background:white;
}


/* =========================================================
 REVEAL
========================================================= */

.gc-reveal {

  opacity:0;

  transform:
    translateY(25px);

  transition:

    opacity .8s ease,

    transform .8s
    cubic-bezier(.2,.7,.2,1);
}


.gc-reveal.gc-visible {

  opacity:1;

  transform:none;
}


/* =========================================================
 TABLET
========================================================= */

@media(max-width:1024px) {

  .gc-wrap {
    width:
      calc(100% - 40px);
  }


  .gc-menu {

    display:block;

    position:relative;

    z-index:3;
  }


  .gc-nav {

    position:fixed;

    top:0;
    right:-100%;

    width:
      min(390px,90vw);

    height:100vh;

    padding:
      110px 35px;

    background:var(--deep);

    flex-direction:column;

    align-items:flex-start;

    transition:.35s;
  }


  .gc-nav.gc-open {
    right:0;
  }


  .gc-nav > a {

    font-family:Georgia,serif;

    font-size:28px;
  }


  .gc-form-grid {
    gap:60px;
  }

}


/* =========================================================
 MOBILE
========================================================= */

@media(max-width:767px) {

  .gc-wrap {
    width:
      calc(100% - 32px);
  }


  .gc-header-inner {
    min-height:70px;
  }


  .gc-logo {
    width:145px;
  }


  .gc-hero {

    min-height:650px;

    height:82svh;
  }


  .gc-hero h1 {

    font-size:
      clamp(64px,19vw,100px);
  }


  .gc-hero-bottom {
    display:block;
  }


  .gc-hero-bottom p {
    font-size:21px;
  }


  .gc-hero-bottom span {

    display:block;

    margin-top:20px;
  }


  #gedion-contact h2 {

    font-size:
      clamp(45px,14vw,70px);
  }


  .gc-intro {

    padding:90px 0;
  }


  .gc-intro-grid,
  .gc-form-grid,
  .gc-info-grid,
  .gc-final-grid {

    grid-template-columns:1fr;
  }


  .gc-intro-grid {
    gap:40px;
  }


  .gc-reasons {

    padding:90px 0;
  }


  .gc-section-head {
    display:block;
  }


  .gc-section-head > p {
    margin-top:20px;
  }


  .gc-reason {

    grid-template-columns:
      55px 1fr 30px;

    gap:15px;

    min-height:135px;
  }


  .gc-reason:hover {
    padding-left:0;
  }


  .gc-reason div > span {
    display:none;
  }


  .gc-form-section {
    padding:90px 0;
  }


  .gc-form-grid {
    gap:55px;
  }


  .gc-form-intro {
    position:static;
  }


  .gc-form {

    padding:
      35px 22px;
  }


  .gc-info {

    padding:90px 0;
  }


  .gc-info-grid {

    border-left:
      1px solid
      var(--line);
  }


  .gc-info-item {

    min-height:290px;
  }


  .gc-info-item small {
    margin-top:45px;
  }


  .gc-social {

    padding:90px 0;
  }


  .gc-social-link {

    grid-template-columns:
      1fr 35px;

    min-height:110px;
  }


  .gc-social-link > span {

    grid-column:
      1 / -1;
  }


  .gc-social-link strong {
    font-size:28px;
  }


  .gc-art {

    min-height:620px;
  }


  .gc-art h2 {

    font-size:
      clamp(47px,14vw,72px);
  }


  .gc-final {

    padding:90px 0;
  }


  .gc-final-grid {
    gap:45px;
  }


  .gc-footer-grid {

    grid-template-columns:
      1fr 1fr;

    gap:
      45px 25px;
  }


  .gc-footer-bottom {
    display:block;
  }


  .gc-floating-wa {

    left:16px;
    right:16px;

    bottom:14px;
  }

}

</style>


<script>

(function(){

  const root =
    document.getElementById(
      "gedion-contact"
    );


  if(
    !root ||
    root.dataset.gcReady
  ){
    return;
  }


  root.dataset.gcReady =
    "true";


  /* =======================================================
     CONFIG
  ======================================================= */

  const phone =
    "51994593230";


  function sendWhatsApp(message){

    const url =
      "https://wa.me/" +
      phone +
      "?text=" +
      encodeURIComponent(message);


    window.open(
      url,
      "_blank",
      "noopener,noreferrer"
    );

  }


  /* =======================================================
     WHATSAPP GENERAL
  ======================================================= */

  root
    .querySelectorAll(
      ".gc-whatsapp"
    )
    .forEach(
      function(button){

        button.addEventListener(
          "click",
          function(){

            const message =
              button.dataset.message ||
              "Hola, quisiera comunicarme con Gedion Fernández.";


            sendWhatsApp(
              message
            );

          }
        );

      }
    );


  /* =======================================================
     HEADER
  ======================================================= */

  const header =
    root.querySelector(
      "#gcHeader"
    );


  function updateHeader(){

    if(
      window.scrollY > 60
    ){

      header.classList.add(
        "gc-sticky"
      );

    } else {

      header.classList.remove(
        "gc-sticky"
      );

    }

  }


  window.addEventListener(
    "scroll",
    updateHeader,
    {
      passive:true
    }
  );


  updateHeader();


  /* =======================================================
     MOBILE MENU
  ======================================================= */

  const menu =
    root.querySelector(
      "#gcMenu"
    );


  const nav =
    root.querySelector(
      "#gcNav"
    );


  if(menu && nav){

    menu.addEventListener(
      "click",
      function(){

        nav.classList.toggle(
          "gc-open"
        );

      }
    );


    nav
      .querySelectorAll("a")
      .forEach(
        function(link){

          link.addEventListener(
            "click",
            function(){

              nav.classList.remove(
                "gc-open"
              );

            }
          );

        }
      );

  }


  /* =======================================================
     TOPIC CARDS
  ======================================================= */

  const topicButtons =
    root.querySelectorAll(
      ".gc-topic"
    );


  const topicSelect =
    root.querySelector(
      "#gcTopic"
    );


  const artworkField =
    root.querySelector(
      "#gcArtworkField"
    );


  function updateArtworkField(){

    if(
      topicSelect.value ===
      "obra"
    ){

      artworkField.style.display =
        "";

    } else {

      artworkField.style.display =
        "none";

    }

  }


  topicSelect.addEventListener(
    "change",
    updateArtworkField
  );


  updateArtworkField();


  topicButtons.forEach(
    function(button){

      button.addEventListener(
        "click",
        function(){

          const topic =
            button.dataset.topic;


          topicSelect.value =
            topic;


          updateArtworkField();


          document
            .getElementById(
              "gcFormulario"
            )
            .scrollIntoView({
              behavior:"smooth",
              block:"start"
            });

        }
      );

    }
  );


  /* =======================================================
     FORM
  ======================================================= */

  const form =
    root.querySelector(
      "#gcContactForm"
    );


  form.addEventListener(
    "submit",
    function(event){

      event.preventDefault();


      const name =
        root.querySelector(
          "#gcName"
        ).value.trim();


      const email =
        root.querySelector(
          "#gcEmail"
        ).value.trim();


      const topic =
        root.querySelector(
          "#gcTopic"
        ).value;


      const artwork =
        root.querySelector(
          "#gcArtwork"
        ).value.trim();


      const country =
        root.querySelector(
          "#gcCountry"
        ).value.trim();


      const extra =
        root.querySelector(
          "#gcMessage"
        ).value.trim();


      let subject =
        "";


      switch(topic){

        case "obra":

          subject =
            artwork
            ? "Estoy interesado en la obra \"" +
              artwork +
              "\"."
            : "Estoy interesado en adquirir una obra.";

          break;


        case "exposicion":

          subject =
            "Quisiera conversar sobre una propuesta de exposición.";

          break;


        case "taller":

          subject =
            "Quisiera recibir información para organizar un taller o workshop de cerámica.";

          break;


        case "colaboracion":

          subject =
            "Quisiera conversar sobre una posible colaboración o proyecto.";

          break;


        default:

          subject =
            "Quisiera realizar una consulta.";

      }


      let message =
        "Hola, mi nombre es " +
        (name || "—") +
        ".\n\n" +
        subject;


      if(country){

        message +=
          "\n\nCiudad / País: " +
          country;

      }


      if(email){

        message +=
          "\nEmail: " +
          email;

      }


      if(extra){

        message +=
          "\n\nMensaje:\n" +
          extra;

      }


      message +=
        "\n\nMe gustaría recibir más información. Gracias.";


      sendWhatsApp(
        message
      );

    }
  );


  /* =======================================================
     REVEAL
  ======================================================= */

  const reveals =
    root.querySelectorAll(
      ".gc-reveal"
    );


  if(
    "IntersectionObserver"
    in window
  ){

    const observer =
      new IntersectionObserver(

        function(entries){

          entries.forEach(
            function(entry){

              if(
                entry.isIntersecting
              ){

                entry.target
                  .classList
                  .add(
                    "gc-visible"
                  );


                observer.unobserve(
                  entry.target
                );

              }

            }
          );

        },

        {
          threshold:.07,

          rootMargin:
            "0px 0px -30px 0px"
        }

      );


    reveals.forEach(
      function(element){

        observer.observe(
          element
        );

      }
    );

  } else {

    reveals.forEach(
      function(element){

        element.classList.add(
          "gc-visible"
        );

      }
    );

  }


  /* =======================================================
     YEAR
  ======================================================= */

  const year =
    root.querySelector(
      "#gcYear"
    );


  if(year){

    year.textContent =
      new Date()
        .getFullYear();

  }

})();

</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://gedionfernandez.com/chuya-wayra/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>El camino de un artesano</title>
		<link>https://gedionfernandez.com/el-camino-de-un-artesano/</link>
					<comments>https://gedionfernandez.com/el-camino-de-un-artesano/#respond</comments>
		
		<dc:creator><![CDATA[Gedion Fernández]]></dc:creator>
		<pubDate>Mon, 30 Mar 2020 02:04:57 +0000</pubDate>
				<category><![CDATA[Artesanía]]></category>
		<category><![CDATA[Artesano]]></category>
		<category><![CDATA[Artista]]></category>
		<guid isPermaLink="false">https://gedionfernandez.com/?p=1053</guid>

					<description><![CDATA[El camino de que se traza un artesano, que podría considerarse como un emprendimiento, es un trayecto de obstáculos, cambios, rechazos como también de oportunidades, riesgos y decisiones. Podría mencionar muchos más, pero sobre todo es la decisión que vas a tomar para afrontar los cambios.]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="1053" class="elementor elementor-1053" data-elementor-post-type="post">
						<section class="elementor-section elementor-top-section elementor-element elementor-element-269a043 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="269a043" data-element_type="section" data-e-type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-429127f9" data-id="429127f9" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-36e0662 elementor-widget elementor-widget-html" data-id="36e0662" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
				<div class="elementor-widget-container">
					<!-- =========================================================
 GEDION FERNÁNDEZ
 HISTORIA INDIVIDUAL · EL CAMINO DE UN ARTESANO
 ELEMENTOR CANVAS · HTML + CSS + JS
========================================================= -->

<div id="gf-camino-story">

  <!-- PROGRESS -->
  <div class="ca-progress">
    <span id="caProgressBar"></span>
  </div>


  <!-- =====================================================
       HEADER
  ====================================================== -->

  <header class="ca-header" id="caHeader">

    <div class="ca-wrap ca-header-inner">

      <a href="/" class="ca-logo">
        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2022/05/logo-blanco.png"
          alt="Gedion Fernández">
      </a>


      <nav class="ca-nav" id="caNav">

        <a href="/">Inicio</a>
        <a href="/biografia/">El Artista</a>
        <a href="/obras/">Obras</a>
        <a href="/exposiciones/">Exposiciones</a>
        <a href="/talleres/">Talleres</a>

        <a href="/blog/" class="ca-active">
          Historias
        </a>

        <a href="/contact/">
          Contacto
        </a>


        <button
          type="button"
          class="ca-header-wa ca-whatsapp">

          WhatsApp

        </button>

      </nav>


      <button
        type="button"
        class="ca-menu"
        id="caMenu"
        aria-label="Abrir menú">

        <span></span>
        <span></span>

      </button>

    </div>

  </header>


  <!-- =====================================================
       HERO
  ====================================================== -->

  <section class="ca-hero">

    <div class="ca-hero-bg"></div>
    <div class="ca-hero-overlay"></div>


    <div class="ca-wrap ca-hero-content">

      <a href="/blog/" class="ca-back ca-reveal">
        ← TODAS LAS HISTORIAS
      </a>


      <p class="ca-kicker ca-reveal">

        OFICIO · EXPERIENCIA · TRAYECTORIA

      </p>


      <h1 class="ca-reveal">

        <span>EL CAMINO</span>
        <span>DE UN</span>
        <span>ARTESANO</span>

      </h1>


      <p class="ca-subtitle ca-reveal">

        Por la ruta del artesano.

      </p>


      <div class="ca-hero-meta ca-reveal">

        <div>

          <span>ARTISTA</span>

          <strong>
            Gedion Fernández
          </strong>

        </div>


        <div>

          <span>PUBLICADO</span>

          <strong>
            30 · 03 · 2020
          </strong>

        </div>


        <div>

          <span>TEMA</span>

          <strong>
            Artesanía · Oficio
          </strong>

        </div>


        <div>

          <span>ORIGEN</span>

          <strong>
            Ayacucho · Perú
          </strong>

        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       OPENING
  ====================================================== -->

  <section class="ca-opening">

    <div class="ca-wrap ca-opening-grid">


      <div class="ca-opening-number ca-reveal">

        01

      </div>


      <div class="ca-opening-title ca-reveal">

        <p class="ca-label">

          EL CAMINO

        </p>


        <h2>

          No existe<br>
          una ruta<br>
          sencilla.

        </h2>

      </div>


      <div class="ca-opening-copy ca-reveal">

        <p class="ca-lead">

          Para Gedion Fernández, dedicarse
          a la artesanía también significa
          construir un emprendimiento.

        </p>


        <p>

          El camino está formado por cambios,
          obstáculos, rechazos, oportunidades,
          riesgos y decisiones.

        </p>


        <p>

          Lo importante no es evitar todas
          las dificultades, sino aprender
          a tomar decisiones cuando
          las circunstancias cambian.

        </p>

      </div>

    </div>

  </section>


  <!-- =====================================================
       FIRST WORKS
  ====================================================== -->

  <section class="ca-first">

    <div class="ca-first-photo">

      <button
        type="button"
        class="ca-lightbox-trigger"
        data-image="https://gedionfernandez.com/wp-content/uploads/2020/03/escanear0005.jpg">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2020/03/escanear0005.jpg"
          alt="Gedion Fernández y sus primeras obras"
          loading="lazy">

        <span>

          ARCHIVO · GEDION FERNÁNDEZ Y SUS PRIMERAS OBRAS

        </span>

      </button>

    </div>


    <div class="ca-first-copy ca-reveal">

      <p class="ca-label">

        LOS COMIENZOS

      </p>


      <h2>

        Antes del<br>
        reconocimiento.

      </h2>


      <p class="ca-lead">

        Primero está el trabajo,
        después llega el recorrido.

      </p>


      <p>

        La trayectoria de un artesano
        se construye poco a poco,
        aprendiendo a producir,
        organizar el trabajo y encontrar
        un lenguaje propio.

      </p>


      <p>

        Las fotografías del archivo
        permiten mirar hacia una etapa
        temprana de ese proceso.

      </p>

    </div>

  </section>


  <!-- =====================================================
       DIFFICULTIES
  ====================================================== -->

  <section class="ca-difficult">

    <div class="ca-wrap">

      <div class="ca-difficult-head ca-reveal">

        <p class="ca-label">

          EL OFICIO

        </p>


        <h2>

          Resolver.<br>
          Aprender.<br>
          Continuar.

        </h2>

      </div>


      <div class="ca-difficult-grid">


        <article class="ca-difficult-item ca-reveal">

          <span>
            01
          </span>

          <h3>
            Crear
          </h3>

          <p>

            Desarrollar piezas,
            mejorar técnicas y continuar
            construyendo una identidad.

          </p>

        </article>


        <article class="ca-difficult-item ca-reveal">

          <span>
            02
          </span>

          <h3>
            Vender
          </h3>

          <p>

            Encontrar clientes y aprender
            a llevar la obra desde
            el taller hacia el mercado.

          </p>

        </article>


        <article class="ca-difficult-item ca-reveal">

          <span>
            03
          </span>

          <h3>
            Gestionar
          </h3>

          <p>

            Resolver problemas,
            organizar recursos
            y tomar decisiones.

          </p>

        </article>


        <article class="ca-difficult-item ca-reveal">

          <span>
            04
          </span>

          <h3>
            Aprender
          </h3>

          <p>

            Capacitarse continuamente
            para que el oficio
            pueda evolucionar.

          </p>

        </article>

      </div>

    </div>

  </section>


  <!-- =====================================================
       CEDA
  ====================================================== -->

  <section class="ca-ceda">

    <div class="ca-wrap">


      <div class="ca-ceda-head ca-reveal">

        <div>

          <p class="ca-label">
            FORMACIÓN
          </p>

          <h2>
            Aprender<br>
            haciendo.
          </h2>

        </div>


        <p>

          El archivo del artículo conserva
          fotografías vinculadas a la formación
          y a los primeros resultados
          del trabajo técnico.

        </p>

      </div>


      <div class="ca-ceda-grid">


        <button
          type="button"
          class="ca-ceda-photo ca-reveal ca-lightbox-trigger"
          data-image="https://gedionfernandez.com/wp-content/uploads/2020/03/primeros-resultados-del-CEDA.jpg">

          <img decoding="async"
            src="https://gedionfernandez.com/wp-content/uploads/2020/03/primeros-resultados-del-CEDA-693x1024.jpg"
            alt="Primeros resultados del CEDA"
            loading="lazy">

          <div>

            <small>ARCHIVO</small>

            <strong>
              Primeros resultados<br>
              del CEDA
            </strong>

          </div>

        </button>


        <button
          type="button"
          class="ca-ceda-photo ca-ceda-lower ca-reveal ca-lightbox-trigger"
          data-image="https://gedionfernandez.com/wp-content/uploads/2020/03/primeros-pasos-del-torneado.jpg">

          <img decoding="async"
            src="https://gedionfernandez.com/wp-content/uploads/2020/03/primeros-pasos-del-torneado.jpg"
            alt="Primeros pasos del torneado"
            loading="lazy">

          <div>

            <small>FORMACIÓN</small>

            <strong>
              Primeros pasos<br>
              del torneado
            </strong>

          </div>

        </button>

      </div>

    </div>

  </section>


  <!-- =====================================================
       SACRIFICE QUOTE
  ====================================================== -->

  <section class="ca-sacrifice">

    <div class="ca-wrap ca-sacrifice-inner ca-reveal">

      <p>

        EL OFICIO

      </p>


      <blockquote>

        Ser artesano exige
        aprender a hacerlo todo.

      </blockquote>


      <div class="ca-sacrifice-list">

        <span>
          PRODUCIR
        </span>

        <span>
          VENDER
        </span>

        <span>
          GESTIONAR
        </span>

        <span>
          COMUNICAR
        </span>

        <span>
          APRENDER
        </span>

      </div>

    </div>

  </section>


  <!-- =====================================================
       PATIENCE
  ====================================================== -->

  <section class="ca-patience">

    <div class="ca-wrap ca-patience-grid">


      <div class="ca-patience-word ca-reveal">

        <span>PA</span>
        <span>CIEN</span>
        <span>CIA</span>

      </div>


      <div class="ca-patience-copy ca-reveal">

        <p class="ca-label">

          LARGO PLAZO

        </p>


        <h2>

          El tiempo<br>
          también trabaja.

        </h2>


        <p class="ca-lead">

          El oficio no se construye
          de un día para otro.

        </p>


        <p>

          Gedion describe la artesanía
          como una inversión constante
          pensada a largo plazo.

        </p>


        <p>

          Tiempo, energía, aprendizaje,
          comunicación y mejora continua
          forman parte de ese proceso.

        </p>

      </div>

    </div>

  </section>


  <!-- =====================================================
       POSITIONING
  ====================================================== -->

  <section class="ca-position">

    <div class="ca-position-bg"></div>
    <div class="ca-position-overlay"></div>


    <div class="ca-wrap ca-position-copy ca-reveal">

      <p class="ca-label">

        CONSTRUIR UN NOMBRE

      </p>


      <h2>

        Del taller<br>
        a las galerías.

      </h2>


      <p>

        Una obra también necesita
        encontrar espacios donde
        pueda ser vista.

      </p>


      <div class="ca-position-tags">

        <span>EXPOSICIONES</span>
        <span>GALERÍAS</span>
        <span>FERIAS</span>
        <span>CENTROS CULTURALES</span>
        <span>ENSEÑANZA</span>

      </div>

    </div>

  </section>


  <!-- =====================================================
       ARCHIVE EVENTS
  ====================================================== -->

  <section class="ca-events">

    <div class="ca-wrap">

      <div class="ca-events-head ca-reveal">

        <p class="ca-label">

          RECORRIDO

        </p>


        <h2>

          El tiempo deja<br>
          un archivo.

        </h2>

      </div>


      <div class="ca-events-grid">


        <!-- KAYPI -->

        <article class="ca-event ca-reveal">

          <button
            type="button"
            class="ca-event-image ca-lightbox-trigger"
            data-image="https://gedionfernandez.com/wp-content/uploads/2020/03/eu2.jpg">

            <img decoding="async"
              src="https://gedionfernandez.com/wp-content/uploads/2020/03/eu2-1024x768.jpg"
              alt="Kaypi 2014"
              loading="lazy">

          </button>


          <div>

            <span>
              2014
            </span>

            <h3>
              Kaypi
            </h3>

            <p>
              Archivo de trayectoria.
            </p>

          </div>

        </article>


        <!-- ARTIGIANO -->

        <article class="ca-event ca-reveal">

          <button
            type="button"
            class="ca-event-image ca-lightbox-trigger"
            data-image="https://gedionfernandez.com/wp-content/uploads/2020/03/WhatsApp-Image-2019-12-06-at-10.17.49-AM.jpeg">

            <img decoding="async"
              src="https://gedionfernandez.com/wp-content/uploads/2020/03/WhatsApp-Image-2019-12-06-at-10.17.49-AM-1024x768.jpeg"
              alt="Artigiano In Fiera"
              loading="lazy">

          </button>


          <div>

            <span>
              ARCHIVO
            </span>

            <h3>
              Artigiano<br>
              In Fiera
            </h3>

            <p>
              Participación documentada
              en el artículo.
            </p>

          </div>

        </article>


        <!-- ICPNA -->

        <article class="ca-event ca-reveal">

          <button
            type="button"
            class="ca-event-image ca-lightbox-trigger"
            data-image="https://gedionfernandez.com/wp-content/uploads/2019/10/PORTADA-MUSICO.jpg">

            <img decoding="async"
              src="https://gedionfernandez.com/wp-content/uploads/2019/10/PORTADA-MUSICO.jpg"
              alt="Exposición ICPNA Miraflores 2011"
              loading="lazy">

          </button>


          <div>

            <span>
              2011
            </span>

            <h3>
              ICPNA<br>
              Miraflores
            </h3>

            <p>
              Exposición registrada
              en el archivo del relato.
            </p>

          </div>

        </article>

      </div>

    </div>

  </section>


  <!-- =====================================================
       NO SHORTCUTS
  ====================================================== -->

  <section class="ca-shortcuts">

    <div class="ca-wrap ca-shortcuts-grid">


      <div class="ca-shortcuts-number ca-reveal">

        02

      </div>


      <div class="ca-shortcuts-title ca-reveal">

        <p class="ca-label">

          UNA IDEA CENTRAL

        </p>


        <h2>

          No hay<br>
          atajos.

        </h2>

      </div>


      <div class="ca-shortcuts-copy ca-reveal">

        <p class="ca-lead">

          Construir una trayectoria requiere tiempo.

        </p>


        <p>

          El artículo rechaza la idea de que
          dedicarse al oficio sea una manera
          rápida o sencilla de alcanzar resultados.

        </p>


        <p>

          Una marca reconocida,
          una comunidad de clientes,
          proveedores, un equipo y una
          forma de vender se construyen
          progresivamente.

        </p>

      </div>

    </div>

  </section>


  <!-- =====================================================
       TIME
  ====================================================== -->

  <section class="ca-time">

    <div class="ca-wrap ca-time-inner ca-reveal">

      <p>

        EL GRAN ALIADO

      </p>


      <h2>

        TIEMPO

      </h2>


      <span>

        Persistencia · aprendizaje · trayectoria

      </span>

    </div>

  </section>


  <!-- =====================================================
       FERIA DE NUESTRAS MANOS
  ====================================================== -->

  <section class="ca-making">

    <div class="ca-making-image">

      <button
        type="button"
        class="ca-lightbox-trigger"
        data-image="https://gedionfernandez.com/wp-content/uploads/2020/03/ceramica-de-quinua.jpg">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2020/03/ceramica-de-quinua-1024x683.jpg"
          alt="Gedion Fernández realizando una obra"
          loading="lazy">

        <span>

          FERIA DE NUESTRAS MANOS · ARCHIVO

        </span>

      </button>

    </div>


    <div class="ca-making-copy ca-reveal">

      <p class="ca-label">

        HACER

      </p>


      <h2>

        El oficio<br>
        sigue en<br>
        las manos.

      </h2>


      <p class="ca-lead">

        Después de los años,
        exposiciones y viajes,
        la base continúa siendo la misma:
        trabajar la materia.

      </p>


      <p>

        La fotografía conserva a Gedion
        realizando una de sus piezas
        durante la Feria de Nuestras Manos.

      </p>

    </div>

  </section>


  <!-- =====================================================
       PERSISTENCE
  ====================================================== -->

  <section class="ca-persistence">

    <div class="ca-wrap">

      <div class="ca-persistence-head ca-reveal">

        <p class="ca-label">

          CONSTRUIR UNA TRAYECTORIA

        </p>


        <h2>

          La persistencia<br>
          transforma el oficio.

        </h2>

      </div>


      <div class="ca-persistence-grid">


        <div class="ca-persist ca-reveal">

          <span>
            01
          </span>

          <h3>
            Técnica
          </h3>

          <p>
            Mejorar la manera
            de trabajar la materia.
          </p>

        </div>


        <div class="ca-persist ca-reveal">

          <span>
            02
          </span>

          <h3>
            Estilo
          </h3>

          <p>
            Construir un lenguaje
            reconocible y personal.
          </p>

        </div>


        <div class="ca-persist ca-reveal">

          <span>
            03
          </span>

          <h3>
            Marca
          </h3>

          <p>
            Conseguir que el nombre
            acompañe a la obra.
          </p>

        </div>


        <div class="ca-persist ca-reveal">

          <span>
            04
          </span>

          <h3>
            Legado
          </h3>

          <p>
            Compartir el conocimiento
            con nuevas generaciones.
          </p>

        </div>

      </div>

    </div>

  </section>


  <!-- =====================================================
       REFLECTION
  ====================================================== -->

  <section class="ca-reflection">

    <div class="ca-reflection-bg"></div>
    <div class="ca-reflection-overlay"></div>


    <div class="ca-wrap ca-reflection-copy ca-reveal">

      <p>

        POR LA RUTA DEL ARTESANO

      </p>


      <h2>

        Seguir creando<br>
        también es una<br>
        decisión.

      </h2>

    </div>

  </section>


  <!-- =====================================================
       AUTHOR
  ====================================================== -->

  <section class="ca-author">

    <div class="ca-wrap ca-author-grid">


      <div class="ca-author-photo ca-reveal">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2019/10/PERFIL1-1-e1571852542258.jpg"
          alt="Gedion Fernández"
          loading="lazy">

      </div>


      <div class="ca-author-copy ca-reveal">

        <p class="ca-label">

          EL ARTISTA

        </p>


        <h2>

          Gedion<br>
          Fernández

        </h2>


        <p class="ca-lead">

          Amauta de la Artesanía Peruana
          y maestro ceramista ayacuchano
          con más de cuatro décadas
          de trayectoria.

        </p>


        <div class="ca-author-lines">

          <span>
            Miembro de AIC
          </span>

          <span>
            Amauta de la Artesanía Peruana · 2014
          </span>

          <span>
            Medalla Joaquín López Antay · 2011
          </span>

        </div>


        <a
          href="/biografia/"
          class="ca-link">

          CONOCER AL ARTISTA →

        </a>

      </div>

    </div>

  </section>


  <!-- =====================================================
       SIGNATURE
  ====================================================== -->

  <section class="ca-signature">

    <div class="ca-wrap ca-signature-inner ca-reveal">

      <p>

        UNA REFLEXIÓN DE

      </p>


      <h2>

        GEDION<br>
        FERNÁNDEZ

      </h2>


      <div class="ca-signature-line"></div>


      <span>

        Esperando que esta reflexión sea útil.

      </span>


      <strong>

        Un abrazo.

      </strong>

    </div>

  </section>


  <!-- =====================================================
       SHARE
  ====================================================== -->

  <section class="ca-share">

    <div class="ca-wrap ca-share-grid">


      <div class="ca-share-copy ca-reveal">

        <p class="ca-label">

          COMPARTIR

        </p>


        <h2>

          Comparte<br>
          el camino.

        </h2>

      </div>


      <div class="ca-share-buttons ca-reveal">

        <button
          type="button"
          class="ca-share-btn"
          id="caShareButton">

          COMPARTIR

          <span>
            <img src="https://s.w.org/images/core/emoji/17.0.2/72x72/2197.png" alt="↗" class="wp-smiley" style="height: 1em; max-height: 1em;" />
          </span>

        </button>


        <button
          type="button"
          class="ca-share-btn ca-share-outline"
          id="caCopyButton">

          COPIAR ENLACE

          <span>
            ⧉
          </span>

        </button>

      </div>

    </div>

  </section>


  <!-- =====================================================
       RELATED STORIES
  ====================================================== -->

  <section class="ca-related">

    <div class="ca-wrap">


      <div class="ca-related-head ca-reveal">

        <p class="ca-label">

          CONTINUAR LEYENDO

        </p>


        <h2>

          Otras historias.

        </h2>

      </div>


      <div class="ca-related-grid">


        <!-- CHUYA -->

        <article class="ca-related-card ca-reveal">

          <a href="/chuya-wayra/">

            <div class="ca-related-photo">

              <img decoding="async"
                src="https://gedionfernandez.com/wp-content/uploads/2022/05/Chuya-Wayra-4-1024x682.jpeg"
                alt="Chuya Wayra"
                loading="lazy">

              <span>
                MEMORIA
              </span>

            </div>


            <div class="ca-related-info">

              <small>
                15 · 05 · 2022
              </small>

              <h3>
                Chuya Wayra
              </h3>

              <p>
                Naturaleza, memoria y una obra
                nacida de un momento histórico.
              </p>

              <strong>
                LEER HISTORIA →
              </strong>

            </div>

          </a>

        </article>


        <!-- MUSICO -->

        <article class="ca-related-card ca-reveal">

          <a href="/musico-gordo/">

            <div class="ca-related-photo">

              <img decoding="async"
                src="https://gedionfernandez.com/wp-content/uploads/2022/05/Musicos-1024x683.webp"
                alt="Músico Gordo"
                loading="lazy">

              <span>
                TRADICIÓN
              </span>

            </div>


            <div class="ca-related-info">

              <small>
                16 · 09 · 2022
              </small>

              <h3>
                Músico Gordo
              </h3>

              <p>
                Quinua, bandas y fiestas
                transformadas en personaje.
              </p>

              <strong>
                LEER HISTORIA →
              </strong>

            </div>

          </a>

        </article>

      </div>

    </div>

  </section>


  <!-- =====================================================
       CTA
  ====================================================== -->

  <section class="ca-cta">

    <div class="ca-wrap ca-cta-grid">


      <div class="ca-cta-copy ca-reveal">

        <p class="ca-label">

          DESPUÉS DE LA HISTORIA

        </p>


        <h2>

          Explora las obras<br>
          que nacieron<br>
          del camino.

        </h2>

      </div>


      <div class="ca-cta-actions ca-reveal">

        <a
          href="/obras/"
          class="ca-btn ca-btn-dark">

          Explorar obras

          <span>
            →
          </span>

        </a>


        <button
          type="button"
          class="ca-btn ca-btn-wa ca-whatsapp">

          Contactar por WhatsApp

        </button>

      </div>

    </div>

  </section>


  <!-- =====================================================
       NEXT / LOOP
  ====================================================== -->

  <section class="ca-next">

    <a
      href="/chuya-wayra/"
      class="ca-wrap ca-next-inner">

      <div>

        <p>

          VOLVER AL PRIMER RELATO

        </p>


        <span>

          Chuya Wayra

        </span>

      </div>


      <strong>

        →

      </strong>

    </a>

  </section>


  <!-- =====================================================
       FOOTER
  ====================================================== -->

  <footer class="ca-footer">

    <div class="ca-wrap">


      <div class="ca-footer-brand">

        <img decoding="async"
          src="https://gedionfernandez.com/wp-content/uploads/2022/05/logo-blanco.png"
          alt="Gedion Fernández">

        <p>
          Amauta de la Artesanía Peruana
        </p>

      </div>


      <div class="ca-footer-grid">


        <div>

          <span>NAVEGACIÓN</span>

          <a href="/">Inicio</a>
          <a href="/biografia/">El Artista</a>
          <a href="/obras/">Obras</a>
          <a href="/exposiciones/">Exposiciones</a>

        </div>


        <div>

          <span>DESCUBRIR</span>

          <a href="/talleres/">Talleres</a>
          <a href="/blog/">Historias</a>
          <a href="/contact/">Contacto</a>

        </div>


        <div>

          <span>CONTACTO</span>

          <a
            href="https://wa.me/51994593230"
            target="_blank"
            rel="noopener">

            +51 994 593 230

          </a>

          <a href="mailto:gcfernandezn@gmail.com">

            gcfernandezn@gmail.com

          </a>

          <p>
            Ate · Lima · Perú
          </p>

        </div>


        <div>

          <span>REDES</span>

          <a
            href="https://www.instagram.com/gedionfernandez/"
            target="_blank"
            rel="noopener">

            Instagram

          </a>

          <a
            href="https://www.facebook.com/gedionfernandez"
            target="_blank"
            rel="noopener">

            Facebook

          </a>

        </div>

      </div>


      <div class="ca-footer-bottom">

        <p>

          © <span id="caYear"></span>
          Gedion Fernández

        </p>

        <p>
          Amauta de la Artesanía Peruana
        </p>

      </div>

    </div>

  </footer>


  <!-- FLOAT WHATSAPP -->

  <button
    type="button"
    class="ca-floating-wa ca-whatsapp">

    <i></i>

    WhatsApp

  </button>


  <!-- LIGHTBOX -->

  <div
    class="ca-lightbox"
    id="caLightbox"
    aria-hidden="true">

    <button
      type="button"
      class="ca-lightbox-close"
      id="caLightboxClose"
      aria-label="Cerrar">

      ×

    </button>


    <img decoding="async"
      id="caLightboxImage"
      src=""
      alt="Archivo de Gedion Fernández">

  </div>


  <!-- TOAST -->

  <div
    class="ca-toast"
    id="caToast">

    Enlace copiado

  </div>

</div>


<style>

/* =========================================================
 BASE
========================================================= */

#gf-camino-story,
#gf-camino-story * {
  box-sizing:border-box;
}

#gf-camino-story {

  --black:#151310;
  --deep:#0f0e0c;
  --paper:#fcfaf6;
  --ivory:#f4efe6;
  --clay:#a54f32;
  --sepia:#9a7957;
  --muted:#756f67;
  --line:rgba(21,19,16,.14);
  --green:#1fa855;

  width:100%;
  overflow:hidden;

  background:var(--paper);
  color:var(--black);

  font-family:
    Arial,
    Helvetica,
    sans-serif;

  line-height:1.67;
}

#gf-camino-story img {
  width:100%;
  display:block;
}

#gf-camino-story a {
  color:inherit;
  text-decoration:none;
}

#gf-camino-story button {
  font:inherit;
  cursor:pointer;
}

.ca-wrap {

  width:min(
    1280px,
    calc(100% - 70px)
  );

  margin:auto;
}


/* TYPOGRAPHY */

#gf-camino-story h1,
#gf-camino-story h2,
#gf-camino-story h3,
#gf-camino-story blockquote {

  margin:0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-weight:400;
}

#gf-camino-story h2 {

  font-size:
    clamp(50px,6vw,94px);

  line-height:.97;

  letter-spacing:-.048em;
}

.ca-label {

  margin:0 0 22px;

  font-size:9px;
  font-weight:700;

  letter-spacing:.27em;

  text-transform:uppercase;
}

.ca-lead {

  font-size:
    clamp(18px,2vw,23px);

  line-height:1.55;
}


/* =========================================================
 PROGRESS
========================================================= */

.ca-progress {

  position:fixed;

  z-index:10050;

  top:0;
  left:0;

  width:100%;
  height:3px;

  pointer-events:none;
}

.ca-progress span {

  display:block;

  width:0;
  height:100%;

  background:var(--clay);
}


/* =========================================================
 HEADER
========================================================= */

.ca-header {

  position:absolute;

  z-index:1000;

  top:0;
  left:0;

  width:100%;

  color:white;
}

.ca-header.ca-sticky {

  position:fixed;

  background:
    rgba(15,14,12,.95);

  backdrop-filter:blur(14px);

  box-shadow:
    0 1px 0
    rgba(255,255,255,.08);
}

body.admin-bar
#gf-camino-story
.ca-header.ca-sticky {
  top:32px;
}

.ca-header-inner {

  min-height:90px;

  display:flex;

  align-items:center;

  justify-content:space-between;
}

.ca-logo {
  width:190px;
}

.ca-nav {

  display:flex;

  align-items:center;

  gap:27px;
}

.ca-nav > a {

  position:relative;

  font-size:11px;
}

.ca-nav > a::after {

  content:"";

  position:absolute;

  left:0;
  bottom:-8px;

  width:0;
  height:1px;

  background:currentColor;

  transition:.25s;
}

.ca-nav > a:hover::after,
.ca-nav > a.ca-active::after {
  width:100%;
}

.ca-header-wa {

  min-height:40px;

  padding:0 20px;

  border:
    1px solid
    rgba(255,255,255,.45);

  background:transparent;

  color:white;

  font-size:9px;
  font-weight:700;

  letter-spacing:.13em;

  text-transform:uppercase;
}

.ca-menu {

  display:none;

  padding:7px;

  border:0;

  background:transparent;

  color:white;
}

.ca-menu span {

  width:27px;
  height:1px;

  margin:7px 0;

  display:block;

  background:currentColor;
}


/* =========================================================
 HERO
========================================================= */

.ca-hero {

  min-height:850px;
  height:100vh;

  position:relative;

  display:flex;

  align-items:flex-end;

  color:white;
}

.ca-hero-bg {

  position:absolute;
  inset:0;

  background:

    url(
      "https://gedionfernandez.com/wp-content/uploads/2020/03/IMG_9065-scaled.jpg"
    )

    center / cover no-repeat;
}

.ca-hero-overlay {

  position:absolute;
  inset:0;

  background:

    linear-gradient(
      90deg,
      rgba(8,7,6,.90),
      rgba(8,7,6,.52) 55%,
      rgba(8,7,6,.18)
    );
}

.ca-hero-content {

  position:relative;

  z-index:2;

  padding-bottom:55px;
}

.ca-back {

  position:absolute;

  top:-450px;

  color:
    rgba(255,255,255,.62);

  font-size:8px;
  font-weight:700;

  letter-spacing:.16em;
}

.ca-kicker {

  margin:0 0 22px;

  font-size:9px;
  font-weight:700;

  letter-spacing:.30em;
}

.ca-hero h1 {

  font-size:
    clamp(80px,13.3vw,180px);

  line-height:.76;

  letter-spacing:-.075em;
}

.ca-hero h1 span {
  display:block;
}

.ca-subtitle {

  margin:35px 0 0;

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(20px,2.5vw,30px);
}

.ca-hero-meta {

  margin-top:48px;

  padding-top:24px;

  border-top:
    1px solid
    rgba(255,255,255,.25);

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:30px;
}

.ca-hero-meta span {

  display:block;

  margin-bottom:5px;

  color:
    rgba(255,255,255,.42);

  font-size:7px;

  font-weight:700;

  letter-spacing:.16em;
}

.ca-hero-meta strong {

  font-size:11px;

  font-weight:400;
}


/* =========================================================
 OPENING
========================================================= */

.ca-opening {

  padding:150px 0;
}

.ca-opening-grid {

  display:grid;

  grid-template-columns:
    80px .9fr 1.1fr;

  gap:55px;

  align-items:start;
}

.ca-opening-number {

  color:var(--clay);

  font-family:
    Georgia,
    serif;

  font-size:30px;
}

.ca-opening-copy {

  max-width:590px;

  padding-top:40px;
}

.ca-opening-copy p:not(.ca-lead) {
  color:var(--muted);
}


/* =========================================================
 FIRST
========================================================= */

.ca-first {

  min-height:800px;

  display:grid;

  grid-template-columns:
    1.15fr .85fr;

  background:var(--ivory);
}

.ca-first-photo button {

  width:100%;
  height:100%;

  position:relative;

  padding:0;
  border:0;

  overflow:hidden;

  background:#ddd;
}

.ca-first-photo img {

  width:100%;
  height:100%;

  min-height:800px;

  object-fit:cover;

  transition:.5s;
}

.ca-first-photo button:hover img {
  transform:scale(1.02);
}

.ca-first-photo span {

  position:absolute;

  left:20px;
  bottom:20px;

  padding:9px 12px;

  background:white;

  color:var(--black);

  font-size:8px;

  font-weight:700;

  letter-spacing:.15em;
}

.ca-first-copy {

  padding:
    clamp(60px,8vw,115px);

  display:flex;

  flex-direction:column;

  justify-content:center;
}

.ca-first-copy h2 {
  margin-bottom:38px;
}

.ca-first-copy p:not(.ca-label):not(.ca-lead) {
  color:var(--muted);
}


/* =========================================================
 DIFFICULTIES
========================================================= */

.ca-difficult {

  padding:150px 0;

  background:var(--deep);

  color:white;
}

.ca-difficult-head {

  max-width:900px;

  margin-bottom:80px;
}

.ca-difficult-grid {

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:1px;

  background:
    rgba(255,255,255,.13);
}

.ca-difficult-item {

  min-height:380px;

  padding:35px;

  background:var(--deep);

  display:flex;

  flex-direction:column;
}

.ca-difficult-item > span {

  color:var(--clay);

  font-family:
    Georgia,
    serif;

  font-size:25px;
}

.ca-difficult-item h3 {

  margin-top:auto;
  margin-bottom:18px;

  font-size:40px;
}

.ca-difficult-item p {

  margin:0;

  color:
    rgba(255,255,255,.52);
}


/* =========================================================
 CEDA
========================================================= */

.ca-ceda {

  padding:150px 0;

  background:var(--paper);
}

.ca-ceda-head {

  margin-bottom:75px;

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:100px;

  align-items:end;
}

.ca-ceda-head > p {

  max-width:500px;

  color:var(--muted);
}

.ca-ceda-grid {

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:25px;

  align-items:start;
}

.ca-ceda-photo {

  position:relative;

  padding:0;

  border:0;

  overflow:hidden;

  background:#ddd;
}

.ca-ceda-photo img {

  width:100%;

  height:720px;

  object-fit:cover;

  transition:.5s;
}

.ca-ceda-photo:hover img {
  transform:scale(1.025);
}

.ca-ceda-lower {
  margin-top:100px;
}

.ca-ceda-photo > div {

  position:absolute;

  left:20px;
  bottom:20px;

  padding:12px 15px;

  background:var(--paper);

  text-align:left;
}

.ca-ceda-photo small {

  display:block;

  color:var(--muted);

  font-size:7px;

  letter-spacing:.16em;
}

.ca-ceda-photo strong {

  display:block;

  margin-top:4px;

  font-family:Georgia,serif;

  font-size:18px;

  font-weight:400;
}


/* =========================================================
 SACRIFICE
========================================================= */

.ca-sacrifice {

  padding:140px 0;

  background:var(--clay);

  color:white;
}

.ca-sacrifice-inner {
  text-align:center;
}

.ca-sacrifice-inner > p {

  margin:0;

  font-size:8px;

  letter-spacing:.28em;
}

.ca-sacrifice blockquote {

  max-width:1000px;

  margin:40px auto;

  font-size:
    clamp(50px,7vw,95px);

  line-height:1;

  letter-spacing:-.045em;
}

.ca-sacrifice-list {

  margin-top:55px;

  display:flex;

  justify-content:center;

  flex-wrap:wrap;

  gap:12px;
}

.ca-sacrifice-list span {

  padding:10px 14px;

  border:
    1px solid
    rgba(255,255,255,.4);

  font-size:8px;

  font-weight:700;

  letter-spacing:.14em;
}


/* =========================================================
 PATIENCE
========================================================= */

.ca-patience {

  padding:150px 0;

  background:var(--ivory);
}

.ca-patience-grid {

  display:grid;

  grid-template-columns:
    .9fr 1.1fr;

  gap:100px;

  align-items:center;
}

.ca-patience-word {

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(95px,14vw,185px);

  line-height:.7;

  letter-spacing:-.08em;

  color:var(--sepia);
}

.ca-patience-word span {
  display:block;
}

.ca-patience-copy {

  max-width:570px;
}

.ca-patience-copy h2 {
  margin-bottom:38px;
}

.ca-patience-copy p:not(.ca-label):not(.ca-lead) {
  color:var(--muted);
}


/* =========================================================
 POSITION
========================================================= */

.ca-position {

  min-height:780px;

  position:relative;

  display:flex;

  align-items:center;

  color:white;
}

.ca-position-bg {

  position:absolute;
  inset:0;

  background:

    url(
      "https://gedionfernandez.com/wp-content/uploads/2019/10/PORTADA-MUSICO.jpg"
    )

    center / cover no-repeat;
}

.ca-position-overlay {

  position:absolute;
  inset:0;

  background:
    rgba(10,8,7,.75);
}

.ca-position-copy {

  position:relative;

  z-index:2;
}

.ca-position h2 {

  max-width:850px;

  margin-bottom:35px;

  font-size:
    clamp(60px,8vw,110px);
}

.ca-position-copy > p:not(.ca-label) {

  max-width:520px;

  color:
    rgba(255,255,255,.66);
}

.ca-position-tags {

  margin-top:45px;

  display:flex;

  flex-wrap:wrap;

  gap:10px;
}

.ca-position-tags span {

  padding:10px 13px;

  border:
    1px solid
    rgba(255,255,255,.35);

  font-size:7px;

  font-weight:700;

  letter-spacing:.15em;
}


/* =========================================================
 EVENTS
========================================================= */

.ca-events {

  padding:150px 0;
}

.ca-events-head {
  margin-bottom:75px;
}

.ca-events-grid {

  display:grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:25px;
}

.ca-event-image {

  width:100%;

  padding:0;
  border:0;

  overflow:hidden;

  background:#ddd;
}

.ca-event-image img {

  height:480px;

  object-fit:cover;

  transition:.5s;
}

.ca-event:hover img {
  transform:scale(1.025);
}

.ca-event > div {

  padding-top:20px;
}

.ca-event span {

  color:var(--clay);

  font-size:8px;

  font-weight:700;

  letter-spacing:.16em;
}

.ca-event h3 {

  margin:10px 0;

  font-size:
    clamp(30px,4vw,48px);

  line-height:1;
}

.ca-event p {
  color:var(--muted);
}


/* =========================================================
 SHORTCUTS
========================================================= */

.ca-shortcuts {

  padding:150px 0;

  background:var(--deep);

  color:white;
}

.ca-shortcuts-grid {

  display:grid;

  grid-template-columns:
    80px .9fr 1.1fr;

  gap:55px;
}

.ca-shortcuts-number {

  color:var(--clay);

  font-family:Georgia,serif;

  font-size:30px;
}

.ca-shortcuts-copy {

  max-width:590px;

  padding-top:40px;
}

.ca-shortcuts-copy p:not(.ca-lead) {
  color:rgba(255,255,255,.55);
}


/* =========================================================
 TIME
========================================================= */

.ca-time {

  padding:125px 0;

  background:var(--sepia);

  color:white;
}

.ca-time-inner {
  text-align:center;
}

.ca-time-inner > p {

  margin:0;

  font-size:8px;

  letter-spacing:.28em;
}

.ca-time h2 {

  margin:20px 0;

  font-size:
    clamp(100px,20vw,280px);

  line-height:.8;

  letter-spacing:-.08em;
}

.ca-time span {
  color:rgba(255,255,255,.65);
}


/* =========================================================
 MAKING
========================================================= */

.ca-making {

  min-height:800px;

  display:grid;

  grid-template-columns:
    1.15fr .85fr;

  background:var(--paper);
}

.ca-making-image button {

  width:100%;
  height:100%;

  position:relative;

  padding:0;
  border:0;

  overflow:hidden;

  background:#ddd;
}

.ca-making-image img {

  width:100%;
  height:100%;

  min-height:800px;

  object-fit:cover;

  transition:.5s;
}

.ca-making-image button:hover img {
  transform:scale(1.02);
}

.ca-making-image span {

  position:absolute;

  left:20px;
  bottom:20px;

  padding:9px 12px;

  background:white;

  color:var(--black);

  font-size:8px;

  font-weight:700;

  letter-spacing:.14em;
}

.ca-making-copy {

  padding:
    clamp(60px,8vw,115px);

  display:flex;

  flex-direction:column;

  justify-content:center;
}

.ca-making-copy h2 {
  margin-bottom:38px;
}

.ca-making-copy p:not(.ca-label):not(.ca-lead) {
  color:var(--muted);
}


/* =========================================================
 PERSISTENCE
========================================================= */

.ca-persistence {

  padding:150px 0;

  background:var(--ivory);
}

.ca-persistence-head {

  max-width:900px;

  margin-bottom:75px;
}

.ca-persistence-grid {

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  border-top:
    1px solid var(--line);

  border-left:
    1px solid var(--line);
}

.ca-persist {

  min-height:350px;

  padding:35px;

  border-right:
    1px solid var(--line);

  border-bottom:
    1px solid var(--line);
}

.ca-persist span {

  color:var(--clay);

  font-family:Georgia,serif;

  font-size:24px;
}

.ca-persist h3 {

  margin-top:105px;
  margin-bottom:15px;

  font-size:40px;
}

.ca-persist p {
  color:var(--muted);
}


/* =========================================================
 REFLECTION
========================================================= */

.ca-reflection {

  min-height:760px;

  position:relative;

  display:flex;

  align-items:center;

  color:white;
}

.ca-reflection-bg {

  position:absolute;
  inset:0;

  background:

    url(
      "https://gedionfernandez.com/wp-content/uploads/2020/03/IMG_9065-scaled.jpg"
    )

    center / cover no-repeat;
}

.ca-reflection-overlay {

  position:absolute;
  inset:0;

  background:
    rgba(9,8,7,.76);
}

.ca-reflection-copy {

  position:relative;

  z-index:2;
}

.ca-reflection-copy > p {

  margin:0;

  font-size:8px;

  letter-spacing:.28em;
}

.ca-reflection h2 {

  max-width:900px;

  margin-top:35px;

  font-size:
    clamp(58px,8vw,110px);
}


/* =========================================================
 AUTHOR
========================================================= */

.ca-author {

  padding:150px 0;

  background:var(--ivory);
}

.ca-author-grid {

  display:grid;

  grid-template-columns:
    .85fr 1.15fr;

  gap:100px;

  align-items:center;
}

.ca-author-photo img {

  aspect-ratio:4/5;

  object-fit:cover;
}

.ca-author-copy {

  max-width:570px;
}

.ca-author-copy h2 {
  margin-bottom:40px;
}

.ca-author-lines {

  margin-top:35px;

  border-top:
    1px solid var(--line);
}

.ca-author-lines span {

  display:block;

  padding:14px 0;

  border-bottom:
    1px solid var(--line);

  color:var(--muted);

  font-size:11px;
}

.ca-link {

  display:inline-block;

  width:fit-content;

  margin-top:30px;

  padding-bottom:6px;

  border-bottom:
    1px solid currentColor;

  font-size:9px;

  font-weight:700;

  letter-spacing:.15em;
}


/* =========================================================
 SIGNATURE
========================================================= */

.ca-signature {

  padding:130px 0;

  background:var(--paper);
}

.ca-signature-inner {
  text-align:center;
}

.ca-signature-inner > p {

  margin:0;

  color:var(--clay);

  font-size:8px;

  font-weight:700;

  letter-spacing:.27em;
}

.ca-signature h2 {

  margin:30px 0;

  font-size:
    clamp(62px,10vw,140px);
}

.ca-signature-line {

  width:80px;
  height:1px;

  margin:35px auto;

  background:var(--black);
}

.ca-signature span {

  display:block;

  color:var(--muted);
}

.ca-signature strong {

  display:block;

  margin-top:18px;

  font-family:Georgia,serif;

  font-size:28px;

  font-weight:400;
}


/* =========================================================
 SHARE
========================================================= */

.ca-share {

  padding:100px 0;

  background:var(--sepia);

  color:white;
}

.ca-share-grid {

  display:grid;

  grid-template-columns:
    1fr auto;

  gap:70px;

  align-items:end;
}

.ca-share-buttons {

  min-width:280px;

  display:flex;

  flex-direction:column;

  gap:10px;
}

.ca-share-btn {

  width:100%;

  min-height:55px;

  padding:0 20px;

  border:0;

  display:flex;

  align-items:center;

  justify-content:space-between;

  background:white;

  color:var(--black);

  font-size:9px;

  font-weight:700;

  letter-spacing:.14em;
}

.ca-share-outline {

  border:
    1px solid rgba(255,255,255,.5);

  background:transparent;

  color:white;
}


/* =========================================================
 RELATED
========================================================= */

.ca-related {

  padding:150px 0;

  background:var(--ivory);
}

.ca-related-head {
  margin-bottom:70px;
}

.ca-related-grid {

  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:30px;
}

.ca-related-photo {

  position:relative;

  overflow:hidden;
}

.ca-related-photo img {

  height:500px;

  object-fit:cover;

  transition:.5s;
}

.ca-related-card:hover img {
  transform:scale(1.025);
}

.ca-related-photo span {

  position:absolute;

  left:18px;
  top:18px;

  padding:8px 11px;

  background:
    rgba(15,14,12,.82);

  color:white;

  font-size:7px;

  font-weight:700;

  letter-spacing:.15em;
}

.ca-related-info {
  padding-top:22px;
}

.ca-related-info small {

  color:var(--muted);

  font-size:8px;

  letter-spacing:.15em;
}

.ca-related-info h3 {

  margin:12px 0 18px;

  font-size:
    clamp(38px,5vw,65px);

  line-height:.95;
}

.ca-related-info p {

  max-width:480px;

  color:var(--muted);
}

.ca-related-info strong {

  display:inline-block;

  margin-top:10px;

  padding-bottom:5px;

  border-bottom:
    1px solid currentColor;

  font-size:8px;

  letter-spacing:.14em;
}


/* =========================================================
 CTA
========================================================= */

.ca-cta {

  padding:120px 0;

  background:var(--paper);
}

.ca-cta-grid {

  display:grid;

  grid-template-columns:
    1fr auto;

  gap:80px;

  align-items:end;
}

.ca-cta-actions {

  min-width:280px;

  display:flex;

  flex-direction:column;

  gap:10px;
}

.ca-btn {

  min-height:55px;

  padding:0 23px;

  border:0;

  display:flex;

  align-items:center;

  justify-content:space-between;

  text-transform:uppercase;

  font-size:9px;

  font-weight:700;

  letter-spacing:.13em;
}

.ca-btn-dark {

  background:var(--deep);

  color:white !important;
}

.ca-btn-wa {

  justify-content:center;

  background:var(--green);

  color:white;
}


/* =========================================================
 NEXT
========================================================= */

.ca-next {

  padding:90px 0;

  background:var(--clay);

  color:white;
}

.ca-next-inner {

  display:flex;

  align-items:center;

  justify-content:space-between;
}

.ca-next p {

  margin:0 0 15px;

  color:
    rgba(255,255,255,.55);

  font-size:8px;

  letter-spacing:.23em;
}

.ca-next span {

  font-family:
    Georgia,
    serif;

  font-size:
    clamp(55px,8vw,105px);

  line-height:1;
}

.ca-next strong {

  font-size:65px;

  font-weight:300;
}


/* =========================================================
 FOOTER
========================================================= */

.ca-footer {

  padding:
    80px 0 30px;

  background:var(--deep);

  color:white;
}

.ca-footer-brand img {
  width:230px;
}

.ca-footer-brand p {

  color:
    rgba(255,255,255,.45);

  font-size:11px;
}

.ca-footer-grid {

  margin:65px 0;

  padding-top:35px;

  border-top:
    1px solid rgba(255,255,255,.12);

  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:45px;
}

.ca-footer-grid > div {

  display:flex;

  flex-direction:column;

  align-items:flex-start;

  gap:7px;
}

.ca-footer-grid span {

  margin-bottom:12px;

  color:
    rgba(255,255,255,.34);

  font-size:8px;

  letter-spacing:.22em;
}

.ca-footer-grid a,
.ca-footer-grid p {

  margin:0;

  font-size:12px;
}

.ca-footer-bottom {

  padding-top:25px;

  border-top:
    1px solid rgba(255,255,255,.1);

  display:flex;

  justify-content:space-between;

  color:
    rgba(255,255,255,.35);

  font-size:9px;
}


/* =========================================================
 FLOAT
========================================================= */

.ca-floating-wa {

  position:fixed;

  z-index:950;

  right:22px;
  bottom:20px;

  padding:14px 18px;

  border:0;

  background:var(--green);

  color:white;

  box-shadow:
    0 12px 30px rgba(0,0,0,.22);

  font-size:10px;

  font-weight:700;
}

.ca-floating-wa i {

  display:inline-block;

  width:7px;
  height:7px;

  margin-right:7px;

  border-radius:50%;

  background:white;
}


/* =========================================================
 LIGHTBOX
========================================================= */

.ca-lightbox {

  position:fixed;

  z-index:99999;

  inset:0;

  padding:45px;

  display:flex;

  align-items:center;

  justify-content:center;

  visibility:hidden;

  opacity:0;

  background:
    rgba(8,7,6,.97);

  transition:.25s;
}

.ca-lightbox.ca-open {

  visibility:visible;

  opacity:1;
}

.ca-lightbox img {

  width:auto;

  max-width:95vw;

  max-height:90vh;

  object-fit:contain;
}

.ca-lightbox-close {

  position:absolute;

  top:12px;
  right:25px;

  border:0;

  background:transparent;

  color:white;

  font-size:46px;
}


/* TOAST */

.ca-toast {

  position:fixed;

  z-index:100000;

  left:50%;
  bottom:35px;

  padding:12px 18px;

  visibility:hidden;

  opacity:0;

  transform:
    translate(-50%,12px);

  background:var(--deep);

  color:white;

  font-size:10px;

  transition:.25s;
}

.ca-toast.ca-show {

  visibility:visible;

  opacity:1;

  transform:
    translate(-50%,0);
}


/* REVEAL */

.ca-reveal {

  opacity:0;

  transform:
    translateY(26px);

  transition:

    opacity .8s ease,

    transform .8s
    cubic-bezier(.2,.7,.2,1);
}

.ca-reveal.ca-visible {

  opacity:1;

  transform:none;
}


/* =========================================================
 TABLET
========================================================= */

@media(max-width:1024px){

  .ca-wrap {
    width:calc(100% - 40px);
  }

  .ca-menu {

    display:block;

    position:relative;

    z-index:3;
  }

  .ca-nav {

    position:fixed;

    top:0;
    right:-100%;

    width:min(390px,90vw);

    height:100vh;

    padding:110px 35px;

    background:var(--deep);

    flex-direction:column;

    align-items:flex-start;

    transition:.35s;
  }

  .ca-nav.ca-open {
    right:0;
  }

  .ca-nav > a {

    font-family:Georgia,serif;

    font-size:28px;
  }

  .ca-difficult-grid,
  .ca-persistence-grid {

    grid-template-columns:1fr 1fr;
  }

}


/* ADMIN */

@media(max-width:782px){

  body.admin-bar
  #gf-camino-story
  .ca-header.ca-sticky {

    top:46px;
  }

}


/* =========================================================
 MOBILE
========================================================= */

@media(max-width:767px){

  .ca-wrap {
    width:calc(100% - 32px);
  }

  .ca-header-inner {
    min-height:70px;
  }

  .ca-logo {
    width:145px;
  }

  .ca-hero {

    min-height:740px;

    height:100svh;
  }

  .ca-back {
    top:-360px;
  }

  .ca-hero h1 {

    font-size:
      clamp(55px,17vw,86px);
  }

  .ca-hero-meta {

    grid-template-columns:
      1fr 1fr;

    gap:20px;
  }

  #gf-camino-story h2 {

    font-size:
      clamp(45px,14vw,70px);
  }

  .ca-opening {

    padding:90px 0;
  }

  .ca-opening-grid,
  .ca-first,
  .ca-ceda-head,
  .ca-patience-grid,
  .ca-shortcuts-grid,
  .ca-making,
  .ca-author-grid,
  .ca-share-grid,
  .ca-cta-grid {

    grid-template-columns:1fr;
  }

  .ca-opening-number,
  .ca-shortcuts-number {

    display:none;
  }

  .ca-opening-grid {

    gap:35px;
  }

  .ca-opening-copy,
  .ca-shortcuts-copy {

    padding-top:0;
  }

  .ca-first-photo img,
  .ca-making-image img {

    min-height:540px;
  }

  .ca-first-copy,
  .ca-making-copy {

    padding:80px 25px;
  }

  .ca-difficult {

    padding:90px 0;
  }

  .ca-difficult-grid {

    grid-template-columns:1fr;
  }

  .ca-difficult-item {

    min-height:280px;
  }

  .ca-ceda {

    padding:90px 0;
  }

  .ca-ceda-head {

    gap:35px;
  }

  .ca-ceda-grid {

    grid-template-columns:1fr;
  }

  .ca-ceda-photo img {

    height:570px;
  }

  .ca-ceda-lower {
    margin-top:0;
  }

  .ca-sacrifice {

    padding:90px 0;
  }

  .ca-sacrifice blockquote {

    font-size:
      clamp(42px,13vw,65px);
  }

  .ca-patience {

    padding:90px 0;
  }

  .ca-patience-grid {
    gap:55px;
  }

  .ca-patience-word {

    font-size:
      clamp(85px,27vw,125px);
  }

  .ca-position {

    min-height:650px;
  }

  .ca-position h2 {

    font-size:
      clamp(50px,15vw,75px);
  }

  .ca-events {

    padding:90px 0;
  }

  .ca-events-grid {

    grid-template-columns:1fr;

    gap:60px;
  }

  .ca-event-image img {

    height:500px;
  }

  .ca-shortcuts {

    padding:90px 0;
  }

  .ca-shortcuts-grid {
    gap:35px;
  }

  .ca-time {

    padding:90px 0;
  }

  .ca-time h2 {

    font-size:
      clamp(85px,27vw,140px);
  }

  .ca-persistence {

    padding:90px 0;
  }

  .ca-persistence-grid {

    grid-template-columns:1fr;
  }

  .ca-persist {

    min-height:270px;
  }

  .ca-persist h3 {
    margin-top:65px;
  }

  .ca-reflection {

    min-height:650px;
  }

  .ca-reflection h2 {

    font-size:
      clamp(48px,14vw,72px);
  }

  .ca-author {

    padding:90px 0;
  }

  .ca-author-grid {
    gap:50px;
  }

  .ca-signature {

    padding:90px 0;
  }

  .ca-signature h2 {

    font-size:
      clamp(55px,18vw,95px);
  }

  .ca-share {

    padding:80px 0;
  }

  .ca-share-grid {

    gap:40px;
  }

  .ca-share-buttons,
  .ca-cta-actions {

    min-width:0;
  }

  .ca-related {

    padding:90px 0;
  }

  .ca-related-grid {

    grid-template-columns:1fr;

    gap:60px;
  }

  .ca-related-photo img {

    height:500px;
  }

  .ca-cta {

    padding:90px 0;
  }

  .ca-cta-grid {

    gap:45px;
  }

  .ca-next {

    padding:65px 0;
  }

  .ca-next span {

    font-size:
      clamp(45px,14vw,65px);
  }

  .ca-next strong {

    font-size:40px;
  }

  .ca-footer-grid {

    grid-template-columns:
      1fr 1fr;

    gap:45px 25px;
  }

  .ca-footer-bottom {

    display:block;
  }

  .ca-floating-wa {

    left:16px;
    right:16px;

    bottom:14px;
  }

}

</style>


<script>

(function(){

  const root =
    document.getElementById(
      "gf-camino-story"
    );

  if(
    !root ||
    root.dataset.caReady
  ){
    return;
  }

  root.dataset.caReady =
    "true";


  /* CONFIG */

  const phone =
    "51994593230";


  /* WHATSAPP */

  function openWhatsapp(){

    const message =
      'Hola, estuve leyendo "El camino de un artesano" de Gedion Fernández y quisiera recibir más información sobre su trabajo y sus obras.';


    window.open(

      "https://wa.me/" +
      phone +
      "?text=" +
      encodeURIComponent(message),

      "_blank",

      "noopener,noreferrer"

    );

  }


  root
    .querySelectorAll(
      ".ca-whatsapp"
    )
    .forEach(function(button){

      button.addEventListener(
        "click",
        openWhatsapp
      );

    });


  /* HEADER */

  const header =
    root.querySelector(
      "#caHeader"
    );


  function updateHeader(){

    header.classList.toggle(
      "ca-sticky",
      window.scrollY > 60
    );

  }


  window.addEventListener(
    "scroll",
    updateHeader,
    {passive:true}
  );


  updateHeader();


  /* MOBILE MENU */

  const menu =
    root.querySelector(
      "#caMenu"
    );

  const nav =
    root.querySelector(
      "#caNav"
    );


  if(menu && nav){

    menu.addEventListener(
      "click",
      function(){

        nav.classList.toggle(
          "ca-open"
        );

      }
    );


    nav
      .querySelectorAll("a")
      .forEach(function(link){

        link.addEventListener(
          "click",
          function(){

            nav.classList.remove(
              "ca-open"
            );

          }
        );

      });

  }


  /* PROGRESS */

  const progress =
    root.querySelector(
      "#caProgressBar"
    );


  function updateProgress(){

    const available =
      document.documentElement.scrollHeight -
      window.innerHeight;


    if(available <= 0){
      return;
    }


    const percent =
      Math.min(
        100,
        Math.max(
          0,
          window.scrollY /
          available *
          100
        )
      );


    progress.style.width =
      percent + "%";

  }


  window.addEventListener(
    "scroll",
    updateProgress,
    {passive:true}
  );


  updateProgress();


  /* LIGHTBOX */

  const lightbox =
    root.querySelector(
      "#caLightbox"
    );

  const lightboxImage =
    root.querySelector(
      "#caLightboxImage"
    );

  const closeButton =
    root.querySelector(
      "#caLightboxClose"
    );


  function openLightbox(src){

    if(!src){
      return;
    }


    lightboxImage.src =
      src;


    lightbox.classList.add(
      "ca-open"
    );


    lightbox.setAttribute(
      "aria-hidden",
      "false"
    );


    document.body.style.overflow =
      "hidden";

  }


  function closeLightbox(){

    lightbox.classList.remove(
      "ca-open"
    );


    lightbox.setAttribute(
      "aria-hidden",
      "true"
    );


    document.body.style.overflow =
      "";

  }


  root
    .querySelectorAll(
      ".ca-lightbox-trigger"
    )
    .forEach(function(button){

      button.addEventListener(
        "click",
        function(){

          openLightbox(
            button.dataset.image
          );

        }
      );

    });


  closeButton.addEventListener(
    "click",
    closeLightbox
  );


  lightbox.addEventListener(
    "click",
    function(event){

      if(
        event.target === lightbox
      ){

        closeLightbox();

      }

    }
  );


  document.addEventListener(
    "keydown",
    function(event){

      if(event.key === "Escape"){

        closeLightbox();

      }

    }
  );


  /* SHARE */

  const share =
    root.querySelector(
      "#caShareButton"
    );

  const copy =
    root.querySelector(
      "#caCopyButton"
    );

  const toast =
    root.querySelector(
      "#caToast"
    );


  function showToast(){

    toast.classList.add(
      "ca-show"
    );


    setTimeout(
      function(){

        toast.classList.remove(
          "ca-show"
        );

      },
      1800
    );

  }


  share.addEventListener(
    "click",
    async function(){

      const data = {

        title:
          "El camino de un artesano · Gedion Fernández",

        text:
          "Conoce la reflexión de Gedion Fernández sobre el camino del artesano.",

        url:
          window.location.href

      };


      if(navigator.share){

        try{

          await navigator.share(data);

        } catch(error){}

      } else {

        try{

          await navigator
            .clipboard
            .writeText(
              window.location.href
            );


          showToast();

        } catch(error){}

      }

    }
  );


  copy.addEventListener(
    "click",
    async function(){

      try{

        await navigator
          .clipboard
          .writeText(
            window.location.href
          );


        showToast();

      } catch(error){

        const textarea =
          document.createElement(
            "textarea"
          );


        textarea.value =
          window.location.href;


        document.body.appendChild(
          textarea
        );


        textarea.select();


        document.execCommand(
          "copy"
        );


        textarea.remove();


        showToast();

      }

    }
  );


  /* REVEAL */

  const reveals =
    root.querySelectorAll(
      ".ca-reveal"
    );


  if(
    "IntersectionObserver"
    in window
  ){

    const observer =
      new IntersectionObserver(

        function(entries){

          entries.forEach(
            function(entry){

              if(
                entry.isIntersecting
              ){

                entry.target
                  .classList
                  .add(
                    "ca-visible"
                  );


                observer.unobserve(
                  entry.target
                );

              }

            }
          );

        },

        {
          threshold:.07,
          rootMargin:
            "0px 0px -30px 0px"
        }

      );


    reveals.forEach(
      function(element){

        observer.observe(
          element
        );

      }
    );

  } else {

    reveals.forEach(
      function(element){

        element.classList.add(
          "ca-visible"
        );

      }
    );

  }


  /* YEAR */

  const year =
    root.querySelector(
      "#caYear"
    );


  if(year){

    year.textContent =
      new Date().getFullYear();

  }

})();

</script>				</div>
				</div>
					</div>
		</div>
					</div>
		</section>
				</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://gedionfernandez.com/el-camino-de-un-artesano/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
