/* Civil 0.8 · Negocio jurídico: cuatro puertas, una ruta de aprendizaje. */
.jbu{color:#30483f}
.jbu .jcl-article{font-size:14.25px;line-height:1.96}
.jbu .jcl-article a{font-weight:800;color:#a65c43;text-decoration-color:#d8a88d;text-underline-offset:3px;overflow-wrap:anywhere}
.jbu .jcl-article a:hover{color:#216c57}
.jbu button:focus-visible{outline:3px solid #8065cf;outline-offset:3px}
.jbu .jcl-case-hidden{background:#eaf5ed;border:1px solid #c6dcca;border-radius:18px;padding:17px 20px;margin:20px 0}
.jbu .jcl-case-hidden summary{cursor:pointer;font-weight:900;color:#326c50}
.jbu .jcl-case-hidden>div{margin-top:20px}
.jbu-hero{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(220px,.76fr);gap:15px;align-items:center;position:relative;isolation:isolate;overflow:hidden;padding:41px;border-radius:29px;background:radial-gradient(circle at 83% 14%,#ffedca 0,#ffedca00 42%),linear-gradient(122deg,#d9f1e8,#e9edfd 64%,#fbece3);border:1px solid #d1dcd6;box-shadow:0 15px 34px #385f4b19;margin:11px 0 24px}
.jbu-hero:after{content:'✦';position:absolute;z-index:-1;right:18%;top:-137px;color:#ffffff6f;font-size:350px;font-family:Georgia,serif;transform:rotate(-18deg)}
.jbu-hero h1{font:700 clamp(32px,4.05vw,54px)/1.07 Georgia,serif;letter-spacing:-.04em;color:#2f5146;max-width:625px;margin:17px 0}
.jbu-hero h1 em{font-weight:600;color:#bd704f}
.jbu-hero p{font-size:15px;line-height:1.8;max-width:615px;color:#506e62;margin-bottom:23px}
.jbu-hero-illustration{display:flex;justify-content:center;align-items:flex-end;min-height:210px;position:relative}
.jbu-hero-illustration img{width:49%;max-width:160px;height:190px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 14px 9px #35644726)}
.jbu-hero-illustration img:nth-child(2){transform:rotate(8deg) translateY(12px)}
.jbu-hero-illustration>span{position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 11px;background:#fff9ee;border:1px solid #dbcbaa;border-radius:999px;color:#7c6855;font-size:11px;font-weight:900}
.jbu .jch-progress-circle strong{color:#408165}
.jbu-lab{background:linear-gradient(135deg,#eff9f0,#fff5e8 55%,#f4efff);border:1px solid #d0e0d5;border-radius:26px;padding:28px;margin:27px 0 40px;box-shadow:0 13px 27px #58764b14}
.jbu-lab>.jcl-section-head{margin:0 0 20px}
.jbu-lab .jcl-section-head h2{color:#345c4b}
.jbu-lab .jcl-section-head h2 em{font-family:Georgia,serif;color:#b96b4d}
.jbu-lab-count{font-size:11px;letter-spacing:.02em;font-weight:900;background:#326c53;color:#fff;padding:10px 13px;border-radius:999px;white-space:nowrap}
.jbu-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}
.jbu-tabs button{border:1px solid #d9e0d7;background:#fffefa;color:#50685e;text-align:left;border-radius:15px;padding:12px 10px;min-height:65px;font-size:11px;display:flex;align-items:center;gap:8px;transition:background .14s,transform .14s,border-color .14s}
.jbu-tabs button>span{font-size:24px;line-height:1}
.jbu-tabs button>b{font-weight:850;line-height:1.3}
.jbu-tabs button>small{margin-left:auto;border:1px solid currentColor;border-radius:50%;font-weight:900;padding:2px 5px;font-size:10px}
.jbu-tabs button.active{background:#377a60;color:#fff;border-color:#377a60;transform:translateY(-2px);box-shadow:0 9px 13px #377a6030}
.jbu-tabs button:hover:not(.active){background:#eff8ee;border-color:#94baa5}
.jbu-lab-detail{background:#fffefa;border:1px solid #e2e5d6;border-radius:21px;min-height:310px;padding:22px}
.jbu-scenario{display:flex;align-items:center;justify-content:space-between;gap:17px;background:linear-gradient(90deg,#e6f4e9,#fffdf9);border:1px solid #dbe8d9;border-radius:17px;padding:15px 17px;margin-bottom:17px}
.jbu-scenario h3{font-size:22px;color:#305d4a;margin:6px 0 8px}
.jbu-scenario p{font-size:13px;color:#506b5d;line-height:1.66;max-width:700px}
.jbu-scenario img{width:88px;height:104px;object-fit:contain;flex:none;image-rendering:pixelated;filter:drop-shadow(0 6px 6px #335e4425)}
.jbu-question{font-size:15px;color:#345c48;margin:0 0 12px}
.jbu-doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.jbu-door{display:flex;gap:11px;align-items:center;min-height:68px;text-align:left;padding:13px 14px;border:1px solid #d9e0d3;background:#fffdf9;border-radius:15px;color:#476355;transition:background .16s,border-color .16s}
.jbu-door>span:last-child{display:flex;flex-direction:column;gap:4px}
.jbu-door-icon{font-size:26px;line-height:1}
.jbu-door b{font-size:12px;font-weight:900}
.jbu-door small{font-size:10px;line-height:1.5;color:#73847a}
.jbu-door:hover:not(:disabled){background:#eff8ee;border-color:#97c7a8}
.jbu-door.correct{background:#e0f4e8;border-color:#6cb68a;color:#285f46}
.jbu-door.incorrect{background:#fff0e8;border-color:#d99c82;color:#8b4f40}
.jbu-door:disabled{cursor:default}
.jbu-feedback{border:1px solid #afdfc0;background:#eef9f0;border-radius:17px;padding:16px;margin-top:15px}
.jbu-feedback.incorrect{background:#fff6ee;border-color:#edc5ae}
.jbu-feedback>strong{display:block;color:#2e7351;font-size:14px;margin-bottom:8px}
.jbu-feedback.incorrect>strong{color:#9b6042}
.jbu-feedback>p{font-size:13px;color:#51685c;line-height:1.72}
.jbu-evidence{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.jbu-evidence>div{border:1px solid #dae8db;background:#ffffffb5;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:7px}
.jbu-evidence b{font-size:11px;color:#376b54}
.jbu-evidence span{font-size:12px;color:#53685d;line-height:1.56}
.jbu-hint,.jbu-lab-foot{font-size:12px;line-height:1.6;color:#75877b;margin-top:12px}
.jbu .jcl-scene{margin-top:16px}
.jbu .jcl-card:hover{transform:translateY(-4px)}
.jbu-chapter-panel{background:linear-gradient(135deg,#e0f4e7,#fdf0df 51%,#e9e8f9);border-color:#cddfd2}
.jbu-chapter-panel .jcl-chapter-top h3{color:#2f7657}
.jbu-chapter-panel .jcl-chapter-topic:hover{background:#f1f9ee}
@media(max-width:950px){.jbu-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.jbu-hero{grid-template-columns:1.2fr .8fr;padding:29px}}
@media(max-width:700px){.jbu-hero{display:block;padding:25px 20px}.jbu-hero h1{font-size:36px}.jbu-hero-illustration{min-height:160px;padding-bottom:17px}.jbu-hero-illustration img{height:155px;max-width:115px}.jbu-hero-illustration>span{bottom:0}.jbu-lab{padding:16px 11px}.jbu-lab>.jcl-section-head{flex-wrap:wrap;gap:10px}.jbu-tabs{gap:7px}.jbu-tabs button{min-height:57px;gap:5px;padding:9px 7px;font-size:10px}.jbu-tabs button>span{font-size:19px}.jbu-lab-detail{padding:12px}.jbu-scenario{gap:9px;padding:11px}.jbu-scenario h3{font-size:19px}.jbu-scenario img{width:58px;height:75px}.jbu-doors,.jbu-evidence{grid-template-columns:1fr}.jbu-door{min-height:57px;padding:11px}.jbu .jcl-article{font-size:13.4px;line-height:1.84}}
@media(prefers-reduced-motion:reduce){.jbu *{transition:none!important;animation:none!important}}