/* Ajustes para publicar MOOD en escritorio, tablet y celular. */
@media (max-width: 980px) {
  .header .hamburger { display:inline-flex; align-items:center; justify-content:center; }
  .nav-wrap { gap:12px; }
  .nav-wrap nav {
    display:none; position:absolute; top:66px; left:0; right:0;
    padding:12px 24px 16px; background:#fff; box-shadow:0 12px 24px #002c4520;
    z-index:29; max-height:calc(100dvh - 66px); overflow-y:auto;
  }
  .nav-wrap nav.open { display:flex; flex-direction:column; gap:0; }
  .nav-wrap nav a { font-size:16px; padding:12px 0; }
}
@media (max-width: 600px) {
  .nav-wrap nav { top:64px; max-height:calc(100dvh - 64px); }
  .hero h1 { font-size:clamp(42px,11vw,62px); letter-spacing:-.06em; }
  .nav-actions { gap:12px; }
}
@media (max-width: 380px) {
  .nav-wrap { width:calc(100% - 24px); }
  .nav-actions { gap:9px; }
  .hero h1 { font-size:clamp(40px,11.5vw,48px); }
  .mood-card { padding:12px; }
  .mood-card h3 { font-size:clamp(22px,6vw,28px); }
}