*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Palatino Linotype',Palatino,'Book Antiqua',serif;line-height:1.9;color:#2a2a2a;background:#fefefe}
.astro-AO69UBgL{max-width:640px;margin:0 auto;padding:0 20px}
.astro-Kiiac9Vf{padding:60px 0 40px;border-bottom:1px solid #ccc;margin-bottom:48px}
.astro-Kiiac9Vf h1{font-size:24px;font-weight:400;letter-spacing:-.5px}
.astro-Kiiac9Vf p{font-size:14px;color:#777;margin-top:6px;font-style:italic}
.astro-Kiiac9Vf a{color:#2a2a2a;text-decoration:none;font-size:24px;font-weight:400;letter-spacing:-.5px}
.astro-RPWkEuq9{padding:20px 0}
.astro-RPWkEuq9 h2{font-size:18px;font-weight:400;margin-bottom:4px}
.astro-RPWkEuq9 h2 a{color:#2a2a2a;text-decoration:none;border-bottom:1px solid transparent}
.astro-RPWkEuq9 h2 a:hover{border-bottom-color:#2a2a2a}
.astro-RPWkEuq9 .astro-WCcXq4tx{font-size:12px;color:#aaa;margin-bottom:6px}
.astro-RPWkEuq9 p{font-size:14px;color:#666}
.astro-MAOmfGtA{color:#888;font-size:13px;text-decoration:none}
.astro-MAOmfGtA:hover{color:#2a2a2a}
.astro-luBDpwAE{padding-bottom:60px}
.astro-luBDpwAE h1{font-size:28px;font-weight:400;margin-bottom:8px}
.astro-luBDpwAE .astro-WCcXq4tx{font-size:12px;color:#aaa;display:block;margin-bottom:32px}
.astro-luBDpwAE h2{font-size:21px;font-weight:400;margin:40px 0 12px;border-bottom:1px solid #eee;padding-bottom:6px}
.astro-luBDpwAE h3{font-size:17px;margin:28px 0 8px}
.astro-luBDpwAE p{margin-bottom:18px;font-size:16px}
.astro-luBDpwAE ul,.astro-luBDpwAE ol{margin:0 0 18px 20px}
.astro-luBDpwAE a{color:#555;border-bottom:1px solid #ccc}
.astro-luBDpwAE a:hover{color:#000;border-bottom-color:#000}
.astro-luBDpwAE img{max-width:100%;height:auto;margin:24px 0}
.astro-mgEGSCRF{border-top:1px solid #ddd;padding:20px 0;margin-top:48px;text-align:center;font-size:12px;color:#aaa}
.astro-mgEGSCRF a{color:#aaa;text-decoration:none}
.astro-PvWZI2jB{padding:0 0 16px;margin-bottom:24px;font-size:12px;color:#aaa;font-style:italic;border-bottom:1px solid #eee}
.astro-O2d64UMs{padding:16px 0 0;margin-top:32px;font-size:11px;color:#999;border-top:1px solid #eee}
.astro-qXdOp9Vy{font-size:12px;color:#aaa;margin:-26px 0 32px;font-weight:300}
.astro-9i6iZ6XG{margin:0 auto 32px;max-width:720px}
.astro-N3NjfVE8{width:100%;height:auto}
.astro-wNlE0f8S{margin-top:40px;padding-top:20px;border-top:1px solid #eee;font-size:14px;color:#888}
.astro-wNlE0f8S em{color:#aaa}
.astro-wNlE0f8S a{color:#555;border-bottom:1px solid #ddd;text-decoration:none}
.astro-ERui0qVk{padding:24px 0 0;border-top:1px solid #eee;margin-top:24px}
.astro-ERui0qVk p{padding:3px 0;margin:0;font-size:15px}
.astro-ERui0qVk a{color:#2a2a2a;text-decoration:none;border-bottom:1px solid transparent}
.astro-ERui0qVk a:hover{border-bottom-color:#2a2a2a}
/* === Theme === */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,700;1,9..144,400&family=Nunito:wght@400;600&display=swap');body{font-family:'Nunito',sans-serif;color:#271E16;background:#FCF8F1}.astro-Kiiac9Vf{background:#5A3A28;color:#fff}.astro-Kiiac9Vf h1{font-family:'Fraunces',Georgia,serif;color:#fff}.astro-Kiiac9Vf p{color:rgba(255,255,255,.78)}.astro-Kiiac9Vf a{color:#fff;text-decoration:none}.card h2{font-family:'Fraunces',Georgia,serif}.card h2 a{color:#5A3A28}.card h2 a:hover{color:#4E7C6E}.read-more{color:#4E7C6E}.article-content h1{font-family:'Fraunces',Georgia,serif}.article-content h2{font-family:'Fraunces',Georgia,serif}.article-content a{color:#4E7C6E}.article-content img{border-radius:6px}.affiliate-disclosure{border-radius:6px}.ymyl-disclaimer{border-radius:6px}
/* === Custom === */
/* v.5d5929 — layout revision */
/* Diario de visa — Mariana Quiroga, Arequipa.
   Tinta marrón cálida + jade sereno sobre papel crema; tinta de pluma (ciruela)
   como acento personal en dos gestos: la capitular de la entrada destacada y
   el dinkus que separa los capítulos del diario. Estructura editorial:
   masthead con foto → entrada destacada (héroe) → Selección → El Cuaderno → El Archivo. */

/* ── Webfonts (declaradas como @font-face porque el @import se concatena
      después de reglas y Chromium lo descarta; subconjunto latino cubre el español) ── */
@font-face{
  font-family:'Fraunces';font-style:normal;font-weight:400 700;font-display:swap;
  src:url(https://fonts.gstatic.com/s/fraunces/v38/6NU78FyLNQOQZAnv9bYEvDiIdE9Ea92uemAk_WBq8U_9v0c2Wa0KxC9TeA.woff2) format('woff2');
}
@font-face{
  font-family:'Fraunces';font-style:italic;font-weight:400 700;font-display:swap;
  src:url(https://fonts.gstatic.com/s/fraunces/v38/6NU58FyLNQOQZAnv9ZwNjucMHVn85Ni7emAe9lKqZTnbB-gzTK0K1ChjeveQ.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');
}

:root{
  --primary:#5A3A28;
  --accent:#4E7C6E;
  --moment:#7C4A5C;      /* tinta de pluma — usada solo 2 veces (capitular + dinkus) */
  --bg:#FCF8F1;
  --fg:#271E16;
  --border:#E0CFBB;
  --muted:#6E5849;
  --card:#FAF5EC;
  --card-2:#F5EEDF;
  --gap:2.6rem;
  --r:9px;
  --fh:'Fraunces',Georgia,serif;
  --fb:'Nunito',system-ui,sans-serif;
}

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

html{font-size:18px;scroll-behavior:smooth;}

body{
  font-family:var(--fb);
  font-size:1rem;
  line-height:1.72;
  color:var(--fg);
  background-color:var(--bg);
  margin:0;padding:0;
}

h1,h2,h3,h4,h5,h6{font-family:var(--fh);font-weight:700;line-height:1.22;color:var(--primary);}
p{margin:0 0 1.25em;max-width:68ch;}
a{color:var(--primary);text-decoration:underline;text-underline-offset:3px;transition:color .18s ease;}
a:hover{color:var(--accent);}
strong,b{font-weight:700;}
em,i{font-style:italic;}
img{max-width:100%;height:auto;border-radius:var(--r);}
hr{border:none;border-top:1px solid var(--border);margin:2.5em 0;}
::selection{background-color:rgba(124,74,92,.18);color:var(--fg);}

/* ============================================================
   MASTHEAD (compartido home + artículo)
   ============================================================ */
header.astro-Kiiac9Vf{
  max-width:none;margin:0;
  padding:4.25rem 1.5rem 3.5rem;
  text-align:center;position:relative;
  color:#FBF3E6;
  background:
    linear-gradient(rgba(43,28,20,.74),rgba(43,28,20,.84)),
    url("/theme-assets/header-bg.jpg") center/cover no-repeat;
}
header.astro-Kiiac9Vf::before{
  content:"DIARIO DE VISA · DESDE AREQUIPA";
  display:block;font-family:var(--fb);font-weight:700;
  font-size:.72rem;letter-spacing:.3em;text-transform:uppercase;
  color:rgba(251,243,230,.68);margin-bottom:1.05rem;
}
header.astro-Kiiac9Vf h1{
  font-family:var(--fh);font-style:italic;font-weight:600;
  font-size:2.9rem;line-height:1.06;color:#FDF6EA;
  margin:0 auto .55rem;max-width:18ch;letter-spacing:-.01em;
}
header.astro-Kiiac9Vf h1 em{font-style:normal;}
header.astro-Kiiac9Vf h1::after{
  content:"";display:block;width:56px;height:3px;
  margin:1rem auto 0;background:var(--accent);border-radius:2px;
}
header.astro-Kiiac9Vf p{
  font-family:var(--fh);font-style:italic;font-weight:400;
  font-size:1.06rem;line-height:1.62;color:rgba(251,243,230,.86);
  max-width:52ch;margin:.9rem auto 0;
}
header.astro-Kiiac9Vf a{
  font-family:var(--fh);font-style:italic;font-weight:600;
  font-size:1.95rem;color:#FDF6EA;text-decoration:none;
}
header.astro-Kiiac9Vf a:hover{color:#fff;}
header.astro-Kiiac9Vf a::after{
  content:"";display:block;width:44px;height:2px;
  margin:.6rem auto 0;background:var(--accent);border-radius:2px;
}

/* ============================================================
   HOME — malla editorial de 2 columnas
   (héroe a todo el ancho → Selección → tira El Cuaderno → cuaderno → tira El Archivo)
   ============================================================ */
main.astro-AO69UBgL:not(:has(> article)){
  display:grid;
  /* 6 columnas base: héroe/selección/cuaderno ocupan span 3 (→ 2 por fila, idéntico
     al layout aprobado); la cola El Archivo ocupa span 2 (→ índice de 3 columnas). */
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:var(--gap);
  max-width:1080px;
  margin:5rem auto 6rem;
  padding:0 1.5rem;
  align-items:stretch;
}

/* Tira fotográfica 1 — EL CUADERNO (entre Selección y el cuaderno) */
main.astro-AO69UBgL:not(:has(> article))::before{
  content:"EL CUADERNO";
  order:3;grid-column:1/-1;
  display:flex;align-items:center;justify-content:center;
  min-height:200px;margin:2rem 0;
  font-family:var(--fb);font-weight:700;font-size:.84rem;
  letter-spacing:.34em;text-transform:uppercase;
  color:#FBF3E6;text-shadow:0 1px 4px rgba(0,0,0,.55);
  border-radius:10px;
  background:
    linear-gradient(rgba(20,24,28,.55),rgba(20,24,28,.28)),
    url("/theme-assets/article-cover.jpg") center 30%/cover no-repeat;
}
/* Tira fotográfica 2 — EL ARCHIVO (cierre del feed) */
main.astro-AO69UBgL:not(:has(> article))::after{
  content:"EL ARCHIVO";
  order:5;grid-column:1/-1;
  display:flex;align-items:center;justify-content:center;
  min-height:210px;margin:2rem 0 0;
  font-family:var(--fb);font-weight:700;font-size:.84rem;
  letter-spacing:.34em;text-transform:uppercase;
  color:#FBF3E6;text-shadow:0 1px 4px rgba(0,0,0,.55);
  border-radius:10px;
  background:
    linear-gradient(rgba(30,22,30,.6),rgba(30,22,30,.34)),
    url("/theme-assets/article-cover.jpg") center 72%/cover no-repeat;
}

/* Tarjeta base (cuaderno) */
.astro-RPWkEuq9{
  order:4;
  grid-column:span 3;   /* 3 de 6 columnas → 2 tarjetas por fila (como antes) */
  display:flex;flex-direction:column;
  background:var(--card);
  border:1px solid rgba(90,58,40,.14);
  border-radius:var(--r);
  padding:1.85rem 2rem;
  box-shadow:0 1px 4px rgba(90,58,40,.06);
  margin:0;
  transition:box-shadow .18s ease,transform .18s ease;
}
.astro-RPWkEuq9:hover{box-shadow:0 8px 20px rgba(90,58,40,.11);transform:translateY(-2px);}
.astro-RPWkEuq9 > .astro-WCcXq4tx{
  font-family:var(--fb);font-size:.72rem;font-weight:700;
  letter-spacing:.18em;text-transform:uppercase;color:var(--accent);
  margin:0 0 .7rem;
}
.astro-RPWkEuq9 h2{margin:0 0 .55rem;font-family:var(--fh);font-weight:600;font-size:1.32rem;line-height:1.22;}
.astro-RPWkEuq9 h2 a{color:var(--primary);text-decoration:none;}
.astro-RPWkEuq9 h2 a:hover{color:var(--accent);}
.astro-RPWkEuq9 h2 + p{
  margin:0 0 1.3rem;color:var(--muted);font-size:.98rem;line-height:1.62;max-width:64ch;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.astro-MAOmfGtA{
  margin-top:auto;align-self:flex-start;
  font-family:var(--fb);font-size:.78rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--accent);
  text-decoration:none;border-bottom:2px solid rgba(78,124,110,.4);padding-bottom:2px;
  transition:color .18s ease,border-color .18s ease;
}
.astro-MAOmfGtA:hover{color:var(--primary);border-color:var(--primary);}

/* HÉROE — la entrada más reciente, voz alta */
.astro-RPWkEuq9:first-of-type{
  order:1;grid-column:1/-1;position:relative;overflow:visible;
  background:var(--card-2);
  border:1px solid rgba(90,58,40,.16);
  border-radius:11px;
  padding:2.75rem 3rem 3rem;
  margin-bottom:1rem;
}
.astro-RPWkEuq9:first-of-type:hover{transform:none;box-shadow:0 2px 10px rgba(90,58,40,.08);}
/* M4b — píldora flotante: media etiqueta cruza el borde superior de la tarjeta.
   La tarjeta tiene position:relative + overflow:visible; en móvil main recibe
   padding-top para que overflow-x:hidden no recorte la mitad que sobresale. */
.astro-RPWkEuq9:first-of-type::before{
  content:"ÚLTIMA ENTRADA";
  position:absolute;top:0;left:3rem;transform:translateY(-50%);z-index:2;
  font-family:var(--fb);font-size:.68rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:#FBF3E6;
  background:var(--primary);padding:.4rem .85rem;border-radius:20px;
}
.astro-RPWkEuq9:first-of-type > .astro-WCcXq4tx{font-size:.76rem;margin-bottom:1rem;}
.astro-RPWkEuq9:first-of-type > .astro-WCcXq4tx::after{
  content:" · DIARIO DE MARIANA QUIROGA";color:var(--muted);font-weight:700;
}
.astro-RPWkEuq9:first-of-type h2{font-size:2.6rem;line-height:1.08;margin-bottom:1.05rem;font-weight:700;}
.astro-RPWkEuq9:first-of-type h2 + p{
  -webkit-line-clamp:unset;overflow:visible;display:block;
  font-size:1.22rem;line-height:1.6;color:var(--fg);max-width:60ch;margin-bottom:1.6rem;
}
.astro-RPWkEuq9:first-of-type h2 + p::first-letter{
  font-family:var(--fh);font-weight:700;font-size:3.4em;line-height:.78;
  float:left;color:var(--moment);margin:.04em .12em 0 0;
}
.astro-RPWkEuq9:first-of-type .astro-MAOmfGtA{
  border:1.5px solid var(--accent);border-radius:24px;padding:.6rem 1.4rem;letter-spacing:.1em;
}
.astro-RPWkEuq9:first-of-type .astro-MAOmfGtA:hover{background:var(--accent);color:#FBF3E6;}

/* SELECCIÓN — pareja destacada (tarjetas 2 y 3) con etiqueta a todo el ancho */
.astro-RPWkEuq9:nth-of-type(2),
.astro-RPWkEuq9:nth-of-type(3){
  order:2;margin-top:3.4rem;border-top:2px solid var(--accent);
}
.astro-RPWkEuq9:nth-of-type(2){position:relative;}
.astro-RPWkEuq9:nth-of-type(2)::before{
  content:"SELECCIÓN · PARA LEER PRIMERO";
  position:absolute;left:0;bottom:calc(100% + .85rem);
  width:calc(200% + var(--gap));
  font-family:var(--fb);font-size:.75rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--primary);
  padding-bottom:.55rem;border-bottom:1px solid rgba(90,58,40,.25);
}

/* EL ARCHIVO — índice de revista compacto en 3 columnas (solo títulos), tras la
   segunda tira fotográfica (::after, order 5) y antes del footer. Misma familia
   visual que el cuaderno de arriba (tarjeta crema, borde, radio, sombra y hover
   heredados de .astro-RPWkEuq9), pero más apretada y sin fecha, extracto ni CTA.
   Las últimas 3 tarjetas (nth-of-type n+7) ocupan span 2 de la malla de 6 → una
   fila limpia de 3 columnas sin huecos. La igualdad de altura por fila la da el
   stretch de grid. M7: índice compacto de 3 columnas, no dos columnas anchas. */
.astro-RPWkEuq9:nth-of-type(n+7){
  order:6;grid-column:span 2;   /* 2 de 6 columnas → 3 tarjetas por fila */
  justify-content:flex-start;
  padding:1.15rem 1.35rem;
}
.astro-RPWkEuq9:nth-of-type(n+7) > .astro-WCcXq4tx,
.astro-RPWkEuq9:nth-of-type(n+7) h2 + p,
.astro-RPWkEuq9:nth-of-type(n+7) .astro-MAOmfGtA{display:none;}
.astro-RPWkEuq9:nth-of-type(n+7) h2{
  margin:0;font-family:var(--fh);font-weight:600;font-size:.98rem;line-height:1.3;
}

/* ── M7 (arreglo iter 1) — cola real EL ARCHIVO: el <div> hermano que NO es
   tarjeta (contiene sólo <p><a> de título). Sin regla propia caía como celda de
   la malla en order 0 (ANTES del héroe order 1) y span 1 → columna estrecha de
   texto plano bajo el masthead con el resto del ancho vacío (M7); eso también
   rompía el arranque héroe→secciones (S2). Se lleva al final, a todo el ancho, y
   se convierte en índice de revista de 3 columnas con tarjetas crema —misma
   familia visual (papel, borde, radio, sombra, tipografía y hover) que el
   cuaderno de arriba. Selector estructural (no la clase ofuscada nueva): el
   único div hijo de main que no lleva la clase de tarjeta. ── */
main.astro-AO69UBgL:not(:has(> article)) > div:not(.astro-RPWkEuq9){
  order:7;                 /* al final: tras las tarjetas compactas (order 6) y ambas tiras */
  grid-column:1/-1;        /* a todo el ancho, no una columna estrecha */
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px 16px;
  align-items:stretch;     /* misma altura por fila vía stretch de grid */
  margin:2rem 0 0;
  padding:0;
}
main.astro-AO69UBgL:not(:has(> article)) > div:not(.astro-RPWkEuq9) > p{
  margin:0;max-width:none;display:flex;overflow-wrap:break-word;
  background:var(--card);
  border:1px solid rgba(90,58,40,.14);
  border-radius:var(--r);
  box-shadow:0 1px 4px rgba(90,58,40,.06);
  padding:1.05rem 1.3rem;
  transition:box-shadow .18s ease,transform .18s ease;
}
main.astro-AO69UBgL:not(:has(> article)) > div:not(.astro-RPWkEuq9) > p:hover{
  box-shadow:0 8px 20px rgba(90,58,40,.11);transform:translateY(-2px);
}
main.astro-AO69UBgL:not(:has(> article)) > div:not(.astro-RPWkEuq9) > p a{
  font-family:var(--fh);font-weight:600;font-size:.98rem;line-height:1.3;
  color:var(--primary);text-decoration:none;
}
main.astro-AO69UBgL:not(:has(> article)) > div:not(.astro-RPWkEuq9) > p a:hover{color:var(--accent);}

/* ============================================================
   ARTÍCULO
   ============================================================ */
main.astro-luBDpwAE{max-width:720px;margin:0 auto;padding:3.5rem 1.5rem 4rem;}
main.astro-luBDpwAE > h1{
  font-family:var(--fh);font-weight:700;font-size:2.7rem;line-height:1.1;
  color:var(--primary);margin:0 0 .8rem;letter-spacing:-.01em;
}
main.astro-luBDpwAE > .astro-WCcXq4tx{
  display:block;font-family:var(--fb);font-size:.75rem;font-weight:700;
  letter-spacing:.2em;text-transform:uppercase;color:var(--accent);
  margin:0 0 2rem;padding-bottom:1.3rem;border-bottom:1px solid var(--border);
}
main.astro-luBDpwAE > .astro-WCcXq4tx::before{content:"PUBLICADO · ";color:var(--muted);}
/* Ancla de personalidad (S6): firma + ubicación de la persona ya establecida del sitio */
main.astro-luBDpwAE > .astro-WCcXq4tx::after{content:" · POR MARIANA QUIROGA · AREQUIPA";color:var(--muted);}

.astro-luBDpwAE article > img.astro-N3NjfVE8{
  width:100%;max-height:420px;object-fit:cover;border-radius:10px;margin:.5rem 0 2.2rem;
}
.astro-luBDpwAE article img.astro-tN1JZraM{
  width:100%;max-height:340px;object-fit:cover;border-radius:8px;margin:2.4rem 0;
}
.astro-luBDpwAE article > p{
  font-size:1.14rem;line-height:1.8;color:var(--fg);max-width:66ch;margin:0 0 1.4rem;
}
.astro-luBDpwAE article a{
  color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;
}
.astro-luBDpwAE article a:hover{color:var(--primary);}
/* M10 — CTA afiliado /best/: píldora/botón de producto, claramente diferenciado
   del enlace de prosa (jade subrayado). Chip relleno en jade con texto crema; la
   especificidad (clase + atributo + 2 elementos) gana al color del enlace de
   cuerpo, así que el texto nunca queda invisible sobre su fondo. */
.astro-luBDpwAE article a[href^="/best/"]{
  display:inline-block;
  background:var(--accent);color:#FBF3E6;
  font-family:var(--fb);font-weight:700;font-size:.92rem;line-height:1.35;
  text-decoration:none;
  padding:.4em 1.05em;margin:.2em .12em;
  border:1px solid var(--accent);border-radius:10px;
  box-shadow:0 1px 4px rgba(90,58,40,.12);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.astro-luBDpwAE article a[href^="/best/"]:hover{
  background:var(--primary);border-color:var(--primary);color:#FBF3E6;
  box-shadow:0 3px 10px rgba(90,58,40,.18);
}
.astro-luBDpwAE article a[href^="/best/"]::after{
  content:" ↗";font-size:.8em;vertical-align:.06em;color:#FBF3E6;
}

/* H2 con dinkus (segunda y última aparición de la tinta de pluma) */
.astro-luBDpwAE article > h2{
  font-family:var(--fh);font-weight:600;font-size:1.7rem;line-height:1.2;
  color:var(--primary);margin:2.7em 0 .55em;
}
.astro-luBDpwAE article > h2::before{
  content:"✦ ✦ ✦";display:block;text-align:center;
  font-size:.85rem;letter-spacing:.5em;color:var(--moment);margin:0 0 1.1rem;font-weight:400;
}
.astro-luBDpwAE article > h3{
  font-family:var(--fh);font-weight:600;font-size:1.28rem;color:var(--primary);margin:2em 0 .5em;
}
.astro-luBDpwAE article > ul,
.astro-luBDpwAE article > ol{font-size:1.1rem;line-height:1.75;max-width:66ch;margin:0 0 1.5rem;padding-left:1.4rem;}
.astro-luBDpwAE article li{margin-bottom:.55rem;}
.astro-luBDpwAE article li::marker{color:var(--accent);}

.astro-luBDpwAE article blockquote{
  position:relative;margin:2.2em 0;padding:.35em 0 .35em 2.5rem;
  border:0;border-left:3px solid var(--accent);
  font-family:var(--fh);font-style:italic;font-size:1.3rem;line-height:1.5;
  color:var(--primary);background:transparent;
}
.astro-luBDpwAE article blockquote::before{
  content:"\00201C";position:absolute;left:.35rem;top:-.05em;
  font-family:var(--fh);font-size:3rem;line-height:1;color:var(--accent);opacity:.55;
}
.astro-luBDpwAE article blockquote p{margin:0;max-width:none;font-size:inherit;}

/* Nota LSSI de afiliados */
.astro-luBDpwAE article > .astro-PvWZI2jB{
  background:var(--card-2);border:1px solid var(--border);border-left:3px solid var(--accent);
  border-radius:8px;padding:.85rem 1.1rem;margin:1.9rem 0;
  font-size:.82rem;line-height:1.55;color:var(--muted);
}
.astro-luBDpwAE article > .astro-PvWZI2jB em{font-style:italic;}

/* Aviso personal "Para que lo sepas" — tinta de pluma, la firma de su voz */
.astro-luBDpwAE .astro-O2d64UMs{
  display:block;margin:2.8rem 0 .5rem;padding:1.35rem 1.6rem;
  background:rgba(124,74,92,.08);
  border:1px solid rgba(124,74,92,.24);border-left:4px solid var(--moment);
  border-radius:9px;font-size:.96rem;line-height:1.65;color:var(--fg);
}
.astro-luBDpwAE .astro-O2d64UMs b{color:var(--moment);font-weight:700;}

/* Módulo "Seguir leyendo" */
.astro-luBDpwAE nav.astro-wNlE0f8S{
  margin-top:3.5rem;padding:1.8rem 2rem;
  background:var(--card);border:1px solid var(--border);border-radius:10px;
}
.astro-luBDpwAE nav.astro-wNlE0f8S:not(:has(a)){display:none;}
.astro-luBDpwAE nav.astro-wNlE0f8S::before{
  content:"SEGUIR LEYENDO";display:block;
  font-family:var(--fb);font-size:.74rem;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--accent);
  margin-bottom:.9rem;padding-bottom:.7rem;border-bottom:1px solid var(--border);
}
.astro-luBDpwAE nav.astro-wNlE0f8S p{margin:0;font-size:.95rem;line-height:1.75;color:var(--fg);}
.astro-luBDpwAE nav.astro-wNlE0f8S em{display:none;}
.astro-luBDpwAE nav.astro-wNlE0f8S a{
  color:var(--primary);text-decoration:none;font-weight:600;
  border-bottom:1px solid rgba(90,58,40,.22);
}
.astro-luBDpwAE nav.astro-wNlE0f8S a:hover{color:var(--accent);}

/* ============================================================
   FOOTER
   ============================================================ */
footer.astro-mgEGSCRF{
  background:var(--primary);color:rgba(251,243,230,.75);
  text-align:center;padding:2.6rem 1.5rem;margin-top:4rem;
  font-family:var(--fb);font-size:.85rem;line-height:1.7;
}
footer.astro-mgEGSCRF a{color:rgba(251,243,230,.92);text-decoration:underline;text-underline-offset:3px;}
footer.astro-mgEGSCRF a:hover{color:#fff;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:760px){
  main.astro-AO69UBgL:not(:has(> article)){grid-template-columns:1fr;gap:2rem;margin:3rem auto 4rem;}
  /* 1 columna en móvil: anula los span 3 / span 2 para que no generen columnas
     implícitas y todas las tarjetas se apilen limpias a todo el ancho. */
  main.astro-AO69UBgL:not(:has(> article)) > .astro-RPWkEuq9{grid-column:auto;}
  .astro-RPWkEuq9{padding:1.5rem 1.5rem;}
  .astro-RPWkEuq9:first-of-type{padding:2rem 1.6rem 2.2rem;}
  /* píldora flotante alineada al padding reducido de la tarjeta en móvil */
  .astro-RPWkEuq9:first-of-type::before{left:1.6rem;}
  .astro-RPWkEuq9:first-of-type h2{font-size:2rem;}
  .astro-RPWkEuq9:first-of-type h2 + p{font-size:1.1rem;}
  .astro-RPWkEuq9:nth-of-type(2),
  .astro-RPWkEuq9:nth-of-type(3){margin-top:2.7rem;}
  .astro-RPWkEuq9:nth-of-type(2)::before{width:100%;}
  main.astro-AO69UBgL:not(:has(> article))::before,
  main.astro-AO69UBgL:not(:has(> article))::after{min-height:150px;}
  /* índice EL ARCHIVO: 3→2 columnas cuando la malla principal colapsa a 1 col */
  main.astro-AO69UBgL:not(:has(> article)) > div:not(.astro-RPWkEuq9){
    grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;
  }
}

@media(max-width:600px){
  html{font-size:16px;}
  header.astro-Kiiac9Vf{padding:3rem 1.15rem 2.5rem;}
  header.astro-Kiiac9Vf h1{font-size:2.1rem;}
  header.astro-Kiiac9Vf a{font-size:1.65rem;}
  main.astro-luBDpwAE{padding:2.25rem 1.15rem 3rem;}
  main.astro-luBDpwAE > h1{font-size:2rem;}
  .astro-luBDpwAE article > p{font-size:1.08rem;}
  .astro-luBDpwAE article > h2{font-size:1.45rem;}
  /* índice EL ARCHIVO: 2→1 columna en móvil estrecho (títulos largos legibles) */
  main.astro-AO69UBgL:not(:has(> article)) > div:not(.astro-RPWkEuq9){
    grid-template-columns:1fr;
  }
}


/* 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; }
  /* M4b: cuando main tiene overflow-x:hidden el eje-y pasa a auto y recortaría la
     mitad superior de la píldora flotante; el padding-top la aloja DENTRO del
     border-box de main (zona de padding) para que nunca se recorte. */
  main.astro-AO69UBgL:not(:has(> article)) { padding-top: 22px; }
}


/* 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;
  }
}


/* premium-upgrade v1 */
/* premium editorial upgrade — style=Racquet-moody overlay=25% grid=asymmetric scale=dramatic family=flat-divs */


/* ── 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: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: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: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: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;
}

/* ── flat-divs family: cards 5 & 6 also get photo headers ── */
:root main:not(:has(> h1)) > div:nth-of-type(5) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-strip-1.webp") no-repeat center top / 100% 180px,
    var(--bg) !important;
}
:root main:not(:has(> h1)) > div:nth-of-type(6) {
  padding: 200px 32px 32px !important;
  border-radius: 8px;
  background:
    url("/theme-assets/premium-hero-strip-2.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: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: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: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: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))::before,
  :root main:not(:has(> h1))::after { min-height: 240px; }
  :root main:has(> h1) > article > p:first-of-type::first-letter { font-size: 60px; }
}