/* Lectura móvil: cabecera ligera y portada más directa. Escritorio conserva su diseño. */
@media (max-width: 600px) {
  body > header { position: relative; top: auto; backdrop-filter: none; }
  body > header .nav { height: 52px; gap: .5rem; }
  body > header .nav .brand { font-size: 1rem; line-height: 1.15; }
  body > header .nav .brand small { font-size: .6rem; margin-top: .15rem; }
  body > header .menu-btn { width: 44px; height: 44px; flex-basis: 44px; font-size: 1.25rem; }
  body > header .links { top: 52px; max-height: calc(100dvh - 52px); gap: .35rem; padding: .65rem 4vw; }
  body > header .links a { min-height: 44px; }
  body.home-page section { padding: 1.4rem 0; }
  body.home-page .home-hero { padding: 0; }
  body.home-page .home-hero .nacho-copy { padding: 1rem 5vw; }
  body.home-page .home-hero .nacho-copy h1 { font-size: clamp(1.65rem, 6.6vw, 2rem); line-height: 1.08; margin: .45rem 0 .6rem; max-width: none; }
  body.home-page .home-hero .nacho-copy > p { font-size: 1rem; line-height: 1.45; margin: .55rem 0 .65rem; }
  body.home-page .eyebrow { font-size: .65rem; letter-spacing: .12em; }
  body.home-page .home-actions { gap: .5rem; }
  body.home-page .home-hero .home-actions .cta { font-size: .9rem; min-height: 44px; margin-top: 0; padding: .55rem .75rem; gap: .3rem; }
  body.home-page .home-hero .nacho-photo { aspect-ratio: auto; }
  body.home-page .home-hero-image { aspect-ratio: 16 / 9; min-height: 0; }
  body.home-page .hero-story { padding: .75rem 1rem; }
  body.home-page .hero-story a { font-size: 1rem; line-height: 1.25; }
  body.home-page .flavour-strip { padding: .5rem 4vw; gap: .3rem .5rem; font-size: .7rem; line-height: 1.35; }
  body.home-page .section-head { gap: .65rem; margin-bottom: 1rem; }
  body.home-page .section-head h2,
  body.home-page .help-home h2,
  body.home-page .home-feature h2,
  body.home-page .home-about h2,
  body.home-page #sorpresa-portada h2 { font-size: 1.65rem; line-height: 1.15; margin: .4rem 0 .6rem; }
  body.home-page .section-head p,
  body.home-page .help-home p,
  body.home-page .home-feature p,
  body.home-page .review-invitation p { font-size: 1rem; line-height: 1.45; margin: .5rem 0; }
  body.home-page .help-home .wrap { gap: 1rem; }
  body.home-page .cta,
  body.home-page .home-all-stories { min-height: 44px; font-size: .95rem; padding: .6rem .9rem; }
  body.home-page .home-stories { gap: .85rem; }
  body.home-page .home-stories .card { display: grid; grid-template-columns: minmax(88px, 30%) minmax(0, 1fr); min-height: 0; }
  body.home-page .home-stories .card > img { height: 100%; min-height: 150px; aspect-ratio: auto; object-fit: cover; }
  body.home-page .home-card-copy { min-width: 0; padding: .8rem; }
  body.home-page .home-card-copy h3 { font-size: 1.18rem; line-height: 1.2; margin: .4rem 0; }
  body.home-page .home-card-copy p { font-size: .95rem; line-height: 1.4; margin: .25rem 0 .45rem; }
  body.home-page .home-card-copy .tag { font-size: .62rem; line-height: 1.3; }
  body.home-page .home-card-links { gap: 0 .75rem; }
  body.home-page .home-card-links a { display: inline-flex; align-items: center; min-height: 44px; font-size: .9rem; }
  body.home-page .home-recipes { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  body.home-page .home-recipe img { aspect-ratio: 4 / 3; }
  body.home-page .home-recipe > div { padding: .75rem; }
  body.home-page .home-recipe h3 { font-size: 1.1rem; }
  body.home-page .home-recipe p { font-size: .95rem; line-height: 1.4; }
  body.home-page .home-feature img { max-height: 230px; }
  body.home-page .home-about blockquote { font-size: 1.35rem; padding-left: 1rem; }
}
/* Respetar las proporciones completas cuando se amplía la tipografía. */
@media (max-width: 359px) {
  body.home-page .home-stories .card { grid-template-columns: 88px minmax(0, 1fr); }
  body.home-page .home-card-copy { padding: .65rem; }
}

/* Accesos visibles sin abrir el menú. */
.mobile-shortcuts { display:flex; flex-wrap:wrap; justify-content:center; gap:.4rem; width:100%; max-width:none; margin:0 auto .75rem; padding:.85rem 3%; box-sizing:border-box; background:linear-gradient(110deg,#245c55,#36756a); border-top:1px solid #c5a66e; border-bottom:2px solid #c5a66e; box-shadow:0 3px 10px #173e3312; }
.mobile-shortcuts a {display:flex;align-items:center;justify-content:center;min-height:44px;padding:.4rem .75rem;border:1px solid #bca68c;border-radius:999px;background:#f5ead6;color:#71362e;text-decoration:none;font-size:.9rem;font-weight:600;line-height:1.2;text-align:center}
.mobile-shortcuts a:nth-child(3n + 2){background:#eee1ca}
.mobile-shortcuts a:nth-child(3n){background:#faf1e2}
.mobile-shortcuts a[href="/club"]{background:#f1d9a9;color:#174f49;border-color:#c5a66e}
.mobile-shortcuts a:hover{background:#e8d2ad;color:#174f49}
.mobile-shortcuts a:focus-visible{outline:3px solid #b58a3a;outline-offset:3px}
@media(min-width:900px){
 .mobile-shortcuts{flex-wrap:nowrap;gap:clamp(.25rem,.6vw,.6rem);padding-inline:2%}
 .mobile-shortcuts a{white-space:nowrap;min-width:0;padding:.45rem clamp(.35rem,.7vw,.85rem);font-size:clamp(.76rem,1.08vw,.94rem)}
}
body>header .menu-btn,body>header #menu {display:none!important}
@media (max-width: 600px) {
  .mobile-shortcuts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .35rem; width: 100%; margin: 0 auto .55rem; padding:.65rem 4%; }
  .mobile-shortcuts a { display: flex; justify-content: center; align-items: center; min-height: 44px; min-width: 0; padding: .4rem .2rem; border: 1px solid #bca68c; border-radius: 999px; text-decoration: none; font-size: .85rem; font-weight: 600; line-height: 1.2; }
  .mobile-shortcuts a:focus-visible { outline: 3px solid #b58a3a; outline-offset: 2px; }
  body.home-page .home-hero .nacho-copy { padding-top: .45rem; }
}


/* Secondary routes stay available without filling the main navigation. */
.site-secondary-nav{display:flex;flex-wrap:wrap;gap:.25rem 1.1rem;align-items:center;margin:.6rem 0;max-width:100%}
.site-secondary-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;text-underline-offset:3px}
.mobile-shortcuts a[href="/club"]{background:#f5ead6;color:#174f49}