/* Con voz propia — estilos compartidos del blog (índice + artículos) */
:root{
  --rosa:#B76E79;
  --tinta:#5C3038;
  --acento:#DCA6AE;
  --fondo:#F9F0F1;
  --gris:#7A6A6D;
  --borde:#EFDFE1;
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;color:var(--tinta);background:#fff;line-height:1.7}
h1,h2,h3{font-family:'Poppins',sans-serif;line-height:1.3}
a{color:inherit}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}

/* marcador de contenido por confirmar */
.confirmar{outline:2px dashed #D9A13B;outline-offset:4px;border-radius:4px;position:relative}
.confirmar::after{
  content:"✏️ POR CONFIRMAR (Macu)";
  position:absolute;top:-12px;right:-6px;
  background:#FBEED3;color:#8A6414;font-size:.62rem;font-weight:600;
  padding:2px 8px;border-radius:99px;letter-spacing:.05em;
}

/* header */
header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--borde);
}
.nav{display:flex;align-items:center;gap:26px;padding:14px 0}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}
.brand svg{width:36px;height:36px}
.brand span{font-family:'Poppins',sans-serif;font-weight:500;letter-spacing:.13em;font-size:.95rem}
.nav a.link{text-decoration:none;font-size:.9rem;color:var(--gris);transition:color .2s}
.nav a.link:hover{color:var(--rosa)}
.nav a.link.activo{color:var(--rosa);font-weight:500}
.btn{
  display:inline-block;text-decoration:none;font-family:'Poppins',sans-serif;font-weight:500;
  padding:10px 22px;border-radius:99px;font-size:.9rem;transition:transform .15s;
}
.btn:hover{transform:translateY(-1px)}
.btn-primario{background:var(--rosa);color:#fff;box-shadow:0 4px 14px rgba(183,110,121,.35)}
.btn-suave{background:var(--fondo);color:var(--tinta);border:1px solid var(--borde)}
@media (max-width:720px){
  .nav{gap:12px}
  .nav a.link,.nav .btn-suave{display:none}
  .nav .btn-primario{padding:8px 16px;font-size:.83rem}
}

/* ───── índice del blog ───── */
.cabecera-blog{background:var(--fondo);padding:60px 0 48px}
.cabecera-blog h1{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:600}
.cabecera-blog p{color:var(--gris);margin-top:10px;max-width:60ch}
.lista{padding:52px 0 72px}
.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.tarjeta{
  background:#fff;border:1px solid var(--borde);border-radius:16px;padding:26px;
  text-decoration:none;display:flex;flex-direction:column;gap:10px;
  transition:transform .2s, box-shadow .2s;
}
.tarjeta:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(92,48,56,.08)}
.tarjeta .meta{font-size:.75rem;color:var(--gris);letter-spacing:.04em}
.tarjeta h2{font-size:1.08rem;font-weight:600}
.tarjeta p{font-size:.88rem;color:var(--gris)}
.tarjeta .leer{margin-top:auto;padding-top:10px;font-family:'Poppins',sans-serif;font-weight:500;font-size:.85rem;color:var(--rosa)}
.proximos{margin-top:44px;background:var(--fondo);border-radius:16px;padding:26px 30px}
.proximos h3{font-size:.95rem;margin-bottom:10px}
.proximos ul{list-style:none}
.proximos li{font-size:.88rem;color:var(--gris);padding:6px 0;border-bottom:1px dashed var(--borde)}
.proximos li:last-child{border-bottom:none}

/* ───── artículo ───── */
.articulo-cabecera{background:var(--fondo);padding:56px 0 44px}
.articulo-cabecera .miga{font-size:.8rem;color:var(--gris);margin-bottom:16px}
.articulo-cabecera .miga a{color:var(--rosa);text-decoration:none}
.articulo-cabecera h1{font-size:clamp(1.6rem,3.4vw,2.3rem);font-weight:600;max-width:26ch}
.articulo-cabecera .meta{margin-top:14px;font-size:.82rem;color:var(--gris)}
article{padding:48px 0 24px}
.contenido{max-width:720px}
.contenido h2{font-size:1.35rem;font-weight:600;margin:38px 0 14px}
.contenido h3{font-size:1.05rem;font-weight:600;margin:26px 0 10px}
.contenido p{margin-bottom:16px}
.contenido ul,.contenido ol{margin:0 0 16px 22px}
.contenido li{margin-bottom:8px}
.contenido .destacado{
  background:var(--fondo);border-left:4px solid var(--rosa);border-radius:0 12px 12px 0;
  padding:18px 22px;margin:24px 0;font-size:.95rem;
}
.autora{
  max-width:720px;margin:36px auto 0;background:var(--fondo);border-radius:16px;
  padding:22px 26px;display:flex;gap:16px;align-items:center;font-size:.88rem;color:var(--gris);
}
.autora .avatar{
  width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid var(--borde);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  font-family:'Poppins',sans-serif;font-weight:600;color:var(--rosa);font-size:1.1rem;
}
.autora b{color:var(--tinta)}
.cta-final{
  max-width:720px;margin:40px auto 64px;background:var(--tinta);color:#fff;border-radius:18px;
  padding:34px 36px;text-align:center;
}
.cta-final h2{color:#fff;font-size:1.25rem}
.cta-final p{color:#E8CFD4;margin:10px 0 20px;font-size:.92rem}
.cta-final .btn{background:#fff;color:var(--tinta)}

footer{padding:32px 0 26px;border-top:1px solid var(--borde)}
footer .wrap{display:flex;align-items:center;gap:12px;color:var(--gris);font-size:.83rem}
footer svg{width:26px;height:26px}
footer .der{margin-left:auto}
.credito{
  text-align:center;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:rgba(92,48,56,.35);margin-top:18px;
}