/* Civil 0.5 · El tiempo y el territorio se aprenden con líneas claras y colores suaves. */
.jca{color:#25413a}
.jca-hero{background:linear-gradient(118deg,#fff0d3 0%,#e2f5e8 48%,#ebe9ff 100%);border-color:#e4d6be}
.jca-hero:after{content:'◷';font-family:Georgia,serif;color:#b6d5c97c;right:14%;top:-82px;transform:rotate(-18deg);font-size:280px}
.jca-hero h1 em{color:#ad684c}
.jca-hero .jch-hero-art>span{color:#56694d;background:#fff7e3;border-color:#d6c1a1}
.jca .jch-progress-circle strong{color:#a4664d}
.jca .jcl-article a{font-weight:800;color:#965b43;text-decoration-color:#cfa184;text-underline-offset:3px;overflow-wrap:anywhere}
.jca .jcl-article a:hover{color:#286e55}
.jca .jcl-article{font-size:14px;line-height:1.85}
.jca-lesson-note{background:linear-gradient(120deg,#e3f4e8,#fff0d8 57%,#f3eafb);border-color:#cadbcb}
.jca-chapter-panel{background:linear-gradient(130deg,#e8f5e7,#fff1dc 55%,#eee7fa);border-color:#d9d5bd}
.jca-chapter-panel .jcl-chapter-top{border-bottom-color:#e1d9c2}
.jca-chapter-panel .jcl-chapter-top h3{color:#456654}
.jca-chapter-panel .jcl-chapter-topic:hover{background:#f4fbea}
.jca-cards .jcl-card:nth-child(2),.jca-cards .jcl-card:nth-child(7){background:linear-gradient(145deg,#e0f3e8,#ddf1e9)}
.jca-cards .jcl-card:nth-child(3),.jca-cards .jcl-card:nth-child(8){background:linear-gradient(145deg,#eee5fb,#f8e8fa)}
.jca-lab{border:1px solid #d7ddd0;border-radius:24px;background:linear-gradient(132deg,#f0f8eb,#fff4e7 52%,#f2eefa);padding:29px 27px;box-shadow:0 13px 26px rgba(41,61,48,.04);margin:25px 0 39px}
.jca-lab .jcl-section-head{margin-bottom:18px}
.jca-lab .jcl-section-head h2{color:#2c4d42}
.jca-timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;position:relative;margin:24px 0 15px}
.jca-time-button{min-height:138px;border:1px solid #dfd8c8;border-radius:16px;background:rgba(255,255,255,.83);padding:15px 9px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;text-align:center;color:#425a50;box-shadow:0 4px 0 #d7d4c654;transition:transform .15s,border-color .15s,background .15s;min-width:0}
.jca-time-button b{font-size:25px;line-height:1}
.jca-time-button small{font:800 10px/1.3 Manrope,system-ui,sans-serif;color:#966d4c;letter-spacing:.03em}
.jca-time-button strong{font-size:12px;line-height:1.25;font-weight:800}
.jca-time-button.active{background:#416b5e;color:#fff;border-color:#416b5e;box-shadow:0 8px 18px #416b5e26;transform:translateY(-3px)}
.jca-time-button.active small{color:#f8d69b}
.jca-time-button:hover:not(.active){border-color:#b98764;transform:translateY(-2px)}
.jca-time-button:focus-visible{outline:3px solid #8b7bcf;outline-offset:3px}
.jca-moment-detail{display:grid;grid-template-columns:68px minmax(0,1fr) 99px;align-items:center;gap:16px;padding:23px 24px;border-radius:20px;border:1px solid #e4d6c7;background:#fff9f0;min-height:159px}
.jca-moment-icon{display:grid;place-items:center;font-size:29px;width:62px;height:62px;background:#e5f6ea;border:1px solid #c1dfcb;border-radius:18px;box-shadow:4px 4px 0 #f1dfce}
.jca-moment-detail h3{font-size:19px;color:#416858;margin:5px 0 8px}
.jca-moment-detail p{font-size:13px;line-height:1.65;color:#50645a;max-width:700px}
.jca-moment-detail small{font-weight:700;font-size:11px;display:block;color:#96694a;margin-top:7px;line-height:1.5}
.jca-moment-detail img{width:92px;height:100px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 7px #0002)}
@media(max-width:1180px){.jca-timeline{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.jca-lab{padding:21px 15px}.jca-timeline{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.jca-time-button{min-height:118px}.jca-moment-detail{grid-template-columns:52px minmax(0,1fr);padding:16px 13px;gap:13px}.jca-moment-icon{width:51px;height:51px;font-size:24px}.jca-moment-detail img{display:none}.jca-hero:after{right:-1%;top:-2%;font-size:185px}.jca .jcl-article{font-size:13px;line-height:1.75}}
@media(prefers-reduced-motion:reduce){.jca *{animation:none!important;transition:none!important}}