/*
 * FuturoFood share buttons — WhatsApp is the primary (most used channel in
 * LATAM), the rest keep each page's outline style. Loaded before the page's
 * own <style>, so selectors here are specific enough to win where needed.
 */
a.share-wa.share-btn,
a.share-wa.share-inline-btn,
a.share-wa.share-side-btn{
  background:#25D366;
  border-color:#25D366;
  color:#0A0F0A;
  font-weight:700;
}
a.share-wa.share-btn:hover,
a.share-wa.share-inline-btn:hover,
a.share-wa.share-side-btn:hover{
  background:#1EBE5B;
  border-color:#1EBE5B;
  color:#0A0F0A;
}
/* End-of-article block: WhatsApp takes the full first row */
.share-inline a.share-wa.share-inline-btn{
  flex:1 1 100%;
  text-align:center;
  font-size:.72rem;
  padding:.95rem 1rem;
}
[data-share]{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none}
.share-side-btn[data-share]{justify-content:flex-start}
button[data-share].is-copied{border-color:#4ADE80;color:#4ADE80}
/* Inside the article body, links are green and underlined; share buttons
   that are links keep the outline style instead */
.share-inline a.share-inline-btn:not(.share-wa){color:var(--mist);border:1px solid var(--border)}
.share-inline a.share-inline-btn:not(.share-wa):hover{color:#4ADE80;border-color:#4ADE80}

/* End-of-article sponsor invitation (links to /patrocinadores) */
.sponsor-band{max-width:1280px;margin:0 auto;padding:1.4rem 2rem;text-align:center;
  border-left:1px solid rgba(232,245,224,.06);border-right:1px solid rgba(232,245,224,.06);border-bottom:1px solid rgba(232,245,224,.10);
  background:#0D150D}
.sponsor-band p{margin:0;font-family:'DM Sans',system-ui,sans-serif;font-size:.92rem;color:rgba(232,245,224,.75);line-height:1.6}
.sponsor-band a{margin-left:.35rem;font-family:'JetBrains Mono',monospace;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4ADE80;text-decoration:none;white-space:nowrap}
.sponsor-band a:hover{text-decoration:underline;text-underline-offset:3px}

/* ── Share row right under the article title ── */
.share-top{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin:-.25rem 0 1.75rem}
.share-top-label{font-family:'JetBrains Mono',monospace;font-size:.6rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(232,245,224,.45);margin-right:.25rem}
.share-top-btn{display:inline-flex;align-items:center;gap:.45rem;font-family:'JetBrains Mono',monospace;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(232,245,224,.8);background:transparent;border:1px solid rgba(232,245,224,.18);padding:.6rem .95rem;cursor:pointer;text-decoration:none;transition:border-color .2s,color .2s,background .2s}
.share-top-btn:hover{border-color:#4ADE80;color:#4ADE80}
a.share-wa.share-top-btn{background:#25D366;border-color:#25D366;color:#0A0F0A;padding:.6rem 1.2rem}
a.share-wa.share-top-btn:hover{background:#1EBE5B;border-color:#1EBE5B;color:#0A0F0A}
.share-ico{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:640px){
  .share-top-label{width:100%}
  a.share-wa.share-top-btn{flex:1 1 100%;justify-content:center;padding:.85rem 1rem;font-size:.7rem}
  .share-top-btn{flex:1 1 auto;justify-content:center}
}

/* ── Phone bar: share + subscribe in one small bar (share.js / capture.js) ── */
.share-dock{display:none}
@media(max-width:960px){
  .share-dock{display:flex;flex-wrap:wrap;position:fixed;left:0;right:0;bottom:0;z-index:89;
    padding:.45rem .5rem calc(.45rem + env(safe-area-inset-bottom));
    background:rgba(10,15,10,.97);border-top:1px solid rgba(232,245,224,.12);backdrop-filter:blur(10px);
    transform:translateY(110%);transition:transform .25s ease}
  .share-dock.is-visible{transform:translateY(0)}
  .dock-row{display:flex;align-items:center;gap:.35rem;width:100%}
  /* three equal buttons + × always fit, whatever the language */
  .dock-btn{flex:1 1 0;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:42px;padding:0 .35rem;
    font-family:'DM Sans',system-ui,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;cursor:pointer;border:1px solid transparent;white-space:nowrap}
  .dock-btn span{overflow:hidden;text-overflow:ellipsis}
  .dock-wa{background:#25D366;color:#0A0F0A}
  .dock-native{background:#E8F5E0;color:#0A0F0A}
  .dock-sub{background:transparent;color:#E8F5E0;border-color:rgba(232,245,224,.28)}
  .dock-sub[hidden]{display:none}
  .dock-close{flex:0 0 auto;width:32px;min-height:42px;background:none;border:none;cursor:pointer;color:rgba(232,245,224,.6);font-size:1.3rem;line-height:1}
  .share-dock .share-ico{width:17px;height:17px}
  body:has(.share-dock){padding-bottom:64px}
}
@media(max-width:374px){.dock-native span{display:none}}
@media(prefers-reduced-motion:reduce){.share-dock{transition:none}}

/* ── Share menu: pops over on desktop, bottom sheet on phones ── */
.share-menu{position:absolute;z-index:130;min-width:210px;display:flex;flex-direction:column;gap:.35rem;padding:.75rem;
  background:#111A11;border:1px solid rgba(232,245,224,.16);box-shadow:0 18px 50px rgba(0,0,0,.6)}
.share-menu.is-sheet{position:fixed;left:0;right:0;bottom:0;top:auto;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-left:none;border-right:none}
.share-menu-title{font-family:'JetBrains Mono',monospace;font-size:.58rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(232,245,224,.5);margin-bottom:.15rem}
.share-menu-item{display:flex;align-items:center;justify-content:flex-start;min-height:42px;padding:.55rem .85rem;
  font-family:'JetBrains Mono',monospace;font-size:.66rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  color:#E8F5E0;background:transparent;border:1px solid rgba(232,245,224,.16);cursor:pointer;text-align:left}
.share-menu-item:hover,.share-menu-item:focus-visible{border-color:#4ADE80;color:#4ADE80;outline:none}
.share-menu-wa{background:#25D366;border-color:#25D366;color:#0A0F0A}
.share-menu-wa:hover,.share-menu-wa:focus-visible{background:#1EBE5B;border-color:#1EBE5B;color:#0A0F0A}
.share-menu.is-sheet .share-menu-item{min-height:48px;font-size:.72rem}

/* ── Share icon on blog / home cards (next to the save heart) ── */
.card-share-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;
  background:transparent;border:none;cursor:pointer;color:rgba(232,245,224,.45);transition:color .2s,transform .15s}
.card-share-btn:hover{color:#4ADE80}
.card-share-btn:active{transform:scale(.88)}
.card-share-btn:focus-visible{outline:2px solid #4ADE80;outline-offset:2px}
.card-share-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* Article byline links to the About page (who reviews each story) */
a.meta-author{text-decoration:none;color:inherit}
a.meta-author:hover .author-name,a.meta-author:focus-visible .author-name{color:#4ADE80}