:root{
  --ci-green-l:#96c353; --ci-green-m:#4c8522; --ci-green-d:#2c5f15;
  --ci-ink:#12190f; --ci-ink-dim:#5b6a54; --ci-surface:#f4f8ef; --ci-border:#e1ead4;
  --ci-ad:#fbf7ec; --ci-ad-border:#e8dcb8;
  --ci-mono:'JetBrains Mono',monospace; --ci-display:'Bricolage Grotesque',sans-serif; --ci-body:'Newsreader',serif;
}
.ci-article-wrap{max-width:1180px;margin:0 auto;padding:24px 18px 60px;display:flex;flex-direction:column;font-family:var(--ci-body);color:var(--ci-ink);}

/* Bloque de encabezado, ancho completo */
.ci-header-block{max-width:900px;margin-bottom:18px;}
.ci-breadcrumb{font-family:var(--ci-mono);font-size:11px;color:var(--ci-ink-dim);margin-bottom:12px;}
.ci-category{display:inline-block;background:var(--ci-surface);border:1px solid var(--ci-green-m);color:var(--ci-green-d);font-family:var(--ci-mono);font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;letter-spacing:.04em;margin-bottom:14px;}
.ci-h1{font-family:var(--ci-display);font-weight:800;font-size:23px;line-height:1.22;margin:0 0 14px;}
.ci-meta{display:flex;align-items:center;gap:10px;font-family:var(--ci-mono);font-size:12px;color:var(--ci-ink-dim);}

.ci-avatar{border-radius:50%;background:var(--ci-green-l);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--ci-display);font-weight:800;flex-shrink:0;}
.ci-avatar-sm{width:32px;height:32px;font-size:13px;}
.ci-avatar-author{width:44px;height:44px;font-size:16px;}

.ci-columns{display:flex;flex-direction:column;}
.ci-main{min-width:0;}
.ci-hero{width:100%;border-radius:12px;margin-bottom:16px;}
.ci-gnews-btn{display:inline-flex;align-items:center;gap:8px;background:var(--ci-green-d);color:#fff;border:none;border-radius:10px;padding:13px 18px;font-family:var(--ci-mono);font-weight:700;font-size:13px;text-decoration:none;margin-bottom:16px;}
.ci-ad{background:none;border:none;padding:0;text-align:center;margin-bottom:16px;}
.ci-ad-link{display:inline-block;}
.ci-ad-img{width:100%;height:auto;display:block;border-radius:10px;max-width:340px;margin:0 auto;}
.ci-toc{border:1px solid var(--ci-border);border-radius:12px;padding:14px 16px;margin-bottom:20px;}
.ci-toc summary{font-family:var(--ci-mono);font-size:12px;font-weight:700;color:var(--ci-green-d);letter-spacing:.03em;cursor:pointer;}
.ci-toc-list{display:flex;flex-direction:column;gap:8px;margin-top:10px;font-family:var(--ci-mono);font-size:12.5px;}
.ci-content{font-size:17px;line-height:1.75;}
.ci-content p{margin:0 0 18px;}
.ci-content h2{font-family:var(--ci-display);font-weight:800;font-size:21px;margin:26px 0 12px;}
.ci-content blockquote{margin:0 0 18px;padding:2px 0 2px 16px;border-left:3px solid var(--ci-green-m);font-family:var(--ci-body);font-style:italic;font-size:18px;}

.ci-ticker-inline{background:var(--ci-surface);border:1px solid var(--ci-green-m);border-radius:14px;padding:16px;margin:18px 0;}
.ci-ticker-top{display:flex;justify-content:space-between;font-family:var(--ci-mono);font-size:11px;font-weight:700;color:var(--ci-green-d);}
.ci-ticker-live{color:var(--ci-ink-dim);font-weight:400;}
.ci-ticker-price{display:flex;align-items:baseline;gap:10px;margin-top:6px;}
.ci-ticker-num{font-family:var(--ci-display);font-weight:800;font-size:26px;}
.ci-ticker-change{font-family:var(--ci-mono);font-weight:700;font-size:13px;}
.ci-up{color:var(--ci-green-d);} .ci-down{color:#b3261e;}
.ci-ticker-meta{font-family:var(--ci-mono);font-size:10px;color:var(--ci-ink-dim);margin-top:6px;}

.ci-callout-glosario{background:#fff;border:1px dashed var(--ci-border);border-radius:12px;padding:14px 16px;display:flex;gap:10px;align-items:flex-start;color:var(--ci-green-d);margin:18px 0;font-family:var(--ci-mono);font-size:12.5px;}
.ci-callout-glosario span{color:var(--ci-ink-dim);}

.ci-promo{background:var(--ci-ad);border:1px solid var(--ci-ad-border);border-radius:12px;padding:16px;text-align:center;margin:20px 0;}
.ci-promo-title{font-family:var(--ci-display);font-weight:800;font-size:15px;margin-bottom:4px;}
.ci-promo-btn{display:inline-block;background:var(--ci-green-d);color:#fff;font-family:var(--ci-mono);font-weight:700;font-size:12px;padding:9px 16px;border-radius:8px;text-decoration:none;margin-top:6px;}

/* Autor — compacto en móvil */
.ci-author{background:var(--ci-surface);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;margin:22px 0;}
.ci-author-name{font-family:var(--ci-display);font-weight:800;font-size:14px;display:block;margin-bottom:2px;}
.ci-author-bio{font-family:var(--ci-mono);font-size:11px;color:var(--ci-ink-dim);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* Comunidad — botones destacados */
.ci-community{margin:20px 0;}
.ci-community-title{font-family:var(--ci-display);font-weight:800;font-size:15px;margin-bottom:10px;}
.ci-community-btns{display:flex;gap:10px;}
.ci-community-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:14px 10px;font-family:var(--ci-mono);font-weight:700;font-size:12.5px;text-decoration:none;box-shadow:0 3px 10px rgba(18,25,15,.12);transition:transform .12s ease;}
.ci-community-btn:active{transform:scale(.97);}
.ci-community-btn.whatsapp{background:#25D366;color:#fff;}
.ci-community-btn.telegram{background:#229ED9;color:#fff;}

/* Relacionados — tarjetas reales */
.ci-below{margin-top:26px;}
.ci-related-title{font-family:var(--ci-display);font-weight:800;font-size:16px;margin-bottom:14px;}
.ci-related-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch;}
.ci-related-row::-webkit-scrollbar{height:0;}
.ci-card-related{flex:0 0 168px;scroll-snap-align:start;text-decoration:none;color:inherit;background:#fff;border:1px solid var(--ci-border);border-radius:14px;overflow:hidden;box-shadow:0 2px 8px rgba(18,25,15,.05);}
.ci-card-related-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:var(--ci-surface);}
.ci-card-related-body{padding:10px 12px 12px;}
.ci-card-related-cat{display:block;font-family:var(--ci-mono);font-size:9.5px;font-weight:700;color:var(--ci-green-d);letter-spacing:.05em;margin-bottom:4px;}
.ci-card-related-title{font-family:var(--ci-body);font-size:13px;line-height:1.35;color:var(--ci-ink);}

/* Newsletter — más rico visualmente */
.ci-newsletter{position:relative;background:var(--ci-green-d);border-radius:16px;padding:26px 22px;color:#fff;margin:26px 0;overflow:hidden;
  background-image:radial-gradient(circle at 1px 1px, rgba(255,255,255,0.08) 1px, transparent 0);background-size:22px 22px;}
.ci-newsletter-title{font-family:var(--ci-display);font-weight:800;font-size:19px;margin-bottom:8px;max-width:420px;}
.ci-newsletter-pills{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;}
.ci-newsletter-pill{font-family:var(--ci-mono);font-size:10.5px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:5px 11px;}
.ci-newsletter-btn{display:inline-flex;align-items:center;gap:8px;background:var(--ci-green-l);color:var(--ci-green-d);border-radius:9px;padding:12px 20px;font-family:var(--ci-mono);font-weight:700;font-size:13px;text-decoration:none;}

.ci-sidebar{display:none;}
.ci-newsletter-desktop-panel{display:none;}

@media (min-width:1024px){
  .ci-article-wrap{padding-top:36px;}
  .ci-header-block{max-width:900px;}
  .ci-h1{font-size:38px;}
  .ci-columns{flex-direction:row;gap:56px;align-items:flex-start;}
  .ci-main{width:740px;}
  .ci-hero{height:380px;object-fit:cover;}
  .ci-main .ci-ad-img{max-width:728px;}

  .ci-sidebar{display:flex;flex-direction:column;gap:22px;width:340px;flex-shrink:0;position:sticky;top:24px;}
  .ci-sidebar .ci-ad-img{max-width:340px;}
  .ci-sidebar-box{border:1px solid var(--ci-border);border-radius:14px;padding:18px;}
  .ci-sidebar-title{font-family:var(--ci-display);font-weight:800;font-size:14px;margin-bottom:12px;}
  .ci-trend-item{display:flex;gap:10px;text-decoration:none;color:inherit;margin-bottom:10px;align-items:center;}
  .ci-trend-num{font-family:var(--ci-mono);font-size:16px;font-weight:800;color:var(--ci-green-l);width:18px;}
  .ci-trend-thumb{width:56px;height:42px;border-radius:6px;background:var(--ci-surface);border:1px solid var(--ci-border);flex-shrink:0;object-fit:cover;}
  .ci-trend-text{font-family:var(--ci-body);font-size:13px;line-height:1.35;}
  .ci-newsletter-exclusive{background:var(--ci-green-d);border:1px solid var(--ci-green-l);border-radius:14px;padding:20px;color:#fff;}
  .ci-badge-exclusivo{display:inline-block;background:var(--ci-green-l);color:var(--ci-green-d);font-family:var(--ci-mono);font-size:10px;font-weight:700;padding:3px 9px;border-radius:999px;letter-spacing:.06em;margin-bottom:10px;}
  .ci-newsletter-exclusive input{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:8px;border:none;font-family:var(--ci-mono);font-size:12.5px;margin:10px 0;}
  .ci-newsletter-exclusive button{width:100%;background:var(--ci-green-l);color:var(--ci-green-d);border:none;border-radius:8px;padding:11px;font-family:var(--ci-mono);font-weight:700;font-size:12.5px;cursor:pointer;}

  .ci-avatar-author{width:58px;height:58px;font-size:20px;}
  .ci-author{padding:22px;gap:16px;}
  .ci-author-name{font-size:15px;}
  .ci-author-bio{font-size:12.5px;-webkit-line-clamp:unset;}

  .ci-below{max-width:1136px;margin-left:auto;margin-right:auto;margin-top:32px;}
  .ci-related-row{overflow-x:visible;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
  .ci-card-related{flex:none;}
  .ci-card-related:hover{box-shadow:0 6px 18px rgba(18,25,15,.12);transform:translateY(-2px);transition:all .15s ease;}
  .ci-newsletter{margin-top:26px;padding:44px 34px;}
  .ci-newsletter-desktop-panel{display:block;}
  .ci-newsletter-inner{display:flex;gap:44px;align-items:center;}
  .ci-newsletter-left{flex:1;min-width:0;}
  .ci-newsletter-right{flex:0 0 320px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:20px 22px;}
  .ci-newsletter-right-title{font-family:var(--ci-mono);font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--ci-green-l);margin-bottom:12px;}
  .ci-newsletter-checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
  .ci-newsletter-checklist li{font-family:var(--ci-body);font-size:13.5px;color:#e8f2dd;line-height:1.4;padding-left:22px;position:relative;}
  .ci-newsletter-checklist li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ci-green-l);font-weight:700;}
  .ci-closing-ad{display:none;}
  .ci-newsletter-inner{display:none;}
  .ci-newsletter-desktop-panel{display:block;padding:6px 0;}
  .ci-nd-grid{display:flex;align-items:center;gap:64px;}
  .ci-nd-left{flex:1.15;min-width:0;}
  .ci-nd-title{font-family:var(--ci-display);font-weight:800;font-size:34px;line-height:1.2;color:#fff;margin:16px 0 16px;max-width:520px;}
  .ci-nd-body{font-family:var(--ci-body);font-size:16px;color:#dcecc9;line-height:1.65;margin:0 0 26px;max-width:520px;}
  .ci-nd-preview{flex:1;background:#fff;border-radius:14px;padding:22px 24px 20px;box-shadow:0 20px 50px rgba(0,0,0,.28);transform:rotate(1.2deg);}
  .ci-nd-preview-bar{display:flex;gap:6px;margin-bottom:16px;}
  .ci-nd-preview-bar span{width:9px;height:9px;border-radius:50%;background:var(--ci-border);}
  .ci-nd-preview-meta{font-family:var(--ci-mono);font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--ci-ink-dim);margin-bottom:8px;}
  .ci-nd-preview-subject{font-family:var(--ci-display);font-weight:800;font-size:17px;color:var(--ci-ink);margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--ci-border);}
  .ci-nd-preview-item{display:flex;align-items:flex-start;gap:9px;font-family:var(--ci-body);font-size:13.5px;color:var(--ci-ink);line-height:1.4;margin-bottom:11px;}
  .ci-nd-dot{width:8px;height:8px;border-radius:2px;margin-top:5px;flex-shrink:0;}
  .ci-nd-dot-mercado{background:var(--ci-green-m);}
  .ci-nd-dot-exclusivo{background:#c9a24a;}
  .ci-nd-dot-glosario{background:var(--ci-green-l);}
  .ci-nd-preview-footer{font-family:var(--ci-mono);font-size:11.5px;font-weight:700;color:var(--ci-green-d);margin-top:14px;}


}