/* JuriVerso · Capítulo 0.2 — una cronología viva, coherente con el aula de Civil. */
.jch{color:#284338}
.jch-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:16px;align-items:center;overflow:hidden;min-height:288px;padding:40px 44px;border:1px solid #c9bbd7;border-radius:28px;background:linear-gradient(112deg,#e4d7f8 0%,#ffebbb 52%,#d9f3df 100%);box-shadow:0 15px 35px #41336d13}
.jch-hero:after{content:'✧';position:absolute;right:15%;top:-80px;color:#fff8e283;font-size:260px;pointer-events:none}
.jch-hero>div:first-child{position:relative;z-index:1}
.jch-hero h1{max-width:775px;color:#273b33;font-size:clamp(32px,4vw,51px);line-height:1.08;letter-spacing:-.064em;margin:15px 0}
.jch-hero h1 em{font-style:normal;color:#9c5a42}
.jch-hero p{color:#52695f;max-width:635px;font-size:14px;margin:0 0 20px}
.jch-hero-art{position:relative;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;min-height:190px;z-index:1}
.jch-hero-art img{height:210px;width:54%;object-fit:contain;object-position:bottom;image-rendering:pixelated;filter:drop-shadow(0 15px 12px #55463925);animation:jcl-bob 3.6s ease-in-out infinite}
.jch-hero-art img:nth-child(2){height:195px;margin-left:-17px;animation-delay:-1.3s}
.jch-hero-art>span{position:absolute;top:-9px;right:-14px;background:#fffdf1;border:2px solid #3b7157;border-radius:13px;transform:rotate(6deg);font-size:11px;font-weight:900;color:#35604b;padding:10px 12px;box-shadow:5px 5px 0 #24543824}
.jch-progress-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:23px 28px;background:#e4f2df;border:1px solid #bbd9bf;border-radius:23px}
.jch-progress-summary h2{margin:5px 0 8px;font-size:clamp(22px,2.5vw,31px)}
.jch-progress-summary p{margin:0;color:#597163;font-size:12px}
.jch-progress-circle{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:140px}
.jch-progress-circle>strong{font-size:37px;color:#287348;line-height:1}
.jch-progress-circle>strong small{font-size:17px;color:#86ac8d}
.jch-progress-circle>span:last-child{font-size:10px;color:#56745c;font-weight:850}
.jch-timeline{margin-top:25px;padding:25px 28px;border:1px solid #e9caa6;background:linear-gradient(130deg,#fff8e8,#fff5df 70%,#e9f7e9);border-radius:24px;box-shadow:0 5px 18px #8063480a}
.jch-timeline .jcl-section-head{margin:0 0 18px}
.jch-timeline-years{position:relative;display:flex;align-items:center;gap:9px;overflow:auto;padding:15px 3px 17px;scrollbar-width:thin;scrollbar-color:#b9baaa transparent}
.jch-timeline-years:before{content:'';position:absolute;top:32px;left:4px;right:4px;height:3px;background:#e5c89f;z-index:0}
.jch-year{position:relative;z-index:1;border:1px solid #ddb78e;background:#fffdf5;border-radius:999px;padding:9px 15px;min-width:64px;flex:none;color:#7d613b;font-weight:950!important;font-size:12px;transition:all .2s ease}
.jch-year:hover{background:#f9e4c5;transform:translateY(-2px)}
.jch-year.active{background:#2b6548;border-color:#2b6548;color:white;box-shadow:0 5px 16px #3168482c}
.jch-timeline-detail{display:grid;grid-template-columns:130px minmax(0,1fr) 86px;gap:18px;align-items:center;min-height:125px;padding:19px 23px;border:1px solid #c2dbc6;border-radius:18px;background:#e6f3e5}
.jch-timeline-year{font-size:clamp(30px,4vw,49px);font-weight:950;color:#275b42;letter-spacing:-.07em}
.jch-timeline-detail h3{font-size:24px;line-height:1.17;margin:4px 0 7px;color:#2b503a}
.jch-timeline-detail p{font-size:12px;margin:0;color:#496f5a;line-height:1.6}
.jch-timeline-detail img{width:80px;height:90px;object-fit:contain;image-rendering:pixelated;animation:jcl-bob 4s ease-in-out infinite}
.jch-era-callout{margin:0 0 15px;padding:19px 24px;background:linear-gradient(115deg,#fef1d6,#e0f1dc);border:1px solid #dfd1a9;border-radius:19px}
.jch-era-callout>span{display:block;font-size:10px;letter-spacing:.14em;font-weight:950;color:#a56436}
.jch-era-callout b{display:block;font-size:21px;margin:7px 0 3px;color:#315c44}
.jch-era-callout p{margin:0;font-size:12px;color:#55745e}
.jch-cards .jcl-card:nth-child(4){background:linear-gradient(125deg,#3e5a4c,#2c3b44)}
.jch-chapter-panel{margin-top:17px;background:linear-gradient(130deg,#f3eafc,#fff7df 65%,#e5f4e7);border-color:#d6c5e8}
.jch-chapter-panel .jcl-chapter-top{border-bottom-color:#dacbe2}
.jch-chapter-panel .jcl-chapter-top h3{color:#364e43}
.jch-chapter-panel .jcl-chapter-topic:hover{background:#f3e7f8}
.jch .jcl-article a{color:#256f58;text-decoration-color:#a4c8af;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:800;overflow-wrap:anywhere}
.jch .jcl-article a:hover{color:#a35b2f}
.jch .jcl-article table{max-height:none}
@media(max-width:1050px){.jch-hero{grid-template-columns:minmax(0,1fr) 180px;padding:32px}.jch-hero-art img{height:160px}.jch-hero-art img:nth-child(2){height:145px}.jch-hero-art>span{right:0}.jch-timeline-detail{grid-template-columns:100px minmax(0,1fr) 65px}.jch-timeline-detail img{width:65px;height:70px}}
@media(max-width:640px){.jch-hero{display:block;padding:26px 23px}.jch-hero h1{font-size:34px}.jch-hero-art{min-height:150px;max-height:160px;margin-top:15px}.jch-hero-art img{height:147px}.jch-hero-art img:nth-child(2){height:130px}.jch-hero-art>span{right:4px;top:2px}.jch-progress-summary{padding:18px;align-items:stretch;flex-direction:column}.jch-progress-circle{align-self:stretch;flex-direction:row;gap:12px;justify-content:space-between;flex-wrap:wrap}.jch-progress-circle .jcl-progress-bar{width:100%}.jch-timeline{padding:18px 13px}.jch-timeline-detail{grid-template-columns:1fr 70px;padding:17px;gap:5px}.jch-timeline-year{grid-column:1/-1;font-size:40px}.jch-timeline-detail h3{font-size:21px}.jch-timeline-detail img{width:66px;height:70px}}
@media(prefers-reduced-motion:reduce){.jch *{animation:none!important;transition:none!important}}