/* Política 101 — CronJob — estilos del bloque y de la página /cronjob
   Hereda las variables de p101-brief.css cuando está presente; si no, usa estos valores por defecto. */
:root{
  --p101-papel: #F1ECE1;
  --p101-papel-2: #E9E2D4;
  --p101-tinta: #1F1D19;
  --p101-titulo: #0C0B09;
  --p101-mute: #6A6459;
  --p101-marino: #235585;
  --p101-linea: rgba(31,29,25,.16);
  --p101-serif: "Playfair Display", Georgia, serif;
  --p101-sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;
}

.cj-badges{ display:flex; gap:.4rem; flex-wrap:wrap; margin-bottom:.9rem; }
.cj-badge{ font-family:var(--p101-sans); font-size:.62rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--p101-marino); border:1px solid var(--p101-marino); border-radius:20px; padding:.22rem .6rem; }
.cj-title{ font-family:var(--p101-serif); font-style:italic; font-weight:700; font-size:1.7rem; color:var(--p101-titulo); margin:0 0 .35rem; }
.cj-sub{ font-family:var(--p101-sans); font-size:.85rem; color:var(--p101-mute); margin:0 0 1.5rem; line-height:1.4; }

.cj-card{ margin-bottom:1.1rem; }
.cj-card__box{ background:#FFFFFF; border:1px solid var(--p101-linea); border-radius:8px; padding:1.1rem 1.1rem 1rem; box-shadow:0 2px 8px rgba(12,11,9,.05); font-family:var(--p101-sans); }
.cj-card.is-dead .cj-card__box{ background:var(--p101-papel-2); box-shadow:none; }

/* tracker estilo rastro */
.cj-track{ position:relative; height:26px; margin:0 0 1.4rem; }
.cj-track__base{ position:absolute; top:9px; left:3%; right:3%; height:2px; background:var(--p101-linea); }
.cj-track__fill{ position:absolute; top:9px; left:3%; height:2px; background:var(--node-color); }
.cj-track__dot{ position:absolute; top:9px; width:7px; height:7px; border-radius:50%; background:var(--p101-papel); border:2px solid var(--p101-linea); transform:translate(-50%,-50%); }
.cj-track__dot.is-filled{ border-color:var(--node-color); background:var(--node-color); }
.cj-track__dot.is-current{ width:11px; height:11px; box-shadow:0 0 0 4px rgba(94,174,223,.4); animation:cj-halo 2s ease-in-out infinite; }
@keyframes cj-halo{ 0%,100%{ box-shadow:0 0 0 3px rgba(94,174,223,.4);} 50%{ box-shadow:0 0 0 6px rgba(94,174,223,.18);} }
.cj-track__label{ position:absolute; top:16px; transform:translateX(-50%); font-size:.62rem; color:var(--p101-mute); white-space:nowrap; font-weight:600; }
.cj-track__label.is-current{ color:var(--node-color); font-weight:700; }

.cj-card__top{ display:flex; justify-content:space-between; align-items:center; gap:.6rem; margin-bottom:.6rem; flex-wrap:wrap; }
.cj-pill{ display:inline-flex; align-items:center; gap:.35rem; border:1px solid var(--node-color); color:var(--node-color); text-transform:uppercase; letter-spacing:.04em; font-weight:700; font-size:.64rem; padding:.24rem .6rem; border-radius:20px; }
.cj-pill__dot{ width:.4rem; height:.4rem; border-radius:50%; background:var(--node-color); }
.cj-day{ font-size:.68rem; color:var(--p101-mute); font-weight:600; }

.cj-card__body{ display:grid; grid-template-columns:1fr 30px; gap:.8rem; align-items:start; }
.cj-hourglass svg{ display:block; }
.cj-hourglass .frame{ fill:none; stroke:var(--p101-mute); stroke-width:1.2; }
.cj-hourglass .sand{ fill:var(--node-color); }

.cj-cat{ font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; color:var(--p101-mute); font-weight:700; margin:0 0 .3rem; }
.cj-tesis.cj-tesis{ font-family:var(--p101-serif); font-weight:700; font-size:1rem; color:var(--p101-titulo); margin:0 0 .5rem; line-height:1.3; text-transform:none !important; }
.cj-texto{ font-size:.85rem; color:var(--p101-tinta); line-height:1.55; margin:0 0 .55rem; }
.cj-vigilar{ font-size:.8rem; color:var(--p101-tinta); margin:0 0 .7rem; }
.cj-vigilar span{ font-weight:700; color:var(--node-color); text-transform:uppercase; font-size:.64rem; letter-spacing:.04em; margin-right:.35rem; }
.cj-meta{ font-size:.68rem; color:var(--p101-mute); border-top:1px solid var(--p101-linea); padding-top:.55rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:.3rem; }

.cj-close{ text-align:center; margin-top:1.5rem; }
.cj-close p{ font-family:var(--p101-serif); font-style:italic; font-size:.95rem; color:var(--p101-mute); margin:0; padding-top:1.3rem; border-top:1px solid var(--p101-linea); }
.cj-legend{ display:flex; gap:1rem; flex-wrap:wrap; margin:1.3rem 0 0; font-size:.64rem; color:var(--p101-mute); justify-content:center; font-family:var(--p101-sans); }
.cj-legend span{ display:inline-flex; align-items:center; gap:.3rem; }
.cj-legend i{ width:.45rem; height:.45rem; border-radius:50%; display:inline-block; }

/* ===== cj-grid — versión compacta para portada (teaser, no el detalle completo) ===== */
.cj-grid{ display:flex; gap:.9rem; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:.6rem; margin:0 0 .5rem; }
.cj-grid::-webkit-scrollbar{ height:5px; }
.cj-grid::-webkit-scrollbar-thumb{ background:var(--p101-linea); border-radius:3px; }
.cj-grid .cj-card{ scroll-snap-align:start; flex:0 0 82%; margin-bottom:0; }
.cj-grid .cj-card__box{ height:100%; padding:.9rem 1rem .85rem; }

.cj-grid .cj-card__top{ flex-direction:column; align-items:flex-start; gap:.3rem; margin-bottom:.5rem; }
.cj-grid .cj-day{ font-size:.62rem; }

.cj-grid .cj-track{ height:20px; margin-bottom:.9rem; }
.cj-grid .cj-track__dot{ display:none; }
.cj-grid .cj-track__label{ display:none; }
.cj-grid .cj-track__label.is-current{ display:block; top:8px; font-size:.64rem; }

.cj-grid .cj-card__body{ grid-template-columns:1fr 22px; gap:.6rem; }
.cj-grid .cj-tesis{ font-size:.9rem; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.cj-grid .cj-texto{ font-size:.78rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; margin-bottom:0; }
.cj-grid .cj-vigilar{ display:none; }
.cj-grid .cj-meta{ display:none; }

.cj-verlink{ font-family:var(--p101-sans); font-size:.78rem; font-weight:700; color:var(--p101-marino); text-decoration:none; border-bottom:1px solid var(--p101-marino); padding-bottom:1px; }

@media (min-width:601px){
	.cj-grid{ display:grid; grid-template-columns:repeat(3,1fr); overflow:visible; padding-bottom:0; }
	.cj-grid .cj-card{ flex:none; }
}

/* TABLETA 601–1024 (mismo corte que el resto del sitio) */
@media (min-width:601px){
  .cj-title{ font-size:2rem; }
  .cj-sub{ font-size:.92rem; }
  .cj-card__box{ padding:1.35rem 1.5rem 1.25rem; }
  .cj-tesis{ font-size:1.1rem; }
  .cj-texto{ font-size:.9rem; }
  .cj-card__body{ grid-template-columns:1fr 34px; gap:1rem; }
  .cj-track{ height:30px; }
  .cj-track__base,.cj-track__fill{ top:10px; }
  .cj-track__dot{ top:10px; width:8px; height:8px; }
  .cj-track__dot.is-current{ width:13px; height:13px; }
  .cj-track__label{ font-size:.66rem; }
}
/* ESCRITORIO 1025+ */
@media (min-width:1025px){
  .cj-title{ font-size:2.3rem; }
  .cj-card__box{ padding:1.4rem 1.6rem 1.3rem; }
  .cj-tesis{ font-size:1.15rem; }
  .cj-card__body{ grid-template-columns:1fr 38px; }
  .cj-card__box{ transition:transform .2s ease, box-shadow .2s ease; }
  .cj-card__box:hover{ box-shadow:0 8px 18px rgba(12,11,9,.09); transform:translateY(-2px); }
}