/* JuriVerso · Ecosistema editorial y académico. Mismo lenguaje visual en seis secciones. */
.jm-page{--jm-gold:#ffa52d;--jm-mint:#bfe9ce;--jm-ink:#131823;--jm-muted:#b7c4c8;--jm-border:#34443f;color:#f6f9f6;max-width:1480px;margin:0 auto 54px}
.jm-page *{box-sizing:border-box}
.jm-page button,.jm-page input{font:inherit}
.jm-page button{cursor:pointer}
.jm-page h1,.jm-page h2,.jm-page h3{color:#fff;line-height:1.15;letter-spacing:-.05em}
.jm-page .jm-overline{display:inline-flex;align-items:center;gap:7px;font:700 12px 'Pixelify Sans',sans-serif;letter-spacing:.065em;text-transform:uppercase;color:var(--jm-mint)}
.jm-page .jm-overline:before{content:'✦';color:var(--jm-gold)}
.jm-page .jm-hero{background:radial-gradient(circle at 83% 21%,#70452467,transparent 36%),radial-gradient(circle at 8% 99%,#2d604c50,transparent 52%),linear-gradient(125deg,#181e29,#241f26 85%);border:1px solid #464348;border-radius:27px;padding:39px 36px;min-height:250px;display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:center;gap:16px;overflow:hidden;position:relative}
.jm-page .jm-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 10% 20%,#ff9b44 0 1.3px,transparent 2px),radial-gradient(circle at 58% 75%,#c7edd1 0 1px,transparent 2px),radial-gradient(circle at 74% 12%,#d7a6ff 0 1px,transparent 2px);background-size:165px 120px}
.jm-page .jm-hero h1{font-size:clamp(30px,3.4vw,51px);margin:13px 0 12px;max-width:690px}
.jm-page .jm-hero h1 em,.jm-page .jm-header h2 em{color:var(--jm-gold);font-style:normal}
.jm-page .jm-hero p{font-size:14px;line-height:1.7;color:#c6d3d6;max-width:660px}
.jm-page .jm-hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:176px}
.jm-page .jm-mascot{border:0;background:transparent;color:#e5f3ed;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;position:relative;z-index:1;padding:0 4px;max-width:220px}
.jm-page .jm-mascot img{width:min(160px,100%);height:170px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 13px 7px #0008);animation:jm-bob 3.4s ease-in-out infinite;transition:transform .2s}
.jm-page .jm-mascot:hover img,.jm-page .jm-mascot:focus-visible img{transform:translateY(-12px) rotate(-5deg)}
.jm-page .jm-mascot small{display:block;white-space:nowrap;padding:7px 10px;background:#c1efcd;color:#1d2a23;font:700 11px 'Pixelify Sans',sans-serif;border:1px solid #51896b;border-radius:9px;box-shadow:3px 3px 0 #19251f}
.jm-page .jm-hero .jm-mascot:before{content:'✧';position:absolute;z-index:-1;top:0;right:-10px;color:#ffb95c;font-size:42px}
.jm-page .jm-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:29px 0 15px}
.jm-page .jm-header h2{font-size:clamp(23px,2.5vw,32px);margin:7px 0}
.jm-page .jm-header p{font-size:13px;color:#9fafb4;line-height:1.6}
.jm-page .jm-btn{border:1px solid #d58e44;background:#ffa52d;color:#22190f;padding:12px 17px;border-radius:11px;font-size:13px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .18s,box-shadow .18s}
.jm-page .jm-btn:hover{transform:translateY(-2px);box-shadow:0 5px 16px #ffa52d33}
.jm-page .jm-btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}
.jm-page .jm-btn.is-mint{background:#c7efcf;border-color:#87bfa0;color:#183023}
.jm-page .jm-btn.is-dark{background:#242d38;border-color:#4f645b;color:#e3f7ec}
.jm-page .jm-btn.is-outline{background:transparent;border-color:#89baa1;color:#c8edcf}
.jm-page .jm-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:22px 0 19px}
.jm-page .jm-chip{border:1px solid #44514e;border-radius:100px;background:#1c2630;color:#c8d7d7;padding:9px 15px;font-size:12px;font-weight:800;transition:background .15s,border-color .15s}
.jm-page .jm-chip:hover{border-color:#feb96d}
.jm-page .jm-chip.active{background:#ffa52d;border-color:#ffa52d;color:#201b18;box-shadow:0 0 16px #ffae4944}
.jm-page .jm-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.jm-page .jm-card{--tone:#e9a45b;--tone-bg:#3e3025;background:radial-gradient(circle at 96% -10%,var(--tone-bg),transparent 58%),linear-gradient(145deg,#20242e,#181e27);border:1px solid #39464a;border-radius:21px;padding:24px;min-width:0;min-height:206px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;position:relative;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}
.jm-page .jm-card:hover{transform:translateY(-4px);border-color:var(--tone);box-shadow:0 18px 35px #0005}
.jm-page .jm-card[data-tone="mint"]{--tone:#91dcae;--tone-bg:#274a39}
.jm-page .jm-card[data-tone="violet"]{--tone:#baa3e2;--tone-bg:#34264b}
.jm-page .jm-card[data-tone="blue"]{--tone:#81cfe0;--tone-bg:#1e4355}
.jm-page .jm-card[data-tone="rose"]{--tone:#e49ab5;--tone-bg:#4c293f}
.jm-page .jm-card[data-tone="gold"]{--tone:#f0b66f;--tone-bg:#4b3721}
.jm-page .jm-card .jm-symbol{width:49px;height:49px;display:grid;place-items:center;background:color-mix(in srgb,var(--tone) 20%,#131b22);border:1px solid color-mix(in srgb,var(--tone) 55%,transparent);color:var(--tone);border-radius:13px;font-size:25px}
.jm-page .jm-card .jm-tiny{font-size:10px;color:var(--tone);font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.jm-page .jm-card h3{font-size:19px;margin:0}
.jm-page .jm-card p{font-size:12.5px;color:#bac9c9;line-height:1.6;margin:0}
.jm-page .jm-card .jm-card-action{margin-top:auto;font-size:12px;font-weight:800;color:var(--tone);display:inline-flex;align-items:center;gap:8px}
.jm-page button.jm-card{text-align:left;color:#fff;width:100%}
.jm-page .jm-search{display:flex;align-items:center;gap:10px;background:#1b242d;border:1px solid #4b6258;padding:12px 16px;border-radius:13px;margin-top:21px}
.jm-page .jm-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f4fff8;font-size:14px}
.jm-page .jm-search input::placeholder{color:#96abb0}
.jm-page .jm-highlight{margin-top:22px;background:linear-gradient(110deg,#273b31,#1b2630);border:1px solid #507d60;border-radius:19px;padding:17px 21px;display:flex;align-items:center;gap:16px}
.jm-page .jm-highlight p{color:#bcd4c5;font-size:12px;line-height:1.6}
.jm-page .jm-highlight strong{display:block;color:#dcfae3;font-size:14px;margin-bottom:4px}
.jm-page .jm-highlight .jm-btn{margin-left:auto;white-space:nowrap}
.jm-page .jm-highlight img{width:69px;height:73px;object-fit:contain;image-rendering:pixelated;flex:none}
.jm-page .jm-result-note{font-size:12px;color:#99aeac;margin:8px 0}
.jm-page .jm-paper{background:linear-gradient(155deg,#202734,#161d27);border:1px solid #3e5150;border-radius:22px;padding:clamp(21px,3vw,37px);color:#e9f1ee}
.jm-page .jm-paper h2,.jm-page .jm-paper h3{margin-bottom:15px}
.jm-page .jm-paper h2{font-size:clamp(25px,2.5vw,36px)}
.jm-page .jm-paper h3{font-size:20px;margin-top:22px}
.jm-page .jm-paper p{color:#b9c8c6;font-size:14px;line-height:1.77;margin-bottom:15px}
.jm-page .jm-paper p strong{color:#f7faf9}
.jm-page .jm-inline-ref{display:inline-block;color:#f7bd73;border:1px solid #8c6140;padding:6px 10px;border-radius:8px;font-size:11px;margin:5px 0 15px}
.jm-page .jm-back{display:inline-flex;align-items:center;gap:7px;background:#222a35;border:1px solid #455c56;border-radius:11px;color:#cce8d3;font-weight:700;padding:10px 13px;font-size:12px;margin-bottom:18px}
.jm-page .jm-split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:18px;align-items:start}
.jm-page .jm-aside{border:1px solid #3d4d4a;border-radius:20px;background:#1c2630;padding:20px}
.jm-page .jm-aside h3{font-size:18px;margin:0 0 14px}
.jm-page .jm-linklist{display:grid;gap:10px}
.jm-page .jm-linklist a,.jm-page .jm-linklist button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;color:#d5ebe0;border:1px solid #41554c;background:#202e31;border-radius:10px;padding:12px 13px;font-size:12px;line-height:1.45}
.jm-page .jm-linklist a:hover,.jm-page .jm-linklist button:hover{border-color:#ffc17f;color:#ffcb93}
.jm-page .jm-topic-step{display:flex;align-items:center;gap:11px;padding:13px 14px;background:#263340;border-radius:12px;margin:10px 0;color:#dee9e6;font-size:13px}
.jm-page .jm-topic-step b{height:30px;width:30px;flex:none;display:grid;place-items:center;background:#c9ebce;color:#1b3425;border-radius:8px}
.jm-page .jm-choices{display:grid;gap:9px;margin:19px 0}
.jm-page .jm-choice{background:#293a45;border:1px solid #4d6770;color:#e5f2f2;border-radius:12px;padding:13px 15px;text-align:left;display:flex;align-items:center;gap:10px}
.jm-page .jm-choice:hover:not(:disabled){border-color:#bfeacb;background:#31494c}
.jm-page .jm-choice:disabled{opacity:.75}
.jm-page .jm-choice.correct{border-color:#8cdaaa;background:#2d543e;opacity:1}
.jm-page .jm-choice.wrong{border-color:#e18a92;background:#54323c;opacity:1}
.jm-page .jm-callout{background:#253c34;border:1px solid #62876c;border-radius:13px;padding:17px;color:#e1f8e8;font-size:13px;line-height:1.7;margin-top:16px}
.jm-page .jm-callout.wrong{background:#4b2d35;border-color:#b77c83;color:#f9e9eb}
.jm-page .jm-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:24px}
.jm-page .jm-grid-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:19px 0}
.jm-page .jm-step{background:linear-gradient(155deg,#222935,#1b222b);border:1px solid #41524d;border-radius:17px;padding:19px;min-height:180px}
.jm-page .jm-step b{font:700 18px 'Pixelify Sans',sans-serif;color:#ffb666}
.jm-page .jm-step h3{font-size:16px;margin:14px 0 8px}
.jm-page .jm-step p{font-size:12px;line-height:1.6;color:#aebfc2}
.jm-page .jm-story-feature{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);min-height:350px;border:1px solid #54544b;border-radius:26px;overflow:hidden;background:#1c2630}
.jm-page .jm-story-feature .jm-story-image{position:relative;min-height:320px;overflow:hidden;background:#10151f}
.jm-page .jm-story-feature .jm-story-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.jm-page .jm-story-feature .jm-story-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#1c26304d)}
.jm-page .jm-story-feature .jm-story-body{padding:33px clamp(21px,3vw,39px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 100% 10%,#3e453569,transparent 60%)}
.jm-page .jm-story-tag{font:700 11px 'Pixelify Sans',sans-serif;color:#fbc180;letter-spacing:.07em;text-transform:uppercase}
.jm-page .jm-story-feature h2{font-size:clamp(26px,2.55vw,37px);margin:18px 0 13px;line-height:1.2}
.jm-page .jm-story-feature p{font-size:14px;line-height:1.68;color:#b8c8c9;margin-bottom:21px}
.jm-page .jm-story-card{--story:#b4e6c3;display:flex;flex-direction:column;gap:12px;background:linear-gradient(155deg,#222b36,#181e28);border:1px solid #384f4a;border-radius:19px;min-height:230px;padding:22px;transition:transform .18s,border-color .18s}
.jm-page .jm-story-card:hover{transform:translateY(-3px);border-color:var(--story)}
.jm-page .jm-story-card .jm-story-glyph{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;border:1px solid var(--story);background:#ffffff0c;font-size:24px}
.jm-page .jm-story-card h3{font-size:19px}
.jm-page .jm-story-card p{color:#b3c4c2;font-size:12px;line-height:1.6}
.jm-page .jm-story-card a{margin-top:auto;color:#ffbd76;font-size:12px;font-weight:850;text-decoration:none}
.jm-page .jm-story-card a:hover{text-decoration:underline}
.jm-page .jm-article-image{width:100%;max-height:420px;aspect-ratio:16/8.5;object-fit:cover;border-radius:16px;border:1px solid #56624b;margin:16px 0 22px}
.jm-page .jm-article-lead{font-size:17px!important;color:#e4f5ed!important;line-height:1.75!important}
.jm-page .jm-article-list{color:#c6d5d3;font-size:14px;line-height:1.85;padding-left:22px}
.jm-page .jm-article-list li{margin-bottom:8px}
.jm-page .jm-article-disclaimer{background:#322a26;border:1px solid #6d5943;padding:12px;border-radius:10px;font-size:11px;color:#e5cfb2;line-height:1.6;margin:20px 0}
.jm-page .jm-news-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #42524a;margin:22px 0;padding-bottom:14px}
.jm-page .jm-news-bar strong{font-size:13px;color:#ccecd6}
.jm-page .jm-news-bar span{font-size:12px;color:#95aba7}
.jm-page .jm-exam-top{display:flex;align-items:center;justify-content:space-between;gap:13px;flex-wrap:wrap}
.jm-page .jm-exam-timer{font:700 24px 'Pixelify Sans',sans-serif;color:#ffa52d;border:2px solid #ffbc6b;border-radius:12px;padding:10px 15px;background:#352a2b}
.jm-page .jm-progress{height:9px;background:#394c48;border-radius:10px;overflow:hidden;margin:18px 0 30px}
.jm-page .jm-progress span{height:100%;display:block;background:linear-gradient(90deg,#ff9a29,#c5edcf);border-radius:10px;transition:width .2s}
.jm-page .jm-exam-center{max-width:710px;margin:0 auto}
.jm-page .jm-exam-center h2{font-size:clamp(23px,2.6vw,36px);margin:15px 0 23px}
.jm-page .jm-score{text-align:center;padding:35px 0}
.jm-page .jm-score img{width:160px;height:160px;object-fit:contain;image-rendering:pixelated}
.jm-page .jm-score h2{font-size:34px;margin:13px 0}
.jm-page .jm-score p{color:#c0d2cc;font-size:14px;margin-bottom:20px}
@keyframes jm-bob{0%,100%{translate:0 0}50%{translate:0 -10px}}
@media(max-width:1160px){.jm-page .jm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.jm-page .jm-grid-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.jm-page .jm-hero{grid-template-columns:1fr 130px;padding:28px;min-height:210px}.jm-page .jm-mascot img{height:135px;width:125px}.jm-page .jm-story-feature{grid-template-columns:1fr}.jm-page .jm-story-feature .jm-story-image{height:230px;min-height:230px}.jm-page .jm-split{grid-template-columns:1fr}.jm-page .jm-highlight{align-items:flex-start}}
@media(max-width:610px){.jm-page .jm-hero{padding:26px 21px;grid-template-columns:1fr;gap:0}.jm-page .jm-hero-art{justify-content:flex-end;min-height:80px;margin-top:-15px}.jm-page .jm-mascot{flex-direction:row}.jm-page .jm-mascot img{width:76px;height:87px}.jm-page .jm-mascot small{white-space:normal;max-width:160px}.jm-page .jm-cards,.jm-page .jm-grid-steps{grid-template-columns:1fr}.jm-page .jm-header{align-items:flex-start;flex-direction:column}.jm-page .jm-story-feature .jm-story-body{padding:25px 21px}.jm-page .jm-card{min-height:190px}.jm-page .jm-highlight{flex-wrap:wrap}.jm-page .jm-highlight .jm-btn{margin-left:0}.jm-page .jm-news-bar{flex-wrap:wrap}.jm-page .jm-exam-timer{font-size:18px}}
@media(prefers-reduced-motion:reduce){.jm-page .jm-mascot img{animation:none!important}}