*{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}
.section-a54dd1{max-width:860px;margin:0 auto;padding:0 20px}
.wrapper-678c09{background:#fff;padding:28px 0;margin-bottom:32px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.wrapper-678c09 h1{font-size:22px;font-weight:700;margin-bottom:2px}
.wrapper-678c09 p{font-size:14px;color:#666}
.wrapper-678c09 a{color:#333;text-decoration:none;font-size:18px;font-weight:700}
.panel-80004f{display:flex;flex-direction:column;gap:20px}
.content-524fd0{background:#fff;border-radius:12px;box-shadow:0 1px 6px rgba(0,0,0,.06);padding:24px 28px;transition:transform .15s,box-shadow .15s}
.content-524fd0:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}
.content-524fd0 h2{font-size:19px;margin-bottom:6px}
.content-524fd0 h2 a{color:#1a1a1a;text-decoration:none}
.content-524fd0 .shell-d5fe8d{font-size:12px;color:#999;margin-bottom:8px}
.content-524fd0 p{font-size:14px;color:#555;margin-bottom:12px}
.outer-60aaa6{display:inline-block;background:#5865f2;color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-decoration:none}
.outer-60aaa6:hover{background:#4752c4}
.panel-f875a9{padding-bottom:60px}
.panel-f875a9 h1{font-size:30px;font-weight:700;margin-bottom:8px}
.panel-f875a9 time{font-size:12px;color:#999;display:block;margin-bottom:24px}
.panel-f875a9 h2{font-size:22px;margin:32px 0 12px}
.panel-f875a9 h3{font-size:18px;margin:24px 0 8px}
.panel-f875a9 p{margin-bottom:16px}
.panel-f875a9 ul,.panel-f875a9 ol{margin:0 0 16px 24px}
.panel-f875a9 a{color:#5865f2}
.panel-f875a9 img{max-width:100%;height:auto;border-radius:12px;margin:16px 0}
.sidebar-265a6d{padding:24px 0;margin-top:40px;text-align:center;font-size:12px;color:#999}
.sidebar-265a6d a{color:#999;text-decoration:none}
.footer-a165c6{background:#e8eaf0;border-radius:8px;padding:12px 16px;margin-bottom:20px;font-size:13px;color:#888;font-style:italic}
.block-a977ec{background:#fff8e1;border-radius:8px;padding:12px 16px;margin-top:24px;font-size:12px;color:#9e8600}
.page-fea8a5{display:inline-block;background:#f0f2f7;border-radius:12px;padding:4px 12px;margin:-18px 0 24px;font-size:12px;color:#777}
.nav-274265{text-align:center;margin:0 0 24px}
.widget-bbde91{max-width:100%;height:auto;border-radius:12px}
.panel-e43fd6{margin-top:32px;padding-top:20px;border-top:1px solid #e0e0e0}
.panel-e43fd6 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)}
.frame-989a62{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.outer-60e232{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}
.outer-60e232:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}
/* === Theme === */
@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
:root{--primary:#5C3422;--accent:#C48B30;--bg:#EEEAE0;--fg:#3A2A1E;--border:#C5B9A8;--r:3px;--fb:'IBM Plex Sans';--fh:'Zilla Slab'}
body{font-family:var(--fb),system-ui,sans-serif;color:var(--fg);background:var(--bg)}
.wrapper-678c09{background:var(--primary);color:#fff}
.wrapper-678c09 h1{font-family:var(--fh),Georgia,serif;color:#fff}
.wrapper-678c09 p{color:rgba(255,255,255,.78)}
.wrapper-678c09 a{color:#fff;text-decoration:none}
.card h2{font-family:var(--fh),Georgia,serif}
.card h2 a{color:var(--primary)}
.card h2 a:hover{color:var(--accent)}
.read-more{color:var(--accent)}
.article-content h1{font-family:var(--fh),Georgia,serif}
.article-content h2{font-family:var(--fh),Georgia,serif}
.article-content a{color:var(--accent)}
.article-content img{border-radius:var(--r)}
/* === Custom === */
/* Design ref: Late-1980s IMSS/DIF health pamphlets + Guía Roji cartographic print (~1988 ed.)
   The visual grammar Lucrecia Valdés grew up trusting in Bajío waiting rooms and highway rest stops.
   Palette: deep warm brown (León leather) / amber gold (Guía Roji yellow) / muted off-white paper */

@import url('https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root {
  --primary:  #5C3422;
  --accent:   #C48B30;
  --bg:       #EEEAE0;
  --fg:       #3A2A1E;
  --border:   #C5B9A8;
  --muted:    #8A7B6E;
  --surface:  #E4DFD4;
  --r:        3px;
  --fb:       'IBM Plex Sans', system-ui, -apple-system, sans-serif;
  --fh:       'Zilla Slab', Georgia, serif;
}

/* ── Reset / base ─────────────────────────────────────────────── */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 17px;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: var(--fb);
  color: var(--fg);
  background: var(--bg);
  line-height: 1.65;
  margin: 0;
}

/* ── Global typography ────────────────────────────────────────── */

h1, h2, h3, h4, h5, h6 {
  font-family: var(--fh);
  color: var(--primary);
  line-height: 1.25;
  margin-top: 0;
  font-weight: 600;
}

h1 { font-size: 1.85rem; }
h2 { font-size: 1.45rem; }
h3 { font-size: 1.2rem;  }
h4 { font-size: 1.05rem; }
h5 { font-size: 0.95rem; }
h6 { font-size: 0.88rem; font-weight: 500; }

p {
  margin: 0 0 1.1em;
}

a {
  color: var(--accent);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

a:hover {
  color: var(--primary);
}

strong {
  font-weight: 600;
}

/* ── HR ───────────────────────────────────────────────────────── */

hr {
  border: none;
  border-top: 2px solid var(--border);
  margin: 2rem 0;
}

/* ── Blockquote ───────────────────────────────────────────────── */

blockquote {
  margin: 1.5em 0;
  padding: 1em 1.25em;
  background: var(--surface);
  border-left: 4px solid var(--primary);
  border-radius: var(--r);
  color: var(--fg);
  font-size: 1.02rem;
}

blockquote p:last-child {
  margin-bottom: 0;
}

/* ── Lists ────────────────────────────────────────────────────── */

ul, ol {
  padding-left: 1.4em;
  margin: 0 0 1.1em;
}

li {
  margin-bottom: 0.4em;
  line-height: 1.55;
}

/* ── Selection ────────────────────────────────────────────────── */

::selection {
  background: var(--accent);
  color: #fff;
}

/* ── Hero / site header (.wrapper-678c09) ────────────────────────────── */

.wrapper-678c09 {
  background: var(--primary);
  color: #fff;
  padding: 2.25rem 1.5rem 1.75rem;
}

.wrapper-678c09 h1 {
  font-family: var(--fh);
  color: #fff;
  font-size: 1.65rem;
  font-weight: 700;
  margin-bottom: 0.35rem;
  letter-spacing: 0.01em;
}

.wrapper-678c09 p {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.97rem;
  margin-bottom: 0;
  line-height: 1.5;
}

.wrapper-678c09 a {
  color: #fff;
  text-decoration: none;
}

.wrapper-678c09 a:hover {
  color: var(--accent);
}

/* ── Navigation ───────────────────────────────────────────────── */

nav {
  background: var(--primary);
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

nav a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: none;
  font-size: 0.88rem;
  font-weight: 500;
  padding: 0.4rem 0.75rem;
  display: inline-block;
}

nav a:hover {
  color: var(--accent);
}

/* ── Card grid ────────────────────────────────────────────────── */

.card {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--r);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.card h2 {
  font-family: var(--fh);
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0 0 0.4rem;
  line-height: 1.3;
}

.card h2 a {
  color: var(--primary);
  text-decoration: none;
}

.card h2 a:hover {
  color: var(--accent);
}

.card p {
  color: var(--muted);
  font-size: 0.9rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}

.card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0;
}

/* ── Read-more link ───────────────────────────────────────────── */

.read-more {
  color: var(--accent);
  font-weight: 500;
  font-size: 0.88rem;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  margin-top: auto;
}

.read-more:hover {
  color: var(--primary);
}

/* ── Article content ──────────────────────────────────────────── */

.article-content {
  font-size: 1rem;
  line-height: 1.72;
  color: var(--fg);
}

.article-content h1 {
  font-family: var(--fh);
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 0.65rem;
}

.article-content h2 {
  font-family: var(--fh);
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--primary);
  margin-top: 2.2em;
  margin-bottom: 0.5em;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid var(--border);
}

.article-content h3 {
  font-family: var(--fh);
  font-size: 1.12rem;
  font-weight: 600;
  color: var(--primary);
  margin-top: 1.5rem;
  margin-bottom: 0.35rem;
}

.article-content h4 {
  font-family: var(--fh);
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary);
  margin-top: 1.2rem;
  margin-bottom: 0.3rem;
}

.article-content p {
  margin: 0 0 1.15em;
  line-height: 1.75;
}

.article-content a {
  color: var(--accent);
  font-weight: 500;
}

.article-content a:hover {
  color: var(--primary);
}

.article-content ul,
.article-content ol {
  padding-left: 1.5em;
  margin: 0 0 1.15em;
}

.article-content li {
  margin-bottom: 0.45em;
}

.article-content blockquote {
  margin: 1.75em 0;
  padding: 1.1em 1.4em;
  background: var(--surface);
  border-left: 4px solid var(--primary);
  border-radius: var(--r);
}

.article-content hr {
  border: none;
  border-top: 2px solid var(--border);
  margin: 2rem 0;
}

.article-content img {
  border-radius: var(--r);
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.5rem auto;
}

/* ── Author byline ────────────────────────────────────────────── */

.byline {
  font-size: 0.88rem;
  color: var(--muted);
  margin-bottom: 1.5rem;
}

/* ── Footer ───────────────────────────────────────────────────── */

footer {
  background: var(--primary);
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.85rem;
  padding: 1.75rem 1.5rem;
  margin-top: 3rem;
}

footer a {
  color: rgba(255, 255, 255, 0.85);
  text-decoration: underline;
}

footer a:hover {
  color: var(--accent);
}

/* ── Pagination ───────────────────────────────────────────────── */

.pagination a {
  color: var(--primary);
  border: 1px solid var(--border);
  padding: 0.3em 0.7em;
  border-radius: var(--r);
  text-decoration: none;
  font-size: 0.9rem;
}

.pagination a:hover {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

/* ── Tag chips ────────────────────────────────────────────────── */

.tag {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 500;
  color: var(--primary);
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--r);
  padding: 0.15em 0.5em;
  text-decoration: none;
}

.tag:hover {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

/* === R2 fixes (2026-06-16T15:00:20.378031+00:00) === */

/* Affiliate disclosure — left-border marks it as intentional editorial note */
.footer-a165c6 {
  font-size: 0.9rem;
  border-left: 3px solid #5C3422;
  padding-left: 0.75em;
  opacity: 0.85;
}

/* Stronger bold contrast for scannable list items and inline emphasis */
article p strong,
article li strong {
  font-weight: 700;
  color: inherit;
}

/* Article-page header — more vertical padding for brand presence */
header.wrapper-678c09 {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

/* === R3 fixes (2026-06-16T15:40:19.506376+00:00) === */

/* Selector fix: .article-content p/h2/h3/a rules above target a wrapper that
   does not exist in the rendered HTML; article p/h2/h3/a reaches the real DOM. */

article p {
  line-height: 1.75;
  margin-bottom: 1.15em;
}

article h2 {
  margin-top: 2.2em;
  margin-bottom: 0.5em;
  border-bottom: 2px solid var(--border);
  padding-bottom: 0.25rem;
}

article h3 {
  margin-top: 1.5rem;
  margin-bottom: 0.35rem;
}

article a {
  color: var(--accent);
  font-weight: 500;
}

/* === R4 fixes (2026-06-16T16:20:19.563108+00:00) === */

/* Integrate the lone indigo button into the site's warm palette */
.outer-60aaa6 {
  background-color: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

/* === QA round-1 fixes (2026-07-23T13:02:07+0800) === */

/* Editorial signature pass for Cuido Serena — Lucrecia's Bajío-pamphlet voice.
   Live template class names (content-524fd0, panel-80004f…) are stable across
   deploys and used by the base layer, so they are safe to target with element
   context. Real @font-face needed: the top @import lands after rules and drops. */

@font-face{font-family:'Zilla Slab';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/zillaslab/v12/dFa6ZfeM_74wlPZtksIFajo6_V6LVlA.woff2) format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/zillaslab/v12/dFa5ZfeM_74wlPZtksIFYuUe6HOpW3pwfa0.woff2) format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/zillaslab/v12/dFa5ZfeM_74wlPZtksIFYoEf6HOpW3pwfa0.woff2) format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:italic;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/zillaslab/v12/dFa4ZfeM_74wlPZtksIFaj8K_1SMdFJ6dQ.woff2) format('woff2')}
@font-face{font-family:'Zilla Slab';font-style:italic;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/zillaslab/v12/dFanZfeM_74wlPZtksIFaj8CIHCZWXB3X6_0fw.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(https://fonts.gstatic.com/s/ibmplexsans/v23/zYXzKVElMYYaJe8bpLHnCwDKr932-G7dytD-Dmu1syxeKYbSB4Zh.woff2) format('woff2')}

/* Moment color (rust — used in exactly two spots: hero badge + drop caps) + tokens */
:root{
  --rust:  #B34F2A;
  --card:  #FCFAF6;
  --line:  #DBD1C0;
}

/* ── Masthead (shared) — brown field, amber diamond monogram (Guía Roji nod) ── */
.wrapper-678c09{
  background:
    radial-gradient(120% 150% at 50% -25%, rgba(196,139,48,.22), transparent 62%),
    linear-gradient(180deg,#5C3422 0%,#472619 100%);
  border-bottom:3px solid var(--accent);
  box-shadow:none;
  margin-bottom:34px;
  padding:0;
}
.wrapper-678c09 .section-a54dd1{padding-top:30px;padding-bottom:26px}
.wrapper-678c09 .section-a54dd1::before{
  content:"";display:block;width:30px;height:30px;margin-bottom:12px;
  background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2048%2048'%3E%3Cpolygon%20points='24,3%2045,24%2024,45%203,24'%20fill='none'%20stroke='%23C48B30'%20stroke-width='2.5'/%3E%3Cpolygon%20points='24,14%2034,24%2024,34%2014,24'%20fill='%23C48B30'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Home masthead: centered wordmark + kicker + italic manifesto */
.wrapper-678c09 .section-a54dd1:has(> h1){text-align:center}
.wrapper-678c09 .section-a54dd1:has(> h1)::before{margin-left:auto;margin-right:auto}
.wrapper-678c09 h1{
  font-family:'Zilla Slab',Georgia,serif;font-style:italic;font-weight:600;
  color:#F6EFE2;font-size:2.5rem;line-height:1.05;letter-spacing:.01em;margin:0 0 6px;
}
.wrapper-678c09 h1::before{
  content:"CUIDADO DEL ADULTO MAYOR EN CASA";display:block;
  font-family:'IBM Plex Sans',sans-serif;font-style:normal;font-weight:600;
  font-size:.62rem;letter-spacing:.28em;color:var(--accent);margin-bottom:12px;
}
.wrapper-678c09 p{
  font-family:'Zilla Slab',Georgia,serif;font-style:italic;font-weight:400;
  color:rgba(246,239,226,.74);font-size:1rem;line-height:1.5;
  max-width:48ch;margin:8px auto 0;
}

/* Article masthead: compact left wordmark + smaller diamond */
.wrapper-678c09 .section-a54dd1:has(> span)::before{width:22px;height:22px;margin-bottom:8px}
.wrapper-678c09 span a{
  font-family:'Zilla Slab',Georgia,serif;font-style:italic;font-weight:600;
  color:#F6EFE2;font-size:1.5rem;text-decoration:none;
}
.wrapper-678c09 span a:hover{color:var(--accent)}

/* ── Home feed: editorial grid (hero → picks band → chronological) ── */
.panel-80004f{display:grid;grid-template-columns:repeat(6,1fr);gap:26px 20px}

/* consistent card treatment (the steady rhythm) */
.panel-80004f > .content-524fd0{
  background:var(--card);border:1px solid var(--line);border-radius:6px;
  box-shadow:0 1px 2px rgba(60,42,30,.05);padding:22px 24px;
  display:flex;flex-direction:column;
}
.panel-80004f > .content-524fd0:hover{
  transform:translateY(-2px);box-shadow:0 6px 18px rgba(60,42,30,.10);border-color:#C9BBA4;
}
.panel-80004f > .content-524fd0 .shell-d5fe8d{
  font-family:'IBM Plex Sans',sans-serif;font-size:.66rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:9px;
}
.panel-80004f > .content-524fd0 h2{
  font-family:'Zilla Slab',Georgia,serif;font-weight:600;font-size:1.18rem;
  line-height:1.28;margin:0 0 8px;
}
.panel-80004f > .content-524fd0 h2 a{color:var(--primary);text-decoration:none}
.panel-80004f > .content-524fd0 h2 a:hover{color:var(--accent)}
.panel-80004f > .content-524fd0 p{color:#6E5F50;font-size:.9rem;line-height:1.55;margin:0 0 14px}

/* CTA → outlined pill, swapped to Spanish (text only, no HTML change) */
.panel-80004f > .content-524fd0 > a.outer-60aaa6{
  align-self:flex-start;margin-top:auto;background:transparent;color:var(--primary);
  border:1px solid var(--primary);border-radius:20px;padding:6px 15px;font-size:0;
}
.panel-80004f > .content-524fd0 > a.outer-60aaa6::after{
  content:"Leer artículo →";font-family:'IBM Plex Sans',sans-serif;
  font-size:.74rem;font-weight:600;letter-spacing:.04em;
}
.panel-80004f > .content-524fd0 > a.outer-60aaa6:hover{background:var(--primary);color:#fff}

/* HERO — the loud voice (first card, full width) */
.panel-80004f > .content-524fd0:first-child{
  grid-column:1 / -1;border-left:4px solid var(--accent);
  padding:34px 38px 32px;position:relative;
}
.panel-80004f > .content-524fd0:first-child .shell-d5fe8d{
  display:inline-block;background:var(--rust);color:#FBF3E9;
  padding:3px 11px;border-radius:3px;letter-spacing:.18em;margin-bottom:14px;
}
.panel-80004f > .content-524fd0:first-child .shell-d5fe8d::before{content:"ÚLTIMO · "}
.panel-80004f > .content-524fd0:first-child h2{font-size:2.05rem;line-height:1.14;margin-bottom:0}
.panel-80004f > .content-524fd0:first-child h2::after{
  content:"Por Lucrecia · León, Gto.  ·  Lectura de 6 min";display:block;
  font-family:'IBM Plex Sans',sans-serif;font-style:normal;font-weight:500;
  font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#8A7B6E;
  margin:12px 0 16px;padding-top:12px;border-top:1px solid var(--line);
}
.panel-80004f > .content-524fd0:first-child p:nth-of-type(2){
  font-size:1.06rem;line-height:1.62;color:#4A3A2C;max-width:60ch;
}
.panel-80004f > .content-524fd0:first-child p:nth-of-type(2)::first-letter{
  float:left;font-family:'Zilla Slab',Georgia,serif;font-weight:700;
  font-size:3.3rem;line-height:.8;padding:6px 10px 0 0;color:var(--rust);
}
.panel-80004f > .content-524fd0:first-child > a.outer-60aaa6{padding:9px 22px;border-color:var(--accent)}
.panel-80004f > .content-524fd0:first-child > a.outer-60aaa6::after{content:"Leer el artículo →";font-size:.8rem}

/* EDITOR'S PICKS band — cards 2-4, a change of gear (open list, top rule) */
.panel-80004f > .content-524fd0:nth-child(n+2):nth-child(-n+4){
  grid-column:span 2;margin-top:2.9rem;background:transparent;border:none;
  border-top:2px solid var(--primary);border-radius:0;box-shadow:none;padding:14px 4px 0;
}
.panel-80004f > .content-524fd0:nth-child(n+2):nth-child(-n+4):hover{
  transform:none;box-shadow:none;border-top-color:var(--accent);
}
.panel-80004f > .content-524fd0:nth-child(n+2):nth-child(-n+4) h2{font-size:1.05rem}
.panel-80004f > .content-524fd0:nth-child(n+2):nth-child(-n+4) p{font-size:.84rem;color:#7A6A5B}
.panel-80004f > .content-524fd0:nth-child(n+2):nth-child(-n+4) > a.outer-60aaa6{display:none}
.panel-80004f > .content-524fd0:nth-child(2){position:relative}
.panel-80004f > .content-524fd0:nth-child(2)::before{
  content:"Elegidos para empezar — léelos primero";
  position:absolute;bottom:calc(100% + .9rem);left:0;white-space:nowrap;
  font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:.68rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--primary);
}

/* CHRONOLOGICAL grid — cards 5+, 2 across, its own labelled section */
.panel-80004f > .content-524fd0:nth-child(n+5){grid-column:span 3}
.panel-80004f > .content-524fd0:nth-child(5),
.panel-80004f > .content-524fd0:nth-child(6){margin-top:3rem}
.panel-80004f > .content-524fd0:nth-child(5){position:relative}
.panel-80004f > .content-524fd0:nth-child(5)::before{
  content:"Más artículos recientes";
  position:absolute;bottom:calc(100% + 1rem);left:0;white-space:nowrap;
  font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:.68rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--primary);
}

/* Archive strip — was bare link rows; now a deliberate "Del archivo" index */
.frame-989a62{
  margin-top:3.2rem;border-top:1px solid var(--line);padding-top:1.4rem;gap:0;
}
.frame-989a62::before{
  content:"Del archivo";display:block;
  font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:.68rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--primary);margin-bottom:.6rem;
}
.frame-989a62 > a.outer-60e232{
  background:transparent;box-shadow:none;border-radius:0;
  border-bottom:1px solid var(--line);padding:12px 0 12px 26px;position:relative;
  color:var(--primary);font-family:'Zilla Slab',Georgia,serif;font-weight:500;font-size:1rem;
}
.frame-989a62 > a.outer-60e232::before{
  content:"◆";position:absolute;left:2px;top:12px;color:var(--accent);font-size:.7rem;
}
.frame-989a62 > a.outer-60e232:hover{color:var(--accent);box-shadow:none}

/* ── Article page (.panel-f875a9) ── */
main.panel-f875a9 > h1{
  font-family:'Zilla Slab',Georgia,serif;font-weight:700;font-size:2.4rem;
  line-height:1.12;color:var(--primary);margin-bottom:10px;
}
main.panel-f875a9 > time{
  font-family:'IBM Plex Sans',sans-serif;font-size:.7rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
  display:block;margin-bottom:24px;
}
main.panel-f875a9 > time::after{content:"  ·  Por Lucrecia, León";color:var(--muted)}
main.panel-f875a9 article > p{font-size:1.02rem;line-height:1.75;margin-bottom:1.15em;color:var(--fg)}
main.panel-f875a9 article > p:first-of-type::first-letter{
  float:left;font-family:'Zilla Slab',Georgia,serif;font-weight:700;
  font-size:3.4rem;line-height:.78;padding:6px 10px 0 0;color:var(--rust);
}
main.panel-f875a9 article > h2{
  font-family:'Zilla Slab',Georgia,serif;font-weight:600;font-size:1.5rem;
  color:var(--primary);margin:2.4em 0 .6em;border:none;padding:0;
}
main.panel-f875a9 article > h2::before{
  content:"◆ ◆ ◆";display:block;text-align:center;color:var(--accent);
  font-weight:400;font-size:.7rem;letter-spacing:.5em;margin:0 0 1.1em;
}
main.panel-f875a9 article > h3{
  font-family:'Zilla Slab',Georgia,serif;font-weight:600;font-size:1.16rem;color:var(--primary);
}

/* Inline body links — kill the default blue, fold into palette */
main.panel-f875a9 article a{
  color:var(--primary);text-decoration:underline;text-decoration-color:var(--accent);
  text-decoration-thickness:1px;text-underline-offset:2px;font-weight:600;
}
main.panel-f875a9 article a:hover{color:var(--accent)}

/* Affiliate CTA (/best/…) — the one link meant to look like an action */
main.panel-f875a9 article a[href^="/best/"]{
  display:inline-block;background:var(--primary);color:#FBF3E9;text-decoration:none;
  padding:3px 12px;border-radius:4px;font-weight:600;box-shadow:inset 0 0 0 1px var(--accent);
}
main.panel-f875a9 article a[href^="/best/"]:hover{background:#472619;color:#fff}

/* Hanging-quote blockquote */
main.panel-f875a9 article > blockquote{
  border-left:none;border-top:2px solid var(--accent);background:transparent;
  font-family:'Zilla Slab',Georgia,serif;font-style:italic;font-size:1.15rem;
  color:var(--primary);margin:1.8em 0;padding:1.2em 0 .2em 2.2rem;position:relative;
}
main.panel-f875a9 article > blockquote::before{
  content:"\00201C";position:absolute;left:-2px;top:.12em;
  font-family:'Zilla Slab',Georgia,serif;font-size:3.2rem;line-height:1;color:var(--accent);
}

/* "Nota" disclosure box — was yellow highlight; now cream editorial note */
main.panel-f875a9 .block-a977ec{
  background:var(--surface);color:var(--fg);border:1px solid var(--line);
  border-left:4px solid var(--accent);border-radius:4px;
  padding:14px 18px;margin-top:28px;font-size:.9rem;font-style:normal;
}
main.panel-f875a9 .block-a977ec strong{color:var(--primary)}

/* Related articles */
main.panel-f875a9 .panel-e43fd6{border-top:2px solid var(--line);margin-top:2.6rem;padding-top:1.4rem}
main.panel-f875a9 .panel-e43fd6 h3{
  font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:.72rem;
  letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;
}
main.panel-f875a9 .crd-related-link{
  background:var(--card);border:1px solid var(--line);border-radius:5px;box-shadow:none;
  color:var(--primary);font-family:'Zilla Slab',Georgia,serif;font-weight:500;padding:12px 16px;
}
main.panel-f875a9 .crd-related-link:hover{border-color:var(--accent);color:var(--accent)}

/* Affiliate-disclosure box — was lavender/blue tint; now warm cream */
.footer-a165c6{
  background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--primary);
  border-radius:4px;color:#6E5F50;
}

/* ── Mobile: collapse the grid; every spanning band must reset (implicit-track guard) ── */
@media (max-width:640px){
  .panel-80004f{grid-template-columns:1fr;gap:20px}
  .panel-80004f > .content-524fd0:first-child{grid-column:1 / -1;padding:24px 22px}
  .panel-80004f > .content-524fd0:first-child h2{font-size:1.6rem}
  .panel-80004f > .content-524fd0:nth-child(n+2):nth-child(-n+4){grid-column:1 / -1;margin-top:2.5rem}
  .panel-80004f > .content-524fd0:nth-child(n+5){grid-column:1 / -1}
  .panel-80004f > .content-524fd0:nth-child(5),
  .panel-80004f > .content-524fd0:nth-child(6){margin-top:2.6rem}
  .wrapper-678c09 h1{font-size:1.9rem}
  main.panel-f875a9 > h1{font-size:1.75rem}
}


/* === QA tail polish (2026-07-24T15:35:31.849014+00:00) — style Lambda [SB-20] compact tail across templates === */
/* The tail wrapper is always the LAST block child of <main> on the homepage,
   containing title-only rows of older articles. Various templates use different
   inner structures (ul>li / p / direct <a>) — this handles all three. */

:root main > *:last-child:not(:has(h2)):not(:has(h1)):not(:has(article)) {
  grid-column: 1 / -1;
  max-width: min(720px, 92vw);
  margin: 88px auto 0;
  padding: 40px 0 32px;
  border-top: 2px double rgba(0, 0, 0, .16);
  background: transparent;
  box-shadow: none;
}

:root main > *:last-child:not(:has(h2)):not(:has(h1)):not(:has(article))::before {
  content: "\2014  MORE FROM THE ARCHIVE  \2014";
  display: block;
  text-align: center;
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
  opacity: .5;
  margin-bottom: 36px;
}

/* Any list / paragraph rows: 2-col on desktop, single on mobile */
:root main > *:last-child ul {
  list-style: none;
  padding: 0;
  margin: 0;
  columns: 2;
  column-gap: 48px;
}
@media (max-width: 899px) {
  :root main > *:last-child ul { columns: 1; }
}

:root main > *:last-child li,
:root main > *:last-child > p,
:root main > *:last-child > a {
  padding: 10px 0;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: 15px;
  line-height: 1.4;
  border-bottom: 1px dotted rgba(0, 0, 0, .12);
  break-inside: avoid;
  display: block;
}

:root main > *:last-child li a,
:root main > *:last-child p a,
:root main > *:last-child > a {
  text-decoration: none;
  font-weight: 600;
}

:root main > *:last-child li a:hover,
:root main > *:last-child p a:hover,
:root main > *:last-child > a:hover {
  text-decoration: underline;
}

/* dates (first inline child of li/p) — subtle mono */
:root main > *:last-child p > :first-child,
:root main > *:last-child li > :first-child:not(a) {
  font-family: system-ui, -apple-system, sans-serif;
  font-size: 11px;
  letter-spacing: .1em;
  opacity: .5;
  margin-right: 10px;
}