<!-- Resumen -->
<section class="cv__seccion">
  <h2 class="cv__titulo">Resumen</h2>
  <p class="cv__texto">
    Desarrollador/a Front-End con foco en accesibilidad, performance y maquetación responsive.
    Experiencia construyendo interfaces limpias y mantenibles con metodologías modernas.
  </p>
</section>

<!-- Experiencia (lista requerida) -->
<section class="cv__seccion">
  <h2 class="cv__titulo">Experiencia</h2>
  <ul class="cv__lista">
    <li>
      <article>
        <header class="cv__item-cabecera">
          <h3 class="cv__item-titulo">Front-End Developer — Empresa X</h3>
          <span class="cv__item-fecha">2023 — Presente</span>
        </header>
        <p class="cv__texto">
          Construcción de componentes con React y CSS modular. Mejora del rendimiento (LCP/CLS).
        </p>
        <ul class="cv__bullets">
          <li>Implementé diseño responsive con Flexbox/Grid.</li>
          <li>Optimicé assets y rutas críticas de CSS.</li>
        </ul>
      </article>
    </li>
    <li>
      <article>
        <header class="cv__item-cabecera">
          <h3 class="cv__item-titulo">Maquetador/a — Estudio Y</h3>
          <span class="cv__item-fecha">2021 — 2023</span>
        </header>
        <p class="cv__texto">
          Maquetación accesible (WCAG), semántica HTML5 y sistemas de diseño reusables.
        </p>
      </article>
    </li>
  </ul>
</section>

<!-- Educación (lista) -->
<section class="cv__seccion">
  <h2 class="cv__titulo">Educación</h2>
  <ul class="cv__lista">
    <li><strong>Tecnología/Ingeniería</strong> — Universidad Z (2019 — 2023)</li>
    <li><strong>Formación continua</strong> — Cursos Alura Latam (HTML, CSS, JS)</li>
  </ul>
</section>

<!-- Habilidades -->
<section class="cv__seccion">
  <h2 class="cv__titulo">Habilidades</h2>
  <ul class="cv__tags">
    <li>HTML5</li><li>CSS3</li><li>Flexbox</li><li>Grid</li><li>JavaScript</li><li>React</li>
    <li>Accesibilidad</li><li>Figma</li><li>Git/GitHub</li>
  </ul>
</section>

<!-- Proyectos -->
<section class="cv__seccion">
  <h2 class="cv__titulo">Proyectos</h2>
  <div class="cv__proyectos">
    <article class="cv__card">
      <h3 class="cv__card-titulo">Portfolio UI</h3>
      <p class="cv__texto">Landing responsive con componentes reutilizables y temas.</p>
      <a class="cv__card-link" href="https://tusitio.com/portfolio" target="_blank" rel="noopener">Ver proyecto</a>
    </article>
    <article class="cv__card">
      <h3 class="cv__card-titulo">SPA React</h3>
      <p class="cv__texto">Aplicación con routing, hooks y consumo de API.</p>
      <a class="cv__card-link" href="https://github.com/tuusuario/spa-react" target="_blank" rel="noopener">Código</a>
    </article>
  </div>
</section>

© 2025 Tu Nombre · Portafolio

:root{
--bg:#0f0f0f;
--text:#F6F6F6;
--brand:#22D4FD;
--muted:#272727;
}