/* Civil 0.7 · Clasificación de hechos, actos y manifestaciones de voluntad. */
.jhe{color:#2c463a}
.jhe .jcl-article{font-size:14px;line-height:1.94}
.jhe .jcl-article a{font-weight:800;color:#b46b43;text-decoration-color:#d79f81;text-underline-offset:3px;overflow-wrap:anywhere}
.jhe .jcl-article a:hover{color:#2d765e}
.jhe .jcl-case-hidden{background:#e8f5ee;border:1px solid #c8e2d4;border-radius:17px;padding:16px 19px;margin:18px 0}
.jhe .jcl-case-hidden summary{font-weight:900;cursor:pointer;color:#356950}
.jhe .jcl-case-hidden>div{margin-top:20px}
.jhe-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.65fr);align-items:center;gap:16px;margin:12px 0 23px;padding:38px 40px;overflow:hidden;border:1px solid #d7dfcd;border-radius:28px;background:linear-gradient(120deg,#dcf4e9,#fff0d9 48%,#eae7f9);box-shadow:0 16px 30px #59724a13}
.jhe-hero:after{content:'✧';position:absolute;z-index:-1;right:18%;top:-122px;font-size:295px;font-family:Georgia,serif;color:#ffffff80;transform:rotate(-16deg)}
.jhe-hero h1{font-family:Georgia,serif;font-size:clamp(31px,4vw,53px);max-width:650px;line-height:1.08;letter-spacing:-.033em;margin:17px 0 16px;color:#2f5344}
.jhe-hero h1 em{color:#b86a4a}
.jhe-hero p{font-size:15px;line-height:1.75;max-width:620px;color:#557265;margin-bottom:22px}
.jhe-hero-illustration{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:0;position:relative;min-height:210px}
.jhe-hero-illustration img{width:46%;max-width:155px;height:193px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 8px #3659431f)}
.jhe-hero-illustration img:nth-child(2){transform:translateY(17px) rotate(7deg)}
.jhe-hero-illustration>span{display:block;position:absolute;bottom:-6px;white-space:nowrap;border:1px solid #d7ccaa;border-radius:999px;padding:8px 11px;color:#70684b;font-size:11px;font-weight:800;background:#fff9e8}
.jhe .jch-progress-circle strong{color:#4a8064}
.jhe-lab{padding:27px;margin:25px 0 39px;background:linear-gradient(145deg,#f0f8f0,#fff5e7 55%,#f2effb);border:1px solid #d2e3d5;border-radius:25px;box-shadow:0 12px 25px #456a4820}
.jhe-lab>.jcl-section-head{margin:0 0 21px}
.jhe-lab .jcl-section-head h2{color:#315f4d}
.jhe-lab .jcl-section-head h2 em{font-family:Georgia,serif;color:#a56748}
.jhe-lab-count{background:#366f58;color:white;padding:10px 12px;border-radius:999px;font-size:11px;font-weight:900;white-space:nowrap}
.jhe-scenario-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}
.jhe-scenario-tabs button{display:flex;align-items:center;gap:10px;justify-content:flex-start;text-align:left;padding:12px;border-radius:15px;border:1px solid #dedecf;background:#fffefb;min-height:56px;font-size:12px;font-weight:800;color:#4d6257;transition:transform .15s ease,background .15s ease,border-color .15s ease}
.jhe-scenario-tabs button>span{font-size:24px;line-height:1}
.jhe-scenario-tabs button small{margin-left:auto;color:#54856b;font-size:9px;white-space:nowrap}
.jhe-scenario-tabs button.active{background:#39765c;color:#fff;border-color:#39765c;box-shadow:0 8px 14px #39765c2b;transform:translateY(-2px)}
.jhe-scenario-tabs button.active small{color:#e9f8e8}
.jhe-scenario-tabs button:hover:not(.active){border-color:#a4caba;background:#eff8f0}
.jhe button:focus-visible{outline:3px solid #8763c6;outline-offset:2px}
.jhe-lab-detail{background:#fffefa;border:1px solid #e2e6d9;border-radius:21px;padding:23px;min-height:260px}
.jhe-scenario{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(90deg,#e7f4eb,#fffdf8);border-radius:17px;padding:15px 17px;margin-bottom:17px;border:1px solid #dae8db}
.jhe-scenario h3{font-size:22px;line-height:1.3;color:#315e49;margin:5px 0 8px}
.jhe-scenario p{font-size:13px;line-height:1.6;color:#52695e;max-width:680px}
.jhe-scenario img{width:89px;height:105px;object-fit:contain;image-rendering:pixelated;flex:none;filter:drop-shadow(0 7px 5px #396c4e25)}
.jhe-question{font-size:15px;font-weight:850;color:#315947;margin-bottom:11px}
.jhe-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.jhe-category{display:flex;align-items:center;gap:9px;padding:13px 14px;font-size:12px;font-weight:800;text-align:left;border:1px solid #d6decf;background:#fffdf7;border-radius:13px;color:#506858;min-height:55px}
.jhe-category span{font-size:21px}
.jhe-category:hover:not(:disabled){background:#eaf4e8;border-color:#96bf9f}
.jhe-category.correct{background:#def6e4;border-color:#63ba80;color:#226447}
.jhe-category.incorrect{background:#fff0e7;border-color:#de9b75;color:#8b583c}
.jhe-category:disabled{cursor:default}
.jhe-feedback{border-radius:15px;padding:15px 16px;margin-top:15px;border:1px solid #a9d7b7;background:#eff9ef}
.jhe-feedback.incorrect{border-color:#e5c0aa;background:#fff6ec}
.jhe-feedback>strong{display:block;font-size:14px;color:#31674d;margin-bottom:6px}
.jhe-feedback.incorrect>strong{color:#9a5d40}
.jhe-feedback>p{font-size:13px;line-height:1.75;color:#4e6258}
.jhe-evidence{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:13px}
.jhe-evidence>div{display:flex;flex-direction:column;gap:6px;background:#ffffffc8;border:1px solid #d9e8d8;border-radius:12px;padding:12px}
.jhe-evidence b{font-size:11px;color:#396b53}
.jhe-evidence span{font-size:12px;line-height:1.55;color:#50675e}
.jhe-hint{font-size:12px;color:#74847b;margin:11px 0 0}
.jhe .jcl-scene{margin-top:16px}
.jhe .jcl-card:hover{transform:translateY(-4px)}
.jhe-chapter-panel{background:linear-gradient(135deg,#e1f3e8,#fff1d9 57%,#ede7f7);border-color:#d1dfd2}
.jhe-chapter-panel .jcl-chapter-top h3{color:#366e54}
.jhe-chapter-panel .jcl-chapter-topic:hover{background:#f2faef}
@media(max-width:940px){.jhe-scenario-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.jhe-hero{grid-template-columns:1.4fr .6fr;padding:28px 26px}}
@media(max-width:700px){.jhe-hero{display:block;padding:25px 20px}.jhe-hero h1{font-size:36px}.jhe-hero-illustration{min-height:156px;padding-bottom:18px}.jhe-hero-illustration img{height:156px;max-width:119px}.jhe-hero-illustration>span{bottom:2px}.jhe-lab{padding:17px 12px}.jhe-lab>.jcl-section-head{display:flex;flex-wrap:wrap;gap:10px}.jhe-scenario-tabs{gap:7px}.jhe-scenario-tabs button{padding:8px;min-height:65px;font-size:10px;gap:6px;flex-wrap:wrap}.jhe-scenario-tabs button>span{font-size:19px}.jhe-scenario-tabs button small{font-size:8px}.jhe-lab-detail{padding:13px}.jhe-scenario{padding:10px;gap:8px}.jhe-scenario img{width:57px;height:75px}.jhe-scenario h3{font-size:19px}.jhe-categories{grid-template-columns:1fr}.jhe-category{min-height:45px;padding:9px 12px}.jhe-evidence{grid-template-columns:1fr}.jhe .jcl-article{font-size:13px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.jhe *{transition:none!important;animation:none!important}}