/* ═══════════════════════════════════════════════════════════════
   VENDÚ — GUÍAS.  Necesita base.css cargado antes.

   Página de lectura larga: aquí manda la tipografía y nada más. Sin
   tarjetas, sin cajas de color, sin adornos — quien abre esto viene a
   leer, y cada elemento decorativo es una interrupción.
   ═══════════════════════════════════════════════════════════════ */
.art-cab{border-bottom:1px solid var(--border);padding:52px 0 40px;
  margin-bottom:44px}

.art-volver{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;
  font-size:13.5px;font-weight:700;color:var(--muted);text-decoration:none;
  transition:color .15s ease}
.art-volver svg{width:15px;height:15px;fill:none;stroke:currentColor;
  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.art-volver:hover{color:var(--green-text)}

.art-cat{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:1px;
  text-transform:uppercase;color:var(--green-text);background:var(--green-dim);
  padding:5px 12px;border-radius:999px;margin-bottom:16px}

.art-cab h1{font-size:clamp(29px,3.8vw,44px);font-weight:800;letter-spacing:-1.5px;
  line-height:1.1;text-wrap:balance;max-width:20ch}
.art-lede{margin-top:16px;font-size:18.5px;line-height:1.55;color:var(--muted);
  max-width:52ch;text-wrap:pretty}
.art-fecha{margin-top:20px;font-size:13px;color:var(--faint)}

/* 66 caracteres por línea. Más ancho cansa la vista al volver de una
   línea a la siguiente; más estrecho parte las frases. */
.art-cuerpo{max-width:66ch;padding-bottom:92px}

.art-cuerpo p{font-size:17px;line-height:1.75;color:var(--ink);
  margin-bottom:20px;text-wrap:pretty}
.art-cuerpo h2{font-size:23px;font-weight:800;letter-spacing:-.6px;line-height:1.25;
  margin:44px 0 16px;text-wrap:balance}
.art-cuerpo strong{font-weight:700}

.art-cuerpo ul,.art-cuerpo ol{margin:0 0 20px 24px}
.art-cuerpo li{font-size:17px;line-height:1.72;margin-bottom:11px}
.art-cuerpo li::marker{color:var(--green)}

/* La llamada del final. Va después de la guía, nunca antes: quien
   llegó buscando ayuda merece la ayuda primero. */
.art-cta{margin-top:56px;padding:32px 34px;border-radius:var(--r-lg);
  background:var(--surface2);border:1px solid var(--border)}
.art-cta h2{margin:0 0 8px;font-size:20px;letter-spacing:-.4px}
.art-cta p{margin:0 0 20px;font-size:15.5px;color:var(--muted)}

@media (max-width:640px){
  .art-cab{padding:36px 0 30px;margin-bottom:32px}
  .art-cuerpo p,.art-cuerpo li{font-size:16px}
  .art-cuerpo h2{font-size:20px;margin-top:36px}
  .art-cta{padding:26px 22px}
}
@media print{
  nav,footer,.art-volver,.art-cta{display:none}
  .art-cuerpo{max-width:none}
}