/* Civil Personas avanzado · comparte la jerarquía visual de JuriVerso. */
.jpx-page{padding-bottom:80px}
.jpx-hero{min-height:270px;margin:24px 0 30px;padding:clamp(24px,5vw,48px);display:flex;align-items:center;justify-content:space-between;gap:22px;overflow:hidden;position:relative;border:1px solid #dce8df;border-radius:28px;background:linear-gradient(125deg,#e5f9ed 0%,#fff2e3 52%,#e9efff 100%)}
.jpx-hero[data-tone="lavender"]{background:linear-gradient(125deg,#e6e5ff,#fff2eb 50%,#e8f9ed)}
.jpx-hero[data-tone="yellow"]{background:linear-gradient(125deg,#fff8d9,#e9f7f0 56%,#e9ecff)}
.jpx-hero[data-tone="peach"]{background:linear-gradient(125deg,#ffe8d6,#effbf3 58%,#ebeeff)}
.jpx-hero h1{font-size:clamp(28px,4.2vw,48px);line-height:1.08;letter-spacing:-.045em;color:#19352e;max-width:710px;margin:17px 0 12px}
.jpx-hero p{font-size:15px;line-height:1.7;color:#48655b;max-width:690px}
.jpx-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.jpx-hero-characters{display:flex;align-items:flex-end;justify-content:center;min-width:175px}
.jpx-hero-characters img{max-width:110px;max-height:130px;object-fit:contain;filter:drop-shadow(0 12px 7px #28483e20)}
.jpx-hero-characters img+img{margin-left:-25px;max-width:100px;transform:rotate(7deg)}
.jpx-progress-head{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:25px 28px;margin:0 0 28px;background:#fff;border:1px solid #e2e8e3;border-radius:22px}
.jpx-progress-head h2{font-size:24px;color:#213b32;margin:5px 0}
.jpx-progress-head p{font-size:13px;color:#5f736a;margin:0}
.jpx-progress-stat{min-width:140px;text-align:center}.jpx-progress-stat>strong{display:block;color:#234f3b;font-size:38px}.jpx-progress-stat>strong small{font-size:18px;color:#798b7d}
.jpx-topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 38px}
.jpx-topic-card{display:flex;flex-direction:column;align-items:flex-start;gap:11px;text-align:left;background:#fff;border:1px solid #e1e8e2;border-radius:19px;padding:19px;min-height:220px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.jpx-topic-card:hover,.jpx-topic-card:focus-visible{transform:translateY(-3px);border-color:#83c19d;box-shadow:0 10px 22px #163b2714}
.jpx-topic-card>small{font-size:10px;letter-spacing:.09em;color:#637c70;font-weight:800}.jpx-topic-card>strong{font-size:15px;line-height:1.35;color:#19392e}.jpx-topic-card>em{font-style:normal;font-size:11px;color:#7c8d80;margin-top:auto}.jpx-topic-card>span:last-child{font-size:12px;color:#177449;font-weight:800}
.jpx-topic-icon{font-size:26px;display:flex;align-items:center;justify-content:center;width:47px;height:47px;background:#eaf7ec;border-radius:14px}
.jpx-resource-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 26px}
.jpx-resource-grid button{border:1px solid #dfebe0;border-radius:16px;padding:17px 13px;background:#f7fcf8;display:flex;flex-direction:column;text-align:left;gap:9px;cursor:pointer;transition:background .2s,transform .2s}
.jpx-resource-grid button:hover{background:#ecf7f0;transform:translateY(-2px)}
.jpx-resource-grid button>span{font-size:25px}.jpx-resource-grid button>strong{font-size:12px;line-height:1.4;color:#234d39}.jpx-resource-grid button>small{font-size:10px;color:#297d52;margin-top:auto;font-weight:800}
.jpx-next-chapter{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:24px 0}
.jpx-glossary-tip{display:flex;flex-direction:column;gap:5px;border-left:4px solid #63c992;background:#eaf8ee;border-radius:10px;padding:12px 17px;margin:20px 0 28px;color:#23533b}
.jpx-glossary-tip b{font-size:13px}.jpx-glossary-tip p{font-size:12px;margin:0;line-height:1.6}
.jpx-sidebar .jcl-index-topic{font-size:11.5px}
.jpx-lab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 34px}
.jpx-lab-case{background:#fff;border:1px solid #dfeae2;border-radius:18px;padding:19px;box-shadow:0 6px 15px #23432d0a}
.jpx-lab-case>div>span{font-weight:800;letter-spacing:.07em;font-size:10px;color:#2b8b56}.jpx-lab-case h3{font-size:17px;margin:9px 0;color:#264336}.jpx-lab-case p{font-size:13px;line-height:1.72;color:#43594e}.jpx-lab-case .jcl-btn{margin-top:10px}
.jpx-lab-solution{padding:14px;margin-top:15px;background:#e8f6ed;border-radius:12px;border:1px solid #b6e1c3}.jpx-lab-solution strong{display:block;color:#1b5736}.jpx-lab-solution small{display:block;color:#486952;font-size:11px;line-height:1.6}
.jpx-resource-banner{display:flex;align-items:center;gap:15px;min-height:90px;padding:15px 22px;background:linear-gradient(120deg,#eaf8ee,#fff3e8);border-radius:18px;margin:23px 0}.jpx-resource-banner>span{font-size:28px}.jpx-resource-banner strong{font-size:17px;color:#315444}.jpx-resource-banner img{width:60px;height:67px;object-fit:contain;margin-left:auto}
.jpx-result>img{width:150px;object-fit:contain}.jpx-case-details{background:#f0f8f2;border:1px solid #d5e9d8;padding:16px;border-radius:13px}.jpx-case-details summary{cursor:pointer;font-weight:800;color:#1d7140}
@media(max-width:1100px){.jpx-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jpx-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.jpx-hero{padding:24px;flex-direction:column;align-items:flex-start}.jpx-hero-characters{align-self:flex-end;min-width:120px}.jpx-hero-characters img{max-width:78px}.jpx-progress-head{padding:18px}.jpx-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.jpx-topic-card{min-height:210px;padding:13px}.jpx-topic-card>strong{font-size:13px}.jpx-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jpx-lab-list{grid-template-columns:1fr}}
@media(max-width:420px){.jpx-topic-grid{grid-template-columns:1fr}.jpx-topic-card{min-height:165px}}