/* nav.css — header y footer compartidos por todas las páginas de la web */

nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;justify-content:space-between;
  padding:.8rem 1.5rem;
  background:var(--crema);border-bottom:var(--borde);
}
nav .brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--tinta)}
nav .brand img{height:40px;width:auto;opacity:0;transform:translateY(-10px) scale(.8);transition:opacity .25s,transform .25s}
nav.scrolled .brand img{opacity:1;transform:none}
nav ul{display:flex;gap:.4rem;list-style:none;align-items:center}
nav ul a{
  text-decoration:none;color:var(--tinta);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;
  padding:.45rem .8rem;border:3px solid transparent;border-radius:999px;transition:.15s;white-space:nowrap;
}
nav ul a:hover{border-color:var(--tinta);background:var(--amarillo)}
nav ul a.cta{background:var(--tinta);color:var(--crema);border-color:var(--tinta)}
nav ul a.cta:hover{background:var(--magenta-osc);color:#fff;transform:rotate(-2deg)}
.burger{display:none;background:none;border:var(--borde);border-radius:10px;padding:.4rem .6rem;cursor:pointer;font-family:'Archivo Black',sans-serif;font-size:1rem;background:var(--amarillo)}
@media (max-width:1400px){ /* 9 enlaces: por debajo no caben en una línea */
  nav ul{
    display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;
    background:var(--crema);border-bottom:var(--borde);padding:1rem;gap:.5rem;
  }
  nav ul.open{display:flex}
  nav ul a{display:block;text-align:center;border:var(--borde);border-radius:12px;background:#fff}
  .burger{display:block}
}
@media (max-width:480px){
  nav{padding:.7rem 1rem}
  nav .brand img{height:34px}
}

footer{background:var(--amarillo);border-top:var(--borde);padding:2.2rem 1.5rem;text-align:center}
footer img{height:52px;margin-bottom:1rem}
footer p{font-weight:700;font-size:.9rem}
footer .links{margin-top:.8rem;display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap}
footer .links a{color:var(--tinta);text-decoration:none;border-bottom:3px solid var(--magenta-osc);font-weight:700;font-size:.85rem;text-transform:uppercase}

/* firma de LeukaSoft bajo el pie (multicolor a los 2 s, ver partials/footer.php) */
.dev-credit{background:var(--crema,#FEF8D6);border-top:var(--borde,3px solid #140C10);padding:1rem 1rem;text-align:center}
.dev-credit p{margin:0;font-size:.95rem;color:#5a5055}
#leuka-link{color:#5a5055;text-decoration:none;font-weight:600;transition:color .3s}
#leuka-link:hover{color:var(--magenta-osc,#7E0F3E)}
.leuka-letter{font-weight:800;transition:color .6s ease}