*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.75;color:#333;background:#f0f2f5}
.Grid_block__09DGO{max-width:860px;margin:0 auto;padding:0 20px}
.Banner_body__TXU1J{background:#fff;padding:28px 0;margin-bottom:32px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.Banner_body__TXU1J h1{font-size:22px;font-weight:700;margin-bottom:2px}
.Banner_body__TXU1J p{font-size:14px;color:#666}
.Banner_body__TXU1J a{color:#333;text-decoration:none;font-size:18px;font-weight:700}
.Hero_section__FW7pS{display:flex;flex-direction:column;gap:20px}
.Layout_main__xawvG{background:#fff;border-radius:12px;box-shadow:0 1px 6px rgba(0,0,0,.06);padding:24px 28px;transition:transform .15s,box-shadow .15s}
.Layout_main__xawvG:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.Layout_main__xawvG h2{font-size:19px;margin-bottom:6px}
.Layout_main__xawvG h2 a{color:#1a1a1a;text-decoration:none}
.Layout_main__xawvG .Sidebar_area__7GMxj{font-size:12px;color:#999;margin-bottom:8px}
.Layout_main__xawvG p{font-size:14px;color:#555;margin-bottom:12px}
.Layout_section__YHEJ7{display:inline-block;background:#5865f2;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none}
.Layout_section__YHEJ7:hover{background:#4752c4}
.Grid_link__ICrgq{padding-bottom:60px}
.Grid_link__ICrgq h1{font-size:30px;font-weight:700;margin-bottom:8px}
.Grid_link__ICrgq time{font-size:12px;color:#999;display:block;margin-bottom:24px}
.Grid_link__ICrgq h2{font-size:22px;margin:32px 0 12px}
.Grid_link__ICrgq h3{font-size:18px;margin:24px 0 8px}
.Grid_link__ICrgq p{margin-bottom:16px}
.Grid_link__ICrgq ul,.Grid_link__ICrgq ol{margin:0 0 16px 24px}
.Grid_link__ICrgq a{color:#5865f2}
.Grid_link__ICrgq img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
.Footer_row__kBjnW{padding:24px 0;margin-top:40px;text-align:center;font-size:12px;color:#999}
.Footer_row__kBjnW a{color:#999;text-decoration:none}
.Wrapper_box__HGahk{background:#e8eaf0;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#888;font-style:italic}
.Main_wrap__rflwu{background:#fff8e1;border-radius:8px;padding:12px 16px;margin-top:24px;font-size:12px;color:#9e8600}
.Content_link__cGa7Y{display:inline-block;background:#f0f2f7;border-radius:12px;padding:4px 12px;margin:-18px 0 24px;font-size:12px;color:#777}
.Header_item__DnSzS{text-align:center;margin:0 0 24px}
.Content_wrap__kJ94S{max-width:100%;height:auto;border-radius:12px}
.Layout_root__l778e{margin-top:32px;padding-top:20px;border-top:1px solid #e0e0e0}
.Layout_root__l778e h3{font-size:16px;font-weight:700;margin-bottom:12px}
.crd-related-list{display:flex;flex-direction:column;gap:8px}
.crd-related-link{display:block;background:#fff;border-radius:8px;padding:10px 14px;color:#333;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.06);font-size:14px}
.crd-related-link:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}
.Post_title__JmZZe{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.Layout_block__3MaJ7{display:block;background:#fff;border-radius:8px;padding:10px 16px;color:#1a1a1a;text-decoration:none;box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:15px}
.Layout_block__3MaJ7:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}
/* === Theme === */
:root{--primary:#4F6B3A;--accent:#C28A1A;--bg:#EDF0E6;--fg:#2A2A1E;--border:#B0B89A;--r:6px;--fb:'Nunito';--fh:'Barlow Condensed'}
/* === Custom === */
/* v.256303 — layout revision */
/* fm-kimchi-es · Micelio Raíz — Boletín de cultivo casero (persona: Julián, Cali).
   Signature = agronomy field-bulletin: olive nameplate + mushroom monogram + Fraunces-italic
   manifesto, one loud featured "reseña", a labelled Selección band, and a chronological diario.
   Live build = Next-style modules (Banner_body / Hero_section / Layout_main / Layout_section /
   Grid_link / Post_title) — stable class names, safe to target. Theme-assets 404 on this site,
   so the two section breaks are gradient bands (MÁS ABAJO / LEER MÁS), not photo strips.
   Type: Barlow Condensed (display+meta) · Nunito (body) · Fraunces italic (manifesto+quotes). */

/* --- Fonts: the top-of-file @import is dropped at deploy (rules precede it), so declare
   @font-face directly or the whole site renders in system fallbacks. --- */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lwz3bWuQ.woff2) format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873z3bWuQ.woff2) format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/barlowcondensed/v13/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2z3bWuQ.woff2) format('woff2');}
@font-face{font-family:'Nunito';font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXV3I6Li01BKofINeaB.woff2) format('woff2');}
@font-face{font-family:'Nunito';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/nunito/v32/XRXK3I6Li01BKofIMPyPbj8d7IEAGXNirXAHjaba.woff2) format('woff2');}
@font-face{font-family:'Fraunces';font-style:italic;font-weight:500 600;font-display:swap;src:url(https://fonts.gstatic.com/s/fraunces/v38/6NU58FyLNQOQZAnv9ZwNjucMHVn85Ni7emAe9lKqZTnbB-gzTK0K1ChjeveQ.woff2) format('woff2');}

:root{
  --primary:#4F6B3A; --accent:#C28A1A; --bg:#EDF0E6; --fg:#2A2A1E; --border:#B0B89A;
  --moment:#7A5A3C;              /* per-site moment colour — used in exactly 2 places */
  --paper:#f7f1e4;              /* warm off-white card surface (never #fff) */
  --paper-2:#faf5ec;           /* featured card surface */
  --r:8px;
  --fb:'Nunito', system-ui, -apple-system, sans-serif;
  --fh:'Barlow Condensed', 'Arial Narrow', Georgia, serif;
  --fd:'Fraunces', Georgia, serif;
  --col-w:62ch;
}

/* ---------- Base ---------- */
body{ font-family:var(--fb); font-size:1rem; line-height:1.65; color:var(--fg); background-color:var(--bg); margin:0; padding:0; }
h1,h2,h3,h4{ font-family:var(--fh); color:var(--fg); line-height:1.15; font-weight:600; }
a{ color:var(--primary); text-decoration:underline; text-underline-offset:3px; }
a:hover{ color:var(--accent); }
hr{ border:none; border-top:2px solid var(--border); margin:2rem 0; }
::selection{ background:var(--accent); color:#faf5ec; }

/* ============================================================
   MASTHEAD — olive nameplate + mushroom monogram + manifesto
   (shared by home <h1> and article <span><a>)
   ============================================================ */
.Banner_body__TXU1J{
  background:var(--primary);
  padding:26px 0 22px;
  margin-bottom:40px;
  box-shadow:none;
  border-bottom:4px solid var(--accent);
}
.Banner_body__TXU1J > .Grid_block__09DGO{
  position:relative;
  padding-left:76px;
  min-height:54px;
}
.Banner_body__TXU1J > .Grid_block__09DGO::before{
  content:"";
  position:absolute; left:20px; top:0;
  width:54px; height:54px;
  background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'><circle cx='22' cy='22' r='21' fill='%234F6B3A' stroke='%23C28A1A' stroke-width='2'/><path d='M9 23c0-7 6-12 13-12s13 5 13 12c0 1.6-1.3 2.5-3 2.5H12c-1.7 0-3-.9-3-2.5z' fill='%23EDF0E6'/><path d='M18.5 26h7l-1.1 10.5c-.2 1.8-4.6 1.8-4.8 0z' fill='%23EDF0E6'/><path d='M15 20c1.6-2.8 4.8-4.3 7-4.3' fill='none' stroke='%234F6B3A' stroke-width='1.6' stroke-linecap='round'/></svg>") center/contain no-repeat;
}
.Banner_body__TXU1J h1,
.Banner_body__TXU1J span a{
  font-family:var(--fh);
  font-size:2rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.06em; line-height:1.05;
  color:var(--bg); text-decoration:none; margin:0;
}
.Banner_body__TXU1J span{ display:block; }
/* home tagline reframed as the signature Fraunces-italic manifesto */
.Banner_body__TXU1J p{
  font-family:var(--fd); font-style:italic;
  font-size:1rem; line-height:1.4;
  color:rgba(237,240,230,0.84);
  max-width:60ch; margin:6px 0 0;
}
/* article masthead: give the standalone wordmark an edition kicker for parity */
.Banner_body__TXU1J:has(span a) > .Grid_block__09DGO::after{
  content:"Boletín de cultivo casero\0000A0·\0000A0Cali";
  display:block; margin-top:5px;
  font-family:var(--fh); font-size:0.72rem; font-weight:600;
  letter-spacing:0.18em; text-transform:uppercase;
  color:rgba(237,240,230,0.6);
}

/* ============================================================
   HOMEPAGE — featured → Selección band → gradient break → diario
   (Hero_section only exists on the homepage, so no article leakage)
   ============================================================ */
.Hero_section__FW7pS{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:34px 24px;
  align-items:stretch;
}

/* base card: warm paper, print-adjacent hairline (kills template #fff + glossy shadow) */
.Hero_section__FW7pS > .Layout_main__xawvG{
  background:var(--paper);
  border:1px solid var(--border);
  border-radius:var(--r);
  box-shadow:0 1px 4px rgba(42,42,30,0.05);
  padding:24px 32px;
  display:flex; flex-direction:column;
}
.Hero_section__FW7pS > .Layout_main__xawvG:hover{
  transform:translateY(-2px);
  box-shadow:0 4px 16px rgba(42,42,30,0.10);
}
/* card date kicker */
.Hero_section__FW7pS .Layout_main__xawvG .Sidebar_area__7GMxj{
  font-family:var(--fh); font-size:0.74rem; font-weight:600;
  text-transform:uppercase; letter-spacing:0.16em;
  color:var(--accent); margin-bottom:10px; line-height:1.4;
}
/* card title */
.Hero_section__FW7pS > .Layout_main__xawvG h2{
  font-family:var(--fh); font-size:1.32rem; font-weight:600;
  text-transform:uppercase; letter-spacing:0.02em; line-height:1.12;
  margin:0 0 10px;
}
.Hero_section__FW7pS > .Layout_main__xawvG h2 a{ color:var(--fg); text-decoration:none; }
.Hero_section__FW7pS > .Layout_main__xawvG h2 a:hover{ color:var(--primary); }
/* card excerpt — clamped to 3 lines so a row stays even (Rule D) */
.Hero_section__FW7pS > .Layout_main__xawvG > p:not(.Sidebar_area__7GMxj){
  font-size:0.98rem; line-height:1.6; color:var(--fg);
  max-width:64ch; margin:0 0 16px;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
  flex:1;
}

/* card CTA — quiet editorial link (was an identical olive/blurple pill on every card).
   font-size:0 hides the English "Read Article"; ::after supplies the Spanish label. */
.Layout_section__YHEJ7{
  display:inline-block; background:none; border:none; padding:0;
  border-radius:0; margin-top:auto; font-size:0; text-decoration:none;
}
.Layout_section__YHEJ7::after{
  content:"Leer la reseña\0000A0\002192";
  font-family:var(--fh); font-size:0.84rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.05em; color:var(--primary);
}
.Layout_section__YHEJ7:hover::after{ color:var(--accent); }

/* ---- FEATURED (card 1): the one loud voice ---- */
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1){
  grid-column:1 / -1;
  background:var(--paper-2);
  border:1px solid var(--border);
  border-top:5px solid var(--primary);
  padding:34px 40px 36px;
}
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) > .Sidebar_area__7GMxj{
  font-family:var(--fh); font-size:0.8rem; font-weight:600;
  text-transform:uppercase; letter-spacing:0.16em; color:var(--accent); margin-bottom:12px;
}
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) > .Sidebar_area__7GMxj::before{
  content:"Reseña destacada\0000A0·\0000A0";
}
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) > .Sidebar_area__7GMxj::after{
  content:"\0000A0·\0000A0Por Julián\0000A0·\0000A05 min de lectura"; color:var(--fg);
}
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) h2{
  font-family:var(--fh); font-size:2.5rem; font-weight:700;
  line-height:1.02; text-transform:uppercase; margin:0 0 14px;
}
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) > p:not(.Sidebar_area__7GMxj){
  font-size:1.18rem; line-height:1.5; color:var(--fg); max-width:58ch;
  display:block; -webkit-line-clamp:none; overflow:visible;
}
/* drop cap — MOMENT COLOUR #1 of 2 */
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) > p:not(.Sidebar_area__7GMxj)::first-letter{
  float:left; font-family:var(--fh); font-weight:700; font-size:3.6rem;
  line-height:0.78; padding:6px 12px 0 0; color:var(--moment);
}
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) .Layout_section__YHEJ7{
  margin-top:18px; padding:10px 24px;
  border:2px solid var(--accent); border-radius:24px;
}
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) .Layout_section__YHEJ7::after{
  content:"Leer la reseña completa\0000A0\002192"; color:var(--accent);
}
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) .Layout_section__YHEJ7:hover{ background:var(--accent); }
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) .Layout_section__YHEJ7:hover::after{ color:#faf5ec; }

/* ---- SELECCIÓN band (cards 2–4): three across, full-row label above ---- */
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(n+2):nth-of-type(-n+4){
  grid-column:span 2;
  margin-top:3rem;
  border-top:3px solid var(--accent);
}
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(2){ position:relative; }
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(2)::before{
  content:"Selección del cultivador\0000A0—\0000A0empieza por aquí";
  position:absolute; left:0; bottom:calc(100% + 0.8rem);
  font-family:var(--fh); font-size:0.92rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.1em; color:var(--fg);
  white-space:nowrap;
  border-bottom:2px solid var(--moment);   /* MOMENT COLOUR #2 of 2 */
  padding-bottom:4px;
}

/* ---- GRADIENT BREAK "MÁS ABAJO" (before the diario, above card 5) ---- */
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(5),
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(6){ margin-top:184px; }
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(5){ position:relative; }
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(5)::before{
  content:"Más abajo\0000A0·\0000A0El diario, en orden de escritura";
  position:absolute; left:0; bottom:calc(100% + 26px);
  width:calc(200% + 24px); height:120px; overflow:hidden; box-sizing:border-box;
  display:flex; align-items:center; justify-content:center; text-align:center;
  border-radius:var(--r);
  background:linear-gradient(rgba(28,36,22,.82),rgba(28,36,22,.60)),linear-gradient(115deg,var(--primary),#33461f);
  color:#EDF0E6; font-family:var(--fh); font-size:0.86rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.32em; padding:0 24px;
  text-shadow:0 1px 3px rgba(0,0,0,.45);
}

/* ---- DIARIO grid (cards 5+): two across, consistent treatment ---- */
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(n+5){ grid-column:span 3; }
/* lone tail card: centre it in the row instead of pinning left (Rule 4 balance) */
.Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(n+5):nth-of-type(odd):last-child{
  grid-column:2 / 6;
}

/* ============================================================
   COMPACT TAIL (Post_title / Layout_block) — full-width archive index
   ============================================================ */
.Post_title__JmZZe{
  display:block; columns:2; column-gap:44px;
  max-width:min(760px,92vw); margin:96px auto 0;
}
/* ---- GRADIENT BREAK "LEER MÁS" (above the archive index) ---- */
.Post_title__JmZZe::before{
  content:"Leer más\0000A0·\0000A0Del archivo";
  column-span:all; display:flex; align-items:center; justify-content:center; overflow:hidden;
  box-sizing:border-box; height:130px; margin-bottom:40px; border-radius:var(--r);
  background:linear-gradient(rgba(32,28,18,.80),rgba(32,28,18,.52)),linear-gradient(115deg,#5c4a2a,var(--accent));
  color:#faf5ec; font-family:var(--fh); font-size:0.84rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.32em; text-align:center; padding:0 24px;
  text-shadow:0 1px 3px rgba(0,0,0,.45);
}
.Post_title__JmZZe > a.Layout_block__3MaJ7{
  background:none; box-shadow:none; border:none;
  border-bottom:1px dotted rgba(42,42,30,.28); border-radius:0;
  break-inside:avoid; display:block;
  padding:12px 0; margin:0;
  font-family:var(--fh); font-size:1.06rem; font-weight:600;
  text-transform:uppercase; letter-spacing:0.02em; line-height:1.25;
  color:var(--fg); text-decoration:none;
}
.Post_title__JmZZe > a.Layout_block__3MaJ7:hover{ color:var(--accent); }

/* footer: tie the base of the page back to the masthead accent */
.Footer_row__kBjnW{ border-top:3px solid var(--primary); margin-top:56px; }

/* ============================================================
   ARTICLE PAGE (main.Grid_block.Grid_link) — bulletin kicker, byline,
   olive links, dinkus dividers, hanging-quote blockquote, inline CTA.
   Two class units out-weigh the template's descendant pairs.
   ============================================================ */
.Grid_block__09DGO.Grid_link__ICrgq > h1{
  font-family:var(--fh); font-size:2.7rem; line-height:1.05;
  text-transform:uppercase; letter-spacing:0.01em; color:var(--fg); margin-bottom:6px;
}
.Grid_block__09DGO.Grid_link__ICrgq > h1::before{
  content:"Boletín de cultivo\0000A0·\0000A0reseña";
  display:block; font-family:var(--fh); font-size:0.8rem; font-weight:600;
  letter-spacing:0.16em; text-transform:uppercase; color:var(--accent); margin-bottom:10px;
}
.Grid_block__09DGO.Grid_link__ICrgq > time{
  color:var(--primary); font-weight:600; letter-spacing:0.04em;
}
.Grid_block__09DGO.Grid_link__ICrgq > time::after{
  content:"\0000A0·\0000A0Por Julián\0000A0·\0000A0Sala de cultivo, Cali\0000A0·\0000A0Notas de campo";
  color:#7a7a68;
}
/* body measure + breathing (Rule H) */
.Grid_block__09DGO.Grid_link__ICrgq article p,
.Grid_block__09DGO.Grid_link__ICrgq article li{
  font-size:1.06rem; line-height:1.78; max-width:var(--col-w);
}
.Grid_block__09DGO.Grid_link__ICrgq article h2{
  font-family:var(--fh); font-size:1.7rem; font-weight:600;
  text-transform:none; letter-spacing:0.01em;
  border-bottom:2px solid var(--border); padding-bottom:0.25rem;
  margin:2.4em 0 0.7em;
}
/* dinkus above each section heading */
.Grid_block__09DGO.Grid_link__ICrgq article h2::before{
  content:"⁂"; display:block; text-align:center;
  font-size:1.3rem; letter-spacing:0.3em; color:var(--accent);
  border:none; margin:0 0 0.5rem; font-weight:400;
}
.Grid_block__09DGO.Grid_link__ICrgq article h3{
  font-family:var(--fh); font-size:1.2rem; font-weight:600;
  text-transform:none; margin:1.8em 0 0.4em;
}
/* body links olive; inline /pick/ affiliate = warm strong link (NOT a pill — it sits mid-sentence) */
.Grid_block__09DGO.Grid_link__ICrgq article a{ color:var(--primary); }
.Grid_block__09DGO.Grid_link__ICrgq article a:hover{ color:var(--accent); }
.Grid_block__09DGO.Grid_link__ICrgq article a[href^="/pick/"]{
  color:var(--accent); font-weight:700;
  text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:2px;
  background:rgba(194,138,26,0.10); padding:0.02em 0.28em; border-radius:3px;
}
.Grid_block__09DGO.Grid_link__ICrgq article a[href^="/pick/"]:hover{
  color:#faf5ec; background:var(--accent);
}
/* hanging-quote blockquote */
.Grid_block__09DGO.Grid_link__ICrgq blockquote{
  position:relative; border-left:4px solid var(--accent);
  margin:1.6rem 0; padding:0.6rem 1.25rem 0.6rem 2.4rem;
  background:rgba(194,138,26,0.07); border-radius:0 var(--r) var(--r) 0;
  font-family:var(--fd); font-style:italic; color:var(--fg);
}
.Grid_block__09DGO.Grid_link__ICrgq blockquote::before{
  content:"\00201C"; position:absolute; left:0.5rem; top:-0.1rem;
  font-family:var(--fd); font-size:2.6rem; line-height:1; color:var(--accent);
}
.Header_item__DnSzS img.Content_wrap__kJ94S{
  border:1px solid var(--border); border-radius:var(--r);
}
/* related-articles cards at article foot — kill template #fff */
.crd-related-list a.crd-related-link{
  background:var(--paper); border:1px solid var(--border); border-radius:var(--r);
}
.crd-related-list a.crd-related-link:hover{ border-color:var(--accent); }

/* ============================================================
   MOBILE
   ============================================================ */
@media (max-width:680px){
  .Hero_section__FW7pS{ grid-template-columns:1fr; gap:28px; }
  /* triple :nth-of-type = (0,5,0): also resets the picks band + centred tail card + big gaps */
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(n):nth-of-type(n):nth-of-type(n){
    grid-column:1 / -1; margin-top:0;
  }
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(1) h2{ font-size:1.9rem; }
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(2){ margin-top:2.4rem; }
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(2)::before{
    position:static; display:block; bottom:auto; white-space:normal; margin:0 0 12px;
  }
  /* MÁS ABAJO band → normal-flow full-width block */
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(5){ margin-top:150px; }
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(5)::before{
    content:"Más abajo\0000A0·\0000A0El diario";
    width:100%; height:104px; bottom:calc(100% + 20px);
    letter-spacing:0.2em; font-size:0.78rem; flex-wrap:wrap; line-height:1.4;
  }
  .Post_title__JmZZe::before{ letter-spacing:0.2em; flex-wrap:wrap; line-height:1.4; }
  .Post_title__JmZZe{ columns:1; margin-top:72px; }
  .Grid_block__09DGO.Grid_link__ICrgq > h1{ font-size:2.05rem; }
  .Banner_body__TXU1J > .Grid_block__09DGO{ padding-left:60px; }
  .Banner_body__TXU1J > .Grid_block__09DGO::before{ width:42px; height:42px; left:16px; }
  .Banner_body__TXU1J h1, .Banner_body__TXU1J span a{ font-size:1.7rem; }
}


/* related-articles-nav-fix v1 */
:root main > nav p,
:root main > section p {
  line-height: 1.85;
  margin: 0;
}
:root main > nav a,
:root main > section a {
  display: inline-block;
  margin: 0 4px;
  padding: 0 2px;
}


/* mobile-overflow-fix v1 */
:root html, :root body { overflow-x: hidden; max-width: 100%; }
@media (max-width: 920px) {
  :root main > * { max-width: 100%; }
  :root main { overflow-x: hidden; }
}


/* mobile-overflow-fix v2 */
@media (max-width: 640px) {
  :root main,
  :root main > article,
  :root main > div,
  :root main > section,
  :root main > nav {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
  }
  :root main > article > *,
  :root main > div > *,
  :root main > section > *,
  :root main > nav > * {
    max-width: 100%;
  }
  :root main h1,
  :root main h2,
  :root main h3,
  :root main h4 {
    overflow-wrap: break-word;
    word-break: normal;
  }
  /* Any 3+ col grid inside main → 1 col on mobile */
  :root main :is(ul, ol, section, div, nav)[style*="grid-template-columns"],
  :root main > section > ul,
  :root main > nav > ul,
  :root main > div > ul {
    grid-template-columns: 1fr !important;
  }
  /* Any CSS multi-column layout → 1 col on mobile */
  :root main :is(ul, ol, section, div, p) {
    columns: 1;
  }
  /* Article body images stay inside viewport */
  :root main img,
  :root main figure {
    max-width: 100%;
    height: auto;
  }
}


/* mobile-padding-fix v1 */
@media (max-width: 640px) {
  :root main {
    padding-left: 20px;
    padding-right: 20px;
  }
}


/* refix iter1: M6 photo strips + M7 archive-tail card frames */
@media (min-width: 681px) {
  :root main:not(:has(> h1)) > div:first-of-type > div:nth-of-type(5),
  :root main:not(:has(> h1)) > div:first-of-type > div:nth-of-type(6) {
    margin-top: 288px;
    position: relative;
  }
  :root main:not(:has(> h1)) > div:first-of-type > div:nth-of-type(5)::before {
    content: "Más abajo\0000A0·\0000A0El diario, en orden de escritura";
    position: absolute;
    left: 0;
    height: 220px;
    width: calc(200% + 24px);
    bottom: calc(100% + 34px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    border-radius: var(--r);
    background:
      linear-gradient(rgba(20, 24, 18, .60), rgba(20, 24, 18, .40)),
      url("/theme-assets/premium-hero-strip-1.webp") center 44% / cover no-repeat,
      linear-gradient(115deg, var(--primary), #33461f);
    font-family: var(--fh);
    font-size: .86rem;
    font-weight: 700;
    letter-spacing: .32em;
    line-height: 1.4;
    padding: 0 24px;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
    text-transform: uppercase;
    color: #faf5ec;
  }
}
:root main:not(:has(> h1)) > :is(div, section, p):not(:first-child):has(> a[href]) {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px 16px;
  align-items: stretch;
  columns: initial;
  column-count: auto;
  column-gap: normal;
  width: 100%;
  max-width: none;
  margin: 112px auto 0;
}
:root main:not(:has(> h1)) > :is(div, section, p):not(:first-child):has(> a[href])::before {
  content: "Leer más\0000A0·\0000A0Del archivo";
  grid-column: 1 / -1;
  column-span: all;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
  height: 220px;
  margin: 0 0 34px;
  border-radius: var(--r);
  background:
    linear-gradient(rgba(32, 28, 18, .62), rgba(32, 28, 18, .42)),
    url("/theme-assets/premium-hero-strip-2.webp") center 52% / cover no-repeat,
    linear-gradient(115deg, #5c4a2a, var(--accent));
  font-family: var(--fh);
  font-size: .84rem;
  font-weight: 700;
  letter-spacing: .32em;
  line-height: 1.4;
  padding: 0 24px;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
  text-transform: uppercase;
  color: #faf5ec;
}
:root main:not(:has(> h1)) > :is(div, section, p):not(:first-child):has(> a[href]) > a[href] {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  height: 100%;
  min-height: 100%;
  break-inside: auto;
  background: var(--paper);
  border: 1px solid var(--border);
  border-radius: var(--r);
  box-shadow: 0 1px 4px rgba(42, 42, 30, .05);
  padding: 20px 22px;
  margin: 0;
  font-family: var(--fh);
  font-size: 1.06rem;
  font-weight: 600;
  letter-spacing: .02em;
  line-height: 1.25;
  text-decoration: none;
  text-transform: uppercase;
  color: var(--fg);
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, color .16s ease;
}
:root main:not(:has(> h1)) > :is(div, section, p):not(:first-child):has(> a[href]) > a[href]:hover {
  color: var(--primary);
  border-color: var(--accent);
  box-shadow: 0 4px 16px rgba(42, 42, 30, .10);
  transform: translateY(-2px);
}

@media (max-width: 640px) {
  :root main:not(:has(> h1)) > div:first-of-type > div:nth-of-type(5) {
    margin-top: 254px;
  }
  :root main:not(:has(> h1)) > div:first-of-type > div:nth-of-type(5)::before {
    content: "Más abajo\0000A0·\0000A0El diario";
    height: 200px;
    width: 100%;
    bottom: calc(100% + 28px);
    letter-spacing: .18em;
    flex-wrap: wrap;
  }
  :root main:not(:has(> h1)) > :is(div, section, p):not(:first-child):has(> a[href]) {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 92px;
  }
  :root main:not(:has(> h1)) > :is(div, section, p):not(:first-child):has(> a[href])::before {
    height: 200px;
    margin-bottom: 28px;
    letter-spacing: .18em;
  }
  :root main:not(:has(> h1)) > :is(div, section, p):not(:first-child):has(> a[href]) > a[href] {
    padding: 19px 20px;
  }
}


/* premium-upgrade v1 */
/* premium editorial upgrade — style=Monocle-Swiss overlay=25% grid=equal scale=balanced family=astro-grid */

/* ── HERO STRIPS: site-level atmospheric photos (overlay 25%) ── */
:root main:not(:has(> h1)) > div:has(> div)::before {
  background:
    linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.25) 100%),
    url("/theme-assets/premium-hero-strip-1.webp") center 40% / cover no-repeat;
  min-height: 340px; padding-bottom: 26px; align-items: flex-end;
  text-shadow: 0 1px 12px rgba(0,0,0,0.55); color: #fff;
}
:root main:not(:has(> h1)) > div:has(> div)::after {
  background:
    linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 55%, rgba(0,0,0,0.25) 100%),
    url("/theme-assets/premium-hero-strip-2.webp") center 45% / cover no-repeat;
  min-height: 340px; padding-bottom: 26px; align-items: flex-end;
  text-shadow: 0 1px 12px rgba(0,0,0,0.55); color: #fff;
}


/* ── CARD 1: featured full-row with 300px photo header (via card-own background, NOT ::before —
    leaves ::before free for existing site's M2 label / meta content). ── */
:root main:not(:has(> h1)) > div:has(> div) > div:nth-of-type(1) {
  grid-column: 1 / -1;
  position: relative;      /* anchor for existing site's ::before label if it uses absolute */
  overflow: visible;       /* let above-card labels render without clipping */
  padding: 320px 44px 40px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-card-1.webp") no-repeat center top / 100% 300px,
    var(--bg) !important;
  margin-top: 60px !important;  /* room for above-card M2 label (existing site convention) */
}

/* ── CARDS 2-4: medium with 180px photo header (background technique, ::before untouched) ── */
:root main:not(:has(> h1)) > div:has(> div) > div:nth-of-type(2) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-card-2.webp") no-repeat center top / 100% 180px,
    var(--bg) !important;
}
:root main:not(:has(> h1)) > div:has(> div) > div:nth-of-type(3) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-card-3.webp") no-repeat center top / 100% 180px,
    var(--bg) !important;
}
:root main:not(:has(> h1)) > div:has(> div) > div:nth-of-type(4) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-card-4.webp") no-repeat center top / 100% 180px,
    var(--bg) !important;
}

/* ── Article page: drop cap + dinkus dividers ── */
:root main:has(> h1) > article > p:first-of-type::first-letter {
  font-family: var(--fh), Georgia, serif;
  font-size: 76px; line-height: 0.9; color: var(--primary);
  float: left; margin: 6px 12px 0 0; padding: 0; font-weight: 400;
}
:root main:has(> h1) > article > h2 + p ~ h2::before {
  content: "✦ ✦ ✦";
  display: block; text-align: center; color: var(--accent);
  font-size: 12px; letter-spacing: 0.3em; margin-bottom: 24px;
  font-weight: 400;
}

/* ── Mobile responsive: adjust photo heights via background-size on the card itself ── */
@media (max-width: 720px) {
  :root main:not(:has(> h1)) > div:has(> div) > div:nth-of-type(1) {
    padding: 240px 22px 28px !important;
    background:
      url("/theme-assets/premium-hero-card-1.webp") no-repeat center top / 100% 220px,
      var(--bg) !important;
  }
  :root main:not(:has(> h1)) > div:has(> div) > div:nth-of-type(2) {
    padding: 180px 22px 26px !important;
    background:
      url("/theme-assets/premium-hero-card-2.webp") no-repeat center top / 100% 160px,
      var(--bg) !important;
  }
  :root main:not(:has(> h1)) > div:has(> div) > div:nth-of-type(3) {
    padding: 180px 22px 26px !important;
    background:
      url("/theme-assets/premium-hero-card-3.webp") no-repeat center top / 100% 160px,
      var(--bg) !important;
  }
  :root main:not(:has(> h1)) > div:has(> div) > div:nth-of-type(4) {
    padding: 180px 22px 26px !important;
    background:
      url("/theme-assets/premium-hero-card-4.webp") no-repeat center top / 100% 160px,
      var(--bg) !important;
  }
  :root main:not(:has(> h1)) > div:has(> div)::before,
  :root main:not(:has(> h1)) > div:has(> div)::after { min-height: 240px; }
  :root main:has(> h1) > article > p:first-of-type::first-letter { font-size: 60px; }
}


/* premium-upgrade v4 */
/* premium-upgrade v4 — surgical bundle. Applied 2026-08-30.
   Fixes: M10 CTA / M11 dinkus leak / M4 heights / M9 typography / M5 frames.
   Kills v2 "LATEST" label (proven counterproductive from v2 diagnosis). */

/* ── Kill v2 counterproductive homepage label ── */
:root main:not(:has(> h1))::before { content: none !important; }

/* ── M10: affiliate CTA visibility on article body ── */
:root main:has(> h1) a[href^="/try/"],
:root main:has(> h1) a[href^="/ref/"],
:root main:has(> h1) a[href^="/go/"],
:root main:has(> h1) a[href^="/out/"],
:root main:has(> h1) a[href^="/check/"],
:root main:has(> h1) a[href^="/view/"],
:root main:has(> h1) a[href*="hotmart.com"],
:root main:has(> h1) a[href*="digistore24"],
:root main:has(> h1) a[href*="clickbank"] {
  display: inline-block !important;
  background: var(--primary) !important;
  color: var(--bg) !important;
  padding: 6px 14px !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
}

/* ── M11: prevent dinkus leaking onto article page's first h2 ── */
:root main:has(> h1) > article > h2:first-of-type::before {
  content: none !important;
}

/* ── M4: force equal-height cards via grid stretch + card fill ── */
:root main:not(:has(> h1)) > div:has(> div) {
  align-items: stretch !important;
}
:root main:not(:has(> h1)) > div:has(> div) > div {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
:root main:not(:has(> h1)) > div > article {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
/* also for flat-divs family */
:root main:not(:has(> h1)) > div {
  height: 100% !important;
}

/* ── M9: cap small-title weight so Bebas/Anton counters don't fill in ── */
:root main:not(:has(> h1)) > div > div > h2,
:root main:not(:has(> h1)) > div > div > h2 a,
:root main:not(:has(> h1)) > section > ul > li > a,
:root main:not(:has(> h1)) > div > p > a {
  font-weight: 500 !important;
}

/* ── M5: universal soft frame fallback for card-like elements ── */
:root main:not(:has(> h1)) > div > div,
:root main:not(:has(> h1)) > div > article,
:root main:not(:has(> h1)) > article {
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.05) !important;
}


/* premium-upgrade v5 */
/* premium-upgrade v5 — big M2 band + wider M10 CTA net + M8 breathing. 2026-08-31. */

/* ── M2: PROMINENT full-row label, not the small word v2 tried ── */
:root main:not(:has(> h1))::before {
  content: "◆ LATEST FEATURES ◆" !important;
  display: block !important;
  font-family: var(--fh, "PT Sans"), Georgia, serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0.32em !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 16px 24px 20px !important;
  margin: 0 0 40px !important;
  border-top: 3px solid var(--primary, #333) !important;
  border-bottom: 1px solid var(--border, #ccc) !important;
  color: var(--primary, #333) !important;
  background: transparent !important;
}

/* ── M10: broaden CTA net (Amazon, aff/ path, [target=_blank] product-shaped) ── */
:root main:has(> h1) a[href^="/try/"],
:root main:has(> h1) a[href^="/ref/"],
:root main:has(> h1) a[href^="/go/"],
:root main:has(> h1) a[href^="/out/"],
:root main:has(> h1) a[href^="/check/"],
:root main:has(> h1) a[href^="/view/"],
:root main:has(> h1) a[href^="/aff/"],
:root main:has(> h1) a[href^="/product/"],
:root main:has(> h1) a[href*="hotmart.com"],
:root main:has(> h1) a[href*="digistore24"],
:root main:has(> h1) a[href*="clickbank"],
:root main:has(> h1) a[href*="amazon."],
:root main:has(> h1) a[href*="/track/"],
:root main:has(> h1) a[href*="/link/"],
:root main:has(> h1) a[href*="lstrk.net"],
:root main:has(> h1) a[href*="thrivecart"] {
  display: inline-block !important;
  background: var(--primary) !important;
  color: var(--bg) !important;
  padding: 8px 18px !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  letter-spacing: 0.02em !important;
  margin: 4px 2px !important;
}

/* ── M8: article body breathing ── */
:root main:has(> h1) > article > p {
  line-height: 1.8 !important;
  margin-bottom: 20px !important;
}
:root main:has(> h1) > article > h2 {
  margin-top: 48px !important;
  margin-bottom: 18px !important;
}
:root main:not(:has(> h1)) > div:has(> div) {
  gap: 40px 32px !important;
}


/* ============================================================
   refix iter1 (surgical) — 2026-09-02
   Live DOM verified: home = main>div.Hero_section>div.Layout_main cards;
   article = main.Grid_link > h1 + <article>; affiliate prefix = /pick/.
   Assets: premium-hero-*.webp + article-hero.jpg are LIVE (200); only
   fm-kimchi-es-hero-01.jpg 404s (kept as harmless first fallback layer).
   Fixes ONLY the codex flags: M2 (home-mobile), M6 (home-mobile), M10 (article).
   ============================================================ */

/* ---- M10 (article): render /pick/ affiliate links as a distinct CTA pill.
        The base pass styled them as an inline gold-tint text link, which the
        reviewer did not read as a button — an accent-filled pill is unmistakable.
        NB: article1 (mecheros) carries NO /pick/ link in its body — a genuine
        content gap no CSS can fill; only article2 has the CTA to style. ---- */
:root main:has(> h1) article a[href^="/pick/"]{
  display:inline-block;
  background:var(--accent);
  color:#faf5ec;
  font-family:var(--fh);
  font-size:0.95rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.04em;
  text-decoration:none; text-decoration-thickness:initial; text-underline-offset:0;
  padding:8px 20px; margin:6px 3px; border-radius:24px; line-height:1.25;
  box-shadow:0 1px 4px rgba(42,42,30,0.12);
}
:root main:has(> h1) article a[href^="/pick/"]:hover{
  background:var(--primary); color:#faf5ec;
}

/* ---- M2 + M6 (home-mobile): the triple :nth-of-type rule earlier (spec 0,5,0)
        forces margin-top:0 on every card, collapsing the gaps that the Selección
        label and the "Más abajo" band float into — so both land on top of their
        cards. Re-open each gap at matching specificity (later source order wins)
        and float the band cleanly above its row. ---- */
@media (max-width:680px){

  /* M2 — Selección label = full-width band ABOVE card 2, out of the card frame */
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(2):nth-of-type(n):nth-of-type(n){
    position:relative; margin-top:3.4rem; overflow:visible;
  }
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(2):nth-of-type(n):nth-of-type(n)::before{
    position:absolute; left:0; right:0; bottom:calc(100% + 0.85rem);
    display:block; white-space:normal; text-align:left; margin:0;
    font-size:0.8rem; letter-spacing:0.08em; line-height:1.2;
    padding-bottom:6px; border-bottom:2px solid var(--moment);
  }

  /* M6 — "Más abajo" band = real gap above card 5 + atmospheric photo
     (was a flat dark green block overlapping card 4 with no photo detail) */
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(5):nth-of-type(n):nth-of-type(n){
    position:relative; margin-top:238px; overflow:visible;
  }
  .Hero_section__FW7pS > .Layout_main__xawvG:nth-of-type(5):nth-of-type(n):nth-of-type(n)::before{
    content:"M\00E1s abajo\0000A0\00B7\0000A0El diario";
    position:absolute; left:0; right:0; width:100%;
    height:184px; bottom:calc(100% + 22px);
    display:flex; align-items:center; justify-content:center;
    box-sizing:border-box; overflow:hidden; border-radius:var(--r);
    margin:0; padding:0 22px; text-align:center;
    white-space:normal; flex-wrap:wrap; line-height:1.4; letter-spacing:0.2em;
    background:
      linear-gradient(rgba(20,24,18,.60),rgba(20,24,18,.38)),
      url("/theme-assets/fm-kimchi-es-hero-01.jpg") center 38% / cover no-repeat,
      url("/theme-assets/article-hero.jpg") center 38% / cover no-repeat,
      linear-gradient(115deg,var(--primary),#33461f);
  }
}


/* ============================================================
   refix iter2 (surgical) — 2026-09-02
   Live DOM re-verified against micelioraiz.com:
     home  main > div.Hero_section (18 .Layout_main cards) + div.Post_title (13 anchors)
     art   main.Grid_link > h1 + <article> (…/pick/main affiliate links) + <section> related
   Fixes ONLY the codex flags:
     M6  (home-desktop): both section-break bands DID render at 220px but painted the
         thin/dark article-hero.jpg slice → read as flat banners. Swapped to the wide
         atmospheric premium-hero-strip-*.webp (200 live) + lighter overlay above.
     M10 (article): the /pick/ pill rule (main:has(>h1) …, spec 0,2,4) was out-specified
         by the older inline gold-tint rule (.Grid_block.Grid_link article a[href^="/pick/"],
         spec 0,3,2), so affiliate links read as inline underlined text. Re-assert the pill
         at 0,4,2 (:root + the same two classes) and move it to the olive body colour so it
         reads unmistakably as a button — the M10 rubric accepts a body-colour pill — which
         also removes one scattered-mustard moment (S4 note).
   ============================================================ */
:root .Grid_block__09DGO.Grid_link__ICrgq article a[href^="/pick/"]{
  display:inline-block;
  background:var(--primary);
  color:#faf5ec;
  font-family:var(--fh);
  font-size:0.98rem; font-weight:700;
  text-transform:uppercase; letter-spacing:0.05em;
  text-decoration:none; text-decoration-thickness:initial; text-underline-offset:0;
  padding:9px 22px; margin:8px 3px; border-radius:26px; line-height:1.2;
  box-shadow:0 2px 6px rgba(42,42,30,0.18);
}
:root .Grid_block__09DGO.Grid_link__ICrgq article a[href^="/pick/"]:hover{
  background:var(--accent); color:#faf5ec;
}