/* ==========================================================================
   riendaequestrian.com — article-components.css
   Elementos dentro de .article-content (tipografía, listas, tablas, figuras,
   nota, lista de comprobación) + banda de CTA. Tranquilo: líneas finas, marfil,
   verde y cuero.
   ========================================================================== */

.article-content{font-size:var(--t16);line-height:1.75;color:var(--text)}
.article-content > * + *{margin-top:20px}
.article-content p{margin-bottom:0}
.article-content > p:first-child{font-size:var(--t20);line-height:1.6;color:var(--ink)}
.article-content h2{font-size:var(--t31);line-height:1.15;color:var(--ink);margin-top:52px;padding-top:26px;border-top:1px solid var(--line);scroll-margin-top:110px}
.article-content h3{font-size:var(--t25);line-height:1.2;color:var(--ink);margin-top:32px;scroll-margin-top:110px}
.article-content h4{font-family:var(--fb);font-size:var(--t16);font-weight:600;color:var(--ink);margin-top:24px}
.article-content h2 + *,.article-content h3 + *{margin-top:14px}
.article-content strong{font-weight:600;color:var(--ink)}
.article-content a{color:var(--cuero-d);font-weight:600;text-decoration:underline;text-decoration-color:rgba(138,94,53,.4);text-decoration-thickness:1.5px;text-underline-offset:3px}
.article-content a:hover{color:var(--ink);text-decoration-color:var(--ink)}
.article-content ul,.article-content ol{padding-left:1.35em}
.article-content li + li{margin-top:8px}
.article-content li p{margin:0}
.article-content li::marker{color:var(--cuero-d)}

/* Imágenes */
.article-content img{max-width:100%;height:auto;display:block;margin:1.5rem auto;border-radius:var(--r)}
.article-content iframe{max-width:100%;display:block;margin:1.5rem auto;border-radius:var(--r)}
.article-content figure{margin:32px 0 0}
.article-content figure img{margin:0;width:100%;height:auto;max-height:480px;object-fit:cover;object-position:50% 40%;background:#EFE9DC}
.article-content figcaption{font-size:var(--t14);line-height:1.5;color:var(--text);margin-top:10px}

/* Tablas */
.article-content .table-scroll{margin-top:24px;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--white)}
.article-content table{border-collapse:collapse;width:100%;font-size:var(--t14);line-height:1.5}
.article-content thead th{background:#EFE9DC;font-family:var(--fb);font-weight:600;font-size:var(--t14);line-height:1.3;letter-spacing:.02em;text-align:left;padding:12px 16px;color:var(--ink)}
.article-content tbody td,.article-content tbody th{border-top:1px solid var(--line);padding:12px 16px;vertical-align:top;text-align:left}
.article-content tbody th{font-weight:600;color:var(--ink)}
.article-content tbody tr:nth-child(even){background:#FBF9F4}

/* Cita, nota, separador */
.article-content blockquote{margin:32px 0 0;padding:4px 0 4px 22px;border-left:2px solid var(--cuero);font-family:var(--fh);font-size:var(--t25);line-height:1.35;color:var(--ink)}
.article-content .callout{margin-top:28px;padding:20px 24px;background:var(--white);border:1px solid var(--line);border-left:3px solid var(--cuero);border-radius:var(--r)}
.article-content .callout p + p{margin-top:8px}
.article-content hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.article-content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:#EFE9DC;padding:2px 6px;border-radius:var(--r)}

/* Lista de comprobación: marca de línea fina, sin numeración decorativa */
.article-content .check-list{list-style:none;padding-left:0;display:grid;gap:10px}
.article-content .check-list li{position:relative;padding-left:30px}
.article-content .check-list li + li{margin-top:0}
.article-content .check-list li::before{content:"";position:absolute;left:4px;top:.5em;width:12px;height:7px;border-left:2px solid var(--cuero);border-bottom:2px solid var(--cuero);transform:rotate(-45deg)}

/* ---------- Banda de CTA ---------- */
.cta-banner{margin:48px 0 0;padding:28px 32px;border-radius:var(--r);background:var(--verde);color:var(--b-pale,#D9D2C3);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:center}
.cta-banner-title{font-family:var(--fh);font-weight:700;font-size:var(--t25);line-height:1.15;color:var(--marfil);margin:0}
.cta-banner-body{font-size:var(--t14);line-height:1.55;margin:8px 0 0}
.cta-banner a.btn{white-space:nowrap}
.cta-banner--light{background:var(--white);color:var(--text);border:1px solid var(--line)}
.cta-banner--light .cta-banner-title{color:var(--ink)}
.article-content .cta-banner a.btn{text-decoration:none}

@media (max-width:767px){
  .article-content > p:first-child{font-size:var(--t16)}
  .article-content h2{font-size:var(--t25);margin-top:40px;padding-top:20px}
  .article-content .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .article-content .table-scroll table{min-width:540px}
  .cta-banner{grid-template-columns:minmax(0,1fr);padding:24px 20px}
  .cta-banner a.btn{width:100%;white-space:normal;text-align:center}
}