/* Nuritiva · base compartida (tokens del brand kit + footer) */
:root{
  --crema:#fbf7f4; --tinta:#0f151e; --tinta-suave:#5b616b;
  --habitos:#ffff66; --belleza:#00ff99; --peso:#ff6666;
  --nutricion:#ccff66; --salud:#cc99ff; --mente:#00ffff;
  --titulo:"Momo Trust Display", "Lexend Deca", system-ui, sans-serif;
  --cuerpo:"Lexend Deca", system-ui, sans-serif;
  --borde:clamp(20px,4.5vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--crema); color:var(--tinta); font-family:var(--cuerpo);
  -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
a{color:inherit}

/* Footer: bloque tinta con esquinas redondeadas y Nuri asomándose (como la portada del brand kit) */
.pie{
  position:relative; background:var(--tinta); color:#fff;
  border-radius:clamp(22px,3vw,40px) clamp(22px,3vw,40px) 0 0;
  margin-top:clamp(70px,9vw,120px);
}
.pie-nuri{
  position:absolute; right:clamp(24px,9vw,140px); bottom:100%;
  width:clamp(92px,10vw,140px); height:auto; margin-bottom:-2px;
  transform-origin:50% 100%; animation:asoma 6s ease-in-out infinite;
  pointer-events:none;
}
@keyframes asoma{0%,100%{transform:translateY(4px)}50%{transform:translateY(0)}}
.pie-in{
  max-width:1360px; margin:0 auto;
  padding:clamp(34px,4vw,52px) var(--borde) clamp(26px,3vw,36px);
}
.pie-top{
  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;
  padding-bottom:clamp(24px,3vw,34px); border-bottom:1px solid rgba(255,255,255,.12);
}
.pie-logo img{height:clamp(22px,2.2vw,28px); width:auto; display:block}
.pie-nav{display:flex; flex-wrap:wrap; gap:8px}
.pie-nav a{
  text-decoration:none; font-size:14px; color:rgba(255,255,255,.82);
  padding:9px 16px; border-radius:999px; border:1px solid rgba(255,255,255,.18);
  transition:background .2s, color .2s, border-color .2s;
}
.pie-nav a:hover,.pie-nav a[aria-current]{background:#fff; color:var(--tinta); border-color:#fff}
.pie-bottom{
  display:flex; justify-content:space-between; gap:10px 24px; flex-wrap:wrap;
  padding-top:clamp(18px,2.4vw,24px); font-size:13px; line-height:1.5; color:rgba(255,255,255,.55);
}
@media (max-width:860px){
  .pie-top,.pie-bottom{flex-direction:column; align-items:center; text-align:center}
  .pie-nav{justify-content:center}
  .pie-nuri{right:50%; transform:translateX(50%); animation:none}
}
@media (prefers-reduced-motion:reduce){ .pie-nuri{animation:none} }