/* Módulo 1 · Civil Personas · Capítulo 1.1. */
.jpe{color:#2a4f49}
.jpe .jcl-article{font-size:14.7px;line-height:1.97}
.jpe .jcl-article a{font-weight:800;color:#8b5a3e;text-decoration-color:#d7b395;text-underline-offset:3px;overflow-wrap:anywhere}
.jpe .jcl-article a:hover{color:#287d68}
.jpe button:focus-visible{outline:3px solid #348d7b;outline-offset:3px}
.jpe-hero{background:radial-gradient(circle at 86% 15%,#fff3c7 0,#fff1c900 43%),linear-gradient(120deg,#e4f7e9,#def4ef 49%,#fff0e3);border-color:#cde4d4}
.jpe-hero h1{color:#2f6658}
.jpe-hero h1 em{color:#a36747}
.jpe .jch-progress-circle strong{color:#347f6a}
.jpe-lab{background:linear-gradient(135deg,#e4f5ec,#e2f4f5 51%,#fff1e3);border-color:#bcded6}
.jpe-lab .jcl-section-head h2{color:#2e735e}
.jpe-lab .jbu-lab-count{background:#308b72}
.jpe-lab .jbu-tabs button.active{background:#2c927a;border-color:#2c927a;box-shadow:0 10px 17px #257e6a30}
.jpe-lab .jbu-lab-detail{background:#fffefa}
.jpe-lab .jbu-scenario{background:linear-gradient(90deg,#def4e9,#f7fdf8)}
.jpe-lab .jbu-scenario h3{color:#2c775f}
.jpe-legend{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.jpe-legend>span{font-size:11px;font-weight:850;border:1px solid #cde3d7;color:#4d7166;background:#ffffffd9;border-radius:999px;padding:7px 10px}
.jpe-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 8px}
.jpe-category{display:flex;align-items:flex-start;flex-direction:column;gap:7px;text-align:left;background:#fff;border:1px solid #cde4db;border-radius:15px;padding:15px;min-height:116px;color:#446e62;cursor:pointer;transition:background .18s ease,transform .18s ease,border-color .18s ease}
.jpe-category>span{font-size:24px}
.jpe-category>b{font-size:12.6px;font-weight:900;line-height:1.35}
.jpe-category>small{font-size:10.6px;color:#688479;line-height:1.4}
.jpe-category:hover:not(:disabled){background:#e9f9ee;transform:translateY(-2px);border-color:#85bdac}
.jpe-category.correct{background:#e2f8ec;border-color:#6dbd99}
.jpe-category.incorrect{background:#fff1e8;border-color:#e9b08f}
.jpe-category:disabled{cursor:default}
.jpe .jcl-case-hidden{background:#eaf6f1;border:1px solid #b8e0d0;border-radius:18px;padding:18px 20px;margin:21px 0}
.jpe .jcl-case-hidden summary{font-weight:900;color:#2f795e;cursor:pointer}
.jpe .jcl-case-hidden>div{margin-top:19px}
.jpe-chapter-panel{background:linear-gradient(125deg,#def6ea,#e4f5f0 53%,#fff1e4);border-color:#bcded1}
.jpe-chapter-panel .jcl-chapter-top h3{color:#2b7e64}
.jpe-chapter-panel .jcl-chapter-topic:hover{background:#e7f7ee}
.jpe-module-message{background:#eaf8f0;border:1px solid #cbebd9;border-radius:14px;padding:16px 19px;margin:0 0 18px;color:#416c60}
.jpe-module-message strong{display:block;font-size:13px;margin:0 0 4px}
.jpe-module-message p{font-size:11.5px;line-height:1.7;margin:0}
@media(max-width:720px){.jpe-hero h1{font-size:36px}.jpe .jcl-article{font-size:13.7px;line-height:1.88}.jpe-legend>span{font-size:10px}.jpe-categories{gap:7px}}
@media(max-width:440px){.jpe-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.jpe-category{min-height:139px;padding:11px}.jpe-category>b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.jpe *{animation:none!important;transition:none!important}}
