/*
 * FuturoFood WhatsApp Channel button ([data-wa-channel="<placement>"]):
 * footer of every page, /patrocinadores and the end-of-article newsletter
 * block. Clicks are sent to GA4 as "join_whatsapp_channel" by analytics.js.
 */
.wa-channel-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  background:#25D366;color:#0A0F0A;border:1px solid #25D366;text-decoration:none;
  font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:.8rem 1.3rem;line-height:1.2;text-align:center;transition:background .2s,border-color .2s}
.wa-channel-btn:hover,.wa-channel-btn:focus-visible{background:#1EBE5B;border-color:#1EBE5B;color:#0A0F0A}
.wa-channel-btn:focus-visible{outline:2px solid #E8F5E0;outline-offset:2px}
.wa-ico{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Footer: its own row above the footer content */
.footer-wa{width:100%;max-width:1280px;margin:0 auto;padding:1.5rem 2rem 0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
/* Simple footers that are a single flex row (404, privacy) */
.footer-wa.is-inline{flex-basis:100%;max-width:none;padding:0}
/* Home footer: inside the brand column */
.footer-wa.is-col{padding:0;margin-top:1.5rem}

/* End of article, next to the newsletter form */
.cta-wa{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-top:1.5rem}
.cta-wa-or{font-family:'JetBrains Mono',monospace;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(232,245,224,.45)}

/* /patrocinadores hero */
.hero-wa{margin-top:1.75rem}

@media(max-width:640px){
  .wa-channel-btn{width:100%}
}

/* Reader story tips ([data-story-tip]): end of articles and /boletin.
   Selectors are specific enough to win over each page's own p and a styles. */
.story-tip{margin:2.5rem 0;padding:1.5rem 1.75rem;border:1px solid rgba(232,245,224,.12);border-left:3px solid #F5C842;background:#111A11}
.story-tip p.story-tip-title,.article-content .story-tip p.story-tip-title{font-family:'Playfair Display',Georgia,serif;font-size:1.15rem;font-weight:700;line-height:1.35;color:#E8F5E0;margin:0 0 .5rem}
.story-tip p.story-tip-text,.article-content .story-tip p.story-tip-text{font-family:'DM Sans',system-ui,sans-serif;font-size:.9rem;line-height:1.6;color:rgba(232,245,224,.7);margin:0 0 1rem}
.article-content .story-tip p.story-tip-title::first-letter{font:inherit;float:none;color:inherit;padding:0;line-height:inherit}
.story-tip a.story-tip-btn,.article-content .story-tip a.story-tip-btn{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#F5C842;border:1px solid rgba(245,200,66,.5);padding:.65rem 1rem;text-decoration:none;transition:background .2s,color .2s}
.story-tip a.story-tip-btn:hover,.story-tip a.story-tip-btn:focus-visible,.article-content .story-tip a.story-tip-btn:hover{background:#F5C842;color:#0A0F0A;border-color:#F5C842}