<header class="cabecera">
  <div class="cabecera__inner">
    <a class="logo" href="/">tu<span>prótesis</span></a>
    <nav class="nav-principal" aria-label="Principal">
      <ul>
        <li><a href="/rodilla/" <%= rutaActual.startsWith('/rodilla') ? 'aria-current="page"' : '' %>>Rodilla</a></li>
        <li><a href="/cadera/" <%= rutaActual.startsWith('/cadera') ? 'aria-current="page"' : '' %>>Cadera</a></li>
        <li><a href="/hombro/">Hombro</a></li>
        <li><a href="/columna/">Columna</a></li>
        <li><a href="/tobillo/">Tobillo</a></li>
        <li><a href="/medicos/">Médicos</a></li>
        <li><a href="/seguros/">Seguros</a></li>
      </ul>
    </nav>
    <a class="btn btn--primario cabecera__cta" href="/mi-protesis/">Mi Prótesis</a>
  </div>
</header>
