<style id="asv-chrome-style">
.asv-nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,6vw,90px);box-sizing:border-box;background:transparent;transition:background .4s ease,box-shadow .4s ease,height .4s ease;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;}
.asv-nav.is-solid{background:rgba(78,0,12,0.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,0.25);height:64px;}
.asv-nav__brand{font-family:'Bodoni Moda','Bodoni MT',Georgia,serif;font-style:italic;font-weight:400;color:#fff;font-size:clamp(16px,1.6vw,22px);text-decoration:none;letter-spacing:.01em;white-space:nowrap;}
.asv-nav__links{display:flex;align-items:center;gap:clamp(20px,2.6vw,40px);list-style:none;margin:0;padding:0;}
.asv-nav__links a{color:rgba(255,255,255,0.85);text-decoration:none;font-weight:300;font-size:clamp(13px,1vw,15.5px);letter-spacing:.03em;transition:color .25s ease,opacity .25s ease;position:relative;}
.asv-nav__links a:hover{color:#fff;}
.asv-nav__links a::after{content:'';position:absolute;left:0;bottom:-6px;width:0;height:1px;background:#fff;transition:width .3s ease;}
.asv-nav__links a:hover::after{width:100%;}
.asv-nav__toggle{display:none;background:transparent;border:none;cursor:pointer;padding:8px;width:34px;height:34px;flex-direction:column;justify-content:center;gap:5px;z-index:1001;}
.asv-nav__toggle span{display:block;width:100%;height:1.5px;background:#fff;transition:transform .3s ease,opacity .3s ease;}
.asv-nav__toggle.is-active span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.asv-nav__toggle.is-active span:nth-child(2){opacity:0;}
.asv-nav__toggle.is-active span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
.asv-nav__mobile{position:fixed;inset:0;z-index:999;background:rgba(78,0,12,0.97);backdrop-filter:blur(14px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;opacity:0;visibility:hidden;transition:opacity .35s ease;}
.asv-nav__mobile.is-open{opacity:1;visibility:visible;}
.asv-nav__mobile a{color:#fff;font-family:'Bodoni Moda',Georgia,serif;font-style:italic;font-size:28px;text-decoration:none;}
@media (max-width:860px){ .asv-nav__links{display:none;} .asv-nav__toggle{display:flex;} }
html{scroll-behavior:smooth;}

/* --- Fix responsive: texto del hero sobre la cara --- */
@media (max-width:640px){
  .asv-hero__gradient{
    background:linear-gradient(to top,
      rgb(107,0,16) 4.201%,
      rgba(107,0,16,0) 32%,
      rgba(107,0,16,0) 66%,
      rgba(69,0,10,0.55) 84%,
      rgba(69,0,10,0.72) 100%
    ) !important;
  }
  .asv-hero__intro{
    padding:10px 14px !important;
    border-radius:14px;
    text-shadow:0 2px 10px rgba(0,0,0,0.35);
  }
}
@media (max-width:400px){
  .asv-hero__intro{ font-size:14px !important; line-height:1.4 !important; }
}

/* --- Animaciones tipo Apple/Tesla en secciones (fade+scale suave al entrar) --- */
.asv-reveal-section{opacity:0;transform:translateY(48px) scale(.985);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);will-change:opacity,transform;}
.asv-reveal-section.is-visible{opacity:1;transform:translateY(0) scale(1);}
@media (prefers-reduced-motion:reduce){ .asv-reveal-section{transition:none;opacity:1;transform:none;} }
</style>
<nav class="asv-nav" id="asv-nav">
  <a href="#asv-hero" class="asv-nav__brand">Ana Sofía Vélez</a>
  <ul class="asv-nav__links">
    <li><a href="#asv-hero">Inicio</a></li>
    <li><a href="#asv-about">Sobre mí</a></li>
    <li><a href="#asv-carousel">Proyectos</a></li>
    <li><a href="#asv-contacto">Contacto</a></li>
  </ul>
  <button type="button" class="asv-nav__toggle" id="asv-nav-toggle" aria-label="Abrir menú">
    <span></span><span></span><span></span>
  </button>
</nav>
<div class="asv-nav__mobile" id="asv-nav-mobile">
  <a href="#asv-hero">Inicio</a>
  <a href="#asv-about">Sobre mí</a>
  <a href="#asv-carousel">Proyectos</a>
  <a href="#asv-contacto">Contacto</a>
</div>
<script>
(function(){
  var nav = document.getElementById('asv-nav');
  var toggle = document.getElementById('asv-nav-toggle');
  var mobile = document.getElementById('asv-nav-mobile');
  function onScroll(){
    if (window.scrollY > 40) nav.classList.add('is-solid');
    else nav.classList.remove('is-solid');
  }
  window.addEventListener('scroll', onScroll, { passive: true });
  onScroll();
  if (toggle && mobile) {
    toggle.addEventListener('click', function(){
      mobile.classList.toggle('is-open');
      toggle.classList.toggle('is-active');
    });
    mobile.querySelectorAll('a').forEach(function(a){
      a.addEventListener('click', function(){ mobile.classList.remove('is-open'); toggle.classList.remove('is-active'); });
    });
  }

  /* Asignar IDs de anclaje a las secciones existentes (no requieren tocar el HTML de Elementor) */
  document.addEventListener('DOMContentLoaded', function(){
    var hero = document.querySelector('.asv-hero');
    var about = document.querySelector('.asv-about');
    if (hero && !hero.id) hero.id = 'asv-hero';
    if (about && !about.id) about.id = 'asv-about';

    /* Animaciones de entrada tipo Apple/Tesla para secciones que aun no tienen su propio scroll-reveal */
    /* (el carrusel ya tiene su propia animacion incorporada en su snippet, no se toca aqui) */
    var targets = [];
    if (about) targets.push(about);
    var contact = document.getElementById('asv-contacto');
    if (contact) targets.push(contact);

    targets.forEach(function(el){
      if (!el.classList.contains('asv-reveal-section') && !el.classList.contains('is-revealed')) {
        el.classList.add('asv-reveal-section');
      }
    });

    if (typeof IntersectionObserver !== 'undefined') {
      var io = new IntersectionObserver(function(entries){
        entries.forEach(function(entry){
          if (entry.isIntersecting) {
            entry.target.classList.add('is-visible');
            io.unobserve(entry.target);
          }
        });
      }, { threshold: 0.18 });
      document.querySelectorAll('.asv-reveal-section').forEach(function(el){ io.observe(el); });
    } else {
      document.querySelectorAll('.asv-reveal-section').forEach(function(el){ el.classList.add('is-visible'); });
    }
  });
})();
</script>
<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="https://anasofiavelez.com/sitemaps.xsl" ?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"><sitemap>
							<loc>https://anasofiavelez.com/post-sitemap1.xml</loc>
							<lastmod>2026-08-21T20:59:59+00:00</lastmod>
						</sitemap><sitemap>
							<loc>https://anasofiavelez.com/page-sitemap1.xml</loc>
							<lastmod>2026-09-09T22:05:04+00:00</lastmod>
						</sitemap><sitemap>	
							<loc>https://anasofiavelez.com/category-sitemap1.xml</loc>
							<lastmod>2026-09-10T01:30:27+00:00</lastmod>
						</sitemap></sitemapindex>