/* JuriVerso · La cara luminosa del universo: una página institucional cálida. */
body.jv-about-mode{background:#fff7eb;--canvas:#fff7eb}
body.jv-about-mode .main{background:#fff7eb}
body.jv-about-mode .topbar{background:#fff7eb}
body.jv-about-mode .crumb{color:#615c57}
body.jv-about-mode .crumb b{color:#202328}
body.jv-about-mode .main-content{padding-bottom:55px}
.jv-about-page{--jv-ink:#20252b;--jv-sun:#ffab37;--jv-mint:#d8f0de;--jv-cream:#fffaf2;--jv-salmon:#ffe4cb;color:var(--jv-ink);max-width:1460px;margin:0 auto}
.jv-about-page *{box-sizing:border-box}
.jv-about-page h1,.jv-about-page h2,.jv-about-page h3{color:var(--jv-ink);letter-spacing:-.05em}
.jv-about-page p{color:#4c5c58;line-height:1.73}
.jv-about-page .jv-kicker{font:700 12px 'Pixelify Sans',sans-serif;letter-spacing:.095em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px}
.jv-about-page .jv-kicker::before{content:'✦';font-size:19px;color:#285c45}
.jv-about-hero{position:relative;min-height:545px;border-radius:28px 28px 18px 18px;background:radial-gradient(circle at 75% 6%,#ffe7a5a8,transparent 40%),linear-gradient(115deg,#ffab36 0%,#ffbd66 58%,#ffca78 100%);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:clamp(34px,5vw,74px);gap:10px;overflow:hidden;isolation:isolate;box-shadow:0 19px 50px #d88c3333}
.jv-about-hero::after{content:'';pointer-events:none;position:absolute;bottom:-1px;left:-3%;width:106%;height:60px;background:var(--jv-cream);clip-path:polygon(0 70%,12% 65%,24% 45%,35% 64%,49% 23%,61% 49%,75% 32%,88% 53%,100% 35%,100% 100%,0 100%);z-index:1}
.jv-about-hero .jv-hero-copy{position:relative;z-index:2;max-width:660px;padding-bottom:21px}
.jv-about-hero .jv-kicker{padding:9px 14px;border:1.5px solid #37342b;border-radius:100px;color:#24292d;background:#ffdfac70}
.jv-about-hero h1{font-size:clamp(39px,4.45vw,72px);line-height:1.08;margin:22px 0 20px;font-weight:900}
.jv-about-hero h1 em{font-style:normal;color:#2b6549}
.jv-about-hero p{max-width:560px;font-size:clamp(15px,1.27vw,19px);color:#343b36;line-height:1.67}
.jv-about-hero .jv-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.jv-about-page .jv-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid #21272c;background:#1a242a;color:#fff;border-radius:14px;padding:14px 19px;font-weight:850;font-size:13px;transition:transform .2s,box-shadow .2s;cursor:pointer}
.jv-about-page .jv-button:hover{transform:translateY(-3px);box-shadow:0 9px 20px #25252527}
.jv-about-page .jv-button.ghost{background:#fff9ed;color:#232b29;border-color:#f1e2c1}
.jv-about-hero-art{position:relative;min-height:360px;display:flex;align-items:flex-end;justify-content:center;gap:0;z-index:2}
.jv-about-hero-art::before{content:'';width:310px;height:310px;border-radius:50%;position:absolute;top:8%;left:50%;transform:translateX(-50%);background:#fff7da74;border:2px dashed #fff9de;box-shadow:0 0 0 25px #fff7d82b;z-index:-1}
.jv-about-hero-art .jv-character{border:0;background:none;position:relative;display:flex;flex-direction:column;align-items:center;width:35%;min-width:95px;padding:0;cursor:pointer;color:#283a31}
.jv-about-hero-art .jv-character img{width:100%;height:225px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 13px 2px #ad622a38);transition:transform .2s}
.jv-about-hero-art .jv-character:hover img,.jv-about-hero-art .jv-character:focus-visible img{transform:translateY(-12px) rotate(-5deg)}
.jv-about-hero-art .jv-character:nth-child(1){transform:translate(22px,14px) rotate(-6deg)}
.jv-about-hero-art .jv-character:nth-child(2){z-index:1;transform:translateY(-16px)}
.jv-about-hero-art .jv-character:nth-child(3){transform:translate(-18px,17px) rotate(7deg)}
.jv-about-hero-art .jv-character span{position:absolute;top:-12px;white-space:nowrap;background:#f8fff5;color:#205d44;border:1px solid #72a887;border-radius:9px;box-shadow:3px 3px 0 #275a3b;font:700 11px 'Pixelify Sans',sans-serif;padding:7px 9px}
.jv-about-section{padding:clamp(35px,4.2vw,63px);border-radius:26px;margin-top:17px;overflow:hidden;position:relative}
.jv-about-section h2{font-size:clamp(30px,3.25vw,48px);line-height:1.18;margin:14px 0 19px;max-width:800px;font-weight:900}
.jv-about-section .jv-lead{font-size:16px;max-width:760px}
.jv-about-mission{background:#fffaf2;display:grid;grid-template-columns:1.06fr .94fr;gap:clamp(25px,4vw,65px);align-items:center;border:1px solid #f4e7d4}
.jv-about-mission .jv-kicker{color:#a05b23}
.jv-about-note{padding:28px;border:1px solid #a6c3ae;background:linear-gradient(145deg,#e0f3e6,#cfe9d7);border-radius:22px;box-shadow:9px 9px 0 #3f655318;transform:rotate(1.3deg)}
.jv-about-note h3{font-size:23px;margin:0 0 16px}
.jv-about-note ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}
.jv-about-note li{display:flex;gap:10px;align-items:flex-start;color:#2e4940;font-size:13px;line-height:1.6}
.jv-about-note li span{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#2c6045;color:#fff;font-size:12px;font-weight:900}
.jv-about-crew{background:linear-gradient(130deg,#d9f1df,#e9f8eb);border:1px solid #b5dec1}
.jv-about-crew>.jv-center{text-align:center;max-width:720px;margin:0 auto 28px}
.jv-about-crew>.jv-center h2{margin:13px auto 10px}
.jv-about-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.jv-crew-card{display:flex;align-items:center;flex-direction:column;gap:6px;min-width:0;min-height:265px;text-align:center;background:#fffdf7;border:1px solid #acd2b6;border-radius:20px;padding:17px 12px 18px;box-shadow:0 8px 20px #355c3911;cursor:pointer;transition:transform .2s,box-shadow .2s}
.jv-crew-card:nth-child(2){background:#fff0e0;border-color:#edc7a3}
.jv-crew-card:nth-child(3){background:#f0e9fb;border-color:#cfc0eb}
.jv-crew-card:nth-child(4){background:#e5f0ff;border-color:#b7cde7}
.jv-crew-card:nth-child(5){background:#ffe9ea;border-color:#ebc5c8}
.jv-crew-card:hover,.jv-crew-card:focus-visible{transform:translateY(-7px);box-shadow:0 15px 25px #22553822}
.jv-crew-card img{height:137px;max-width:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 2px #1b382a25)}
.jv-crew-card h3{font-size:18px;margin:3px 0}
.jv-crew-card p{font-size:12px;line-height:1.4;color:#53625b}
.jv-crew-card small{font:700 11px 'Pixelify Sans',sans-serif;color:#2c7952;margin-top:auto}
.jv-about-method{background:linear-gradient(125deg,#1b222d,#242331);color:#f7fcf9;border:1px solid #3f4a50}
.jv-about-method h2,.jv-about-method h3{color:#f7fcf9}
.jv-about-method p{color:#c5d3cd}
.jv-about-method .jv-kicker{color:#b7ecc8}
.jv-about-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px}
.jv-method-card{border-radius:19px;background:#ffe7cb;padding:26px;display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-height:214px}
.jv-method-card:nth-child(2){background:#d7f0e1}
.jv-method-card:nth-child(3){background:#e9e2fa}
.jv-method-card .jv-number{font:700 24px 'Pixelify Sans',sans-serif;color:#924a20}
.jv-method-card h3{color:#20282a;font-size:21px}
.jv-method-card p{color:#4c585a;font-size:13px}
.jv-about-values{background:#fffaf2;border:1px solid #f1e1cc}
.jv-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:21px}
.jv-value-card{background:#fff;border:1px solid #ebdece;border-radius:18px;padding:22px;min-height:192px}
.jv-value-card:nth-child(2){background:#e7f5eb;border-color:#c1dbc9}
.jv-value-card:nth-child(3){background:#fff0db;border-color:#efcfa2}
.jv-value-card:nth-child(4){background:#f1ebff;border-color:#d4c5ed}
.jv-value-card .jv-icon{width:43px;height:43px;border-radius:13px;background:#26392f;color:#fff;display:grid;place-items:center;font-size:23px;margin-bottom:16px}
.jv-value-card h3{font-size:17px;margin-bottom:9px}
.jv-value-card p{font-size:12px}
.jv-about-outro{background:linear-gradient(110deg,#c8e9d2,#e7f8e9);border:1px solid #9ec9aa;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.jv-about-outro h2{margin-bottom:12px}
.jv-about-disclaimer{padding:23px 14px 0;text-align:center;font-size:12px;color:#66736d;line-height:1.65}

/* Más respiración cromática en el resto de JuriVerso: un bloque claro entre paneles oscuros. */
.jm-page .jm-header{background:linear-gradient(115deg,#fff3dd,#e3f5e7);border:1px solid #d7ddc7;border-radius:19px;padding:19px 23px;margin:27px 0 17px}
.jm-page .jm-header h2{color:#222d2b}
.jm-page .jm-header p{color:#53665d}
.jm-page .jm-header .jm-overline{color:#96541e}
.jm-page .jm-cards>.jm-card:nth-child(3n + 2){background:linear-gradient(145deg,#e5f7e9,#cfead8);border-color:#9cc7aa;color:#21332c}
.jm-page .jm-cards>.jm-card:nth-child(3n + 2) h3{color:#20332b}
.jm-page .jm-cards>.jm-card:nth-child(3n + 2) p{color:#53685e}
.jm-page .jm-cards>.jm-card:nth-child(3n + 2) .jm-symbol{color:#2c6549;background:#b1dfc1;border-color:#7eb895}
.jm-page .jm-cards>.jm-card:nth-child(3n + 2) .jm-tiny,.jm-page .jm-cards>.jm-card:nth-child(3n + 2) .jm-card-action{color:#99531f}
/* Las colecciones normativas y las fichas de jurisprudencia usan un contenedor para filtros. */
.jm-page .jm-cards>:nth-child(3n + 2)>.jm-card{background:linear-gradient(145deg,#e5f7e9,#cfead8);border-color:#9cc7aa;color:#21332c}
.jm-page .jm-cards>:nth-child(3n + 2)>.jm-card h3{color:#20332b}
.jm-page .jm-cards>:nth-child(3n + 2)>.jm-card p{color:#53685e}
.jm-page .jm-cards>:nth-child(3n + 2)>.jm-card .jm-symbol{color:#2c6549;background:#b1dfc1;border-color:#7eb895}
.jm-page .jm-cards>:nth-child(3n + 2)>.jm-card .jm-tiny,.jm-page .jm-cards>:nth-child(3n + 2)>.jm-card .jm-card-action{color:#99531f}
.jm-page .jm-cards>.jm-story-card:nth-child(3n + 2){background:linear-gradient(145deg,#fff0d7,#ffe5c7);border-color:#e7b985}
.jm-page .jm-cards>.jm-story-card:nth-child(3n + 2) h3{color:#24312b}
.jm-page .jm-cards>.jm-story-card:nth-child(3n + 2) p{color:#60584b}
.jm-page .jm-cards>.jm-story-card:nth-child(3n + 2) a{color:#9b491e}
.jm-page .jm-cards>.jm-story-card:nth-child(3n + 2) .jm-story-tag{color:#9c4d1f}

@media(max-width:1150px){.jv-about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.jv-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jv-about-hero{grid-template-columns:1.1fr .9fr;padding:37px}.jv-about-hero-art .jv-character img{height:185px}}
@media(max-width:800px){.jv-about-hero{grid-template-columns:1fr}.jv-about-hero-art{min-height:230px}.jv-about-hero-art .jv-character{width:26%}.jv-about-hero-art .jv-character img{height:175px}.jv-about-mission{grid-template-columns:1fr}.jv-about-trio{grid-template-columns:1fr}.jv-about-outro{grid-template-columns:1fr}.jv-about-hero h1{font-size:clamp(39px,6.5vw,64px)}}
@media(max-width:590px){.jv-about-hero{padding:32px 22px 53px;border-radius:21px}.jv-about-hero-art{min-height:190px;margin:15px -8px -14px}.jv-about-hero-art .jv-character{min-width:0;width:34%}.jv-about-hero-art .jv-character img{height:140px}.jv-about-hero-art .jv-character span{font-size:9px;padding:5px}.jv-about-hero-art::before{width:190px;height:190px}.jv-about-section{padding:29px 22px;border-radius:20px}.jv-about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jv-crew-card{min-height:234px;padding:14px 9px}.jv-crew-card img{height:113px}.jv-values-grid{grid-template-columns:1fr}.jv-about-page .jv-button{width:100%}.jv-about-hero .jv-actions{flex-direction:column}.jv-about-note{padding:20px}.jm-page .jm-header{padding:17px}}
@media(prefers-reduced-motion:reduce){.jv-about-page *{transition:none!important;animation:none!important}}