:root{--ink:#142443;--muted:#5d6d86;--blue:#1267bc;--cyan:#16b7db;--orange:#ff9b18;--green:#36a948;--purple:#7750c8;--pink:#ed609e;--bg:#f2f7fc;--border:#dbe5ef;--shadow:0 14px 36px rgba(28,56,102,.10);--radius:20px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;line-height:1.5}
body::before{content:"";position:fixed;left:0;right:0;top:0;height:260px;background:linear-gradient(120deg,#d7f5ff 0%,#eef8ed 45%,#fff4d9 100%);z-index:-1;pointer-events:none}
button,input{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid #62b7ff;outline-offset:3px}
button:disabled{opacity:.42;cursor:not-allowed}
header{padding:17px 4vw;max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brandmark{width:46px;height:46px;border-radius:15px;background:conic-gradient(from 25deg,#39ac48,#c6e83b,#ffac1b,#28b4d1,#39ac48);display:grid;place-items:center;color:white;font-size:25px;box-shadow:0 3px 9px #2677ad2b}
.brandstrong{font-size:21px;font-weight:900;letter-spacing:-.8px;color:#0a4488}
.brandstrong span{color:#f38c12}
.brandcaption{display:block;font-size:11px;color:var(--muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.headerpill{font-size:12px;background:white;border:1px solid var(--border);border-radius:30px;padding:7px 11px;color:#3b5875;white-space:nowrap;font-weight:700}
.main{max-width:1150px;margin:0 auto;padding:8px 24px 45px}
.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero{position:relative;overflow:hidden;border-radius:26px;padding:35px 35px 32px;background:linear-gradient(122deg,#153775,#1265b6 62%,#14a9c2);color:#fff}
.hero::after{content:"✦";position:absolute;right:23px;top:-74px;font-size:280px;opacity:.10;color:#fff;pointer-events:none}
.hero .eyebrow{display:inline-block;background:#fff2;border:1px solid #fff5;border-radius:30px;padding:6px 13px;font-size:12px;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.hero h1{margin:15px 0 9px;font-size:clamp(28px,4vw,46px);line-height:1.12;max-width:720px;letter-spacing:-1.3px}
.hero p{max-width:670px;color:#e4f3ff;font-size:15px;margin:0}
.hero .bigem{color:#ffd864}
.content{padding:26px 31px}
.statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 4px}
.stat{background:#f5f9ff;border-radius:15px;border:1px solid #e5eefb;text-align:center;padding:12px 6px}
.stat strong{display:block;font-size:26px;color:#1765ab;font-weight:900}
.stat small{display:block;font-size:12px;color:#506d8c}
.introgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.85fr);gap:19px;margin-top:18px}
.startbox h2{margin:0 0 12px;font-size:20px;letter-spacing:-.3px}
.startbox p{margin:0 0 13px;color:#53657b;font-size:14px}
.field{display:block;margin:15px 0 7px;font-weight:800;font-size:13px;color:#27415d}
.textinput{width:100%;border:1px solid #bbcee1;border-radius:13px;padding:13px 14px;background:#fbfdff;color:#152f4d}
.radiorow{display:flex;gap:13px;flex-wrap:wrap;margin-top:14px}
.radiochoice{display:flex;gap:8px;align-items:center;border:1px solid #dfebf6;border-radius:12px;padding:10px 12px;background:#f8fbff;font-size:13px;font-weight:680}
.radiochoice input{accent-color:#136fc2}
.btn{border:none;border-radius:12px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:14px;transition:transform .12s,background .12s}
.btn:not(:disabled):active{transform:translateY(1px)}
.btn-primary{background:linear-gradient(120deg,#ffac27,#ff8615);color:#1b2b45;box-shadow:0 5px 10px #ff9f2255}
.btn-blue{background:#146bb9;color:white}
.btn-subtle{background:#f0f5fb;color:#214566;border:1px solid #d8e6f4}
.btn-danger{background:#fff1f2;color:#aa2440;border:1px solid #f8c7d1}
.btn-ghost{color:#2f668e;background:white;border:1px solid #d7e3f0}
.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.hint{font-size:12px;color:#61748b;margin:12px 0 0}
.unit-list{display:grid;gap:9px}
.unitline{display:flex;align-items:center;gap:9px;padding:8px 9px;background:#f7fbff;border:1px solid #e9f0f7;border-radius:11px;font-size:13px}
.unitnum{display:grid;place-items:center;flex:0 0 28px;height:28px;background:var(--c,#e8edfc);border-radius:9px;font-weight:850;color:#284260}
.unitname{flex:1;font-weight:680;line-height:1.2}
.unitcount{font-variant-numeric:tabular-nums;font-size:12px;color:#687b91}
.quiz-header{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px}
.quiz-title h1{font-size:26px;line-height:1.15;letter-spacing:-.65px;margin:3px 0 4px}
.quiz-title .kicker{font-size:12px;color:#3b7cbd;font-weight:850;text-transform:uppercase;letter-spacing:.07em}
.person{font-size:12px;color:#597089}
.quiz-timer{background:#fff;border:1px solid var(--border);border-radius:18px;padding:10px 14px;min-width:128px;text-align:center;font-variant-numeric:tabular-nums}
.quiz-timer b{font-size:20px;display:block}
.quiz-timer small{color:#697c90}
.quiz-timer.warning{background:#fff5e3;border-color:#ffc368;color:#8b480b}
.quiz-timer.warning small{color:#9d580d}
.quiz-timer.critical{background:#fff0ef;border-color:#fa8f88;color:#b12c28;animation:time-pulse 1.2s ease-in-out infinite}
.quiz-timer.critical small{color:#b12c28}
@keyframes time-pulse{0%,100%{box-shadow:none}50%{box-shadow:0 0 0 4px #ffe0df}}
.deadline-note{margin-top:12px;padding:12px 14px;border-radius:13px;background:#edf7ff;color:#27587b;font-weight:700;font-size:13px}
.deadline-note strong{color:#135b99}
.progress-shell{display:flex;align-items:center;gap:12px;margin:14px 0 19px}
.progress-track{height:13px;flex:1;background:#e1e9f2;border-radius:20px;overflow:hidden}
.progress-fill{height:100%;width:0;background:linear-gradient(90deg,#39b85c,#43cbd0);border-radius:20px;transition:width .2s}
.progress-shell b{font-size:13px;color:#3a6586;font-variant-numeric:tabular-nums}
.quiz-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;align-items:start;gap:18px}
.question-card{overflow:hidden}
.question-head{padding:21px 27px;border-bottom:1px solid #e8eff6;background:linear-gradient(100deg,#f8fbff,#fff)}
.question-head small{font-size:12px;font-weight:850;color:#5478a1}
.qnumber{background:#e8f2ff;border-radius:50px;color:#1763ae;padding:5px 10px;margin-right:7px}
.question-head h2{font-size:clamp(20px,2.55vw,26px);line-height:1.3;letter-spacing:-.4px;margin:16px 0 2px}
.question-body{padding:18px 26px 24px}
.answer-list{display:grid;gap:11px}
.option{width:100%;text-align:left;display:flex;gap:13px;align-items:flex-start;background:#fff;border:2px solid #e4ebf4;border-radius:15px;padding:13px 15px;color:#253953;font-weight:650;transition:border .12s,background .12s}
.option:hover{border-color:#8fc6e8;background:#f8fcff}
.option.selected{border-color:#1688cd;background:#eaf8ff;box-shadow:inset 0 0 0 1px #1688cd}
.letter{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#eaf1fa;color:#366083;font-weight:850}
.option.selected .letter{background:#0c85c7;color:white}
.option .choice-text{padding-top:3px;font-size:15px;line-height:1.4}
.footnav{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.footnav .right{display:flex;gap:8px}
.mark{background:none;border:1px solid #efddac;color:#8b6218;border-radius:11px;padding:9px 11px;font-size:12px;font-weight:850}
.mark.on{background:#fff1c1;border-color:#ebc45b}
.side{padding:17px 16px}
.side h2{font-size:15px;margin:2px 0 3px}
.side p{font-size:12px;color:#697d92;margin:0 0 12px}
.legend{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;font-size:11px;color:#52718d}
.legend span{display:inline-flex;align-items:center;gap:4px}
.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e6edf5;border:1px solid #d0dde9}
.dot.done{background:#41c48e;border-color:#41c48e}
.dot.flag{background:#ffc65b;border-color:#ffc65b}
.index-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.num-btn{width:100%;height:37px;border-radius:9px;border:1px solid #d9e5f1;color:#56728e;background:#f8fbfe;font-size:13px;font-weight:780;position:relative}
.num-btn.current{border:2px solid #1b75bf;background:#e7f4ff;color:#074f94}
.num-btn.answered{background:#e8f9f0;border-color:#87d6b0;color:#1f8152}
.num-btn.flagged::after{content:"•";position:absolute;right:3px;top:-6px;font-size:22px;color:#e9940b}
.side-info{border-top:1px solid #e7edf5;margin-top:13px;padding-top:14px;font-size:12px;color:#536a7e}
.side-info strong{display:block;font-size:13px;color:#284968}
.side-info .side-btn{margin-top:10px;width:100%}
.result-head{padding:29px 29px 27px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:18px;background:linear-gradient(110deg,#173c79,#126cae);color:#fff;border-radius:24px}
.result-head h1{margin:4px 0 8px;font-size:clamp(25px,3.4vw,37px);line-height:1.2}
.result-head p{margin:0;color:#e7f4fc;font-size:14px}
.result-ring{width:192px;height:192px;border-radius:50%;display:grid;place-items:center;justify-self:center;background:conic-gradient(#9ae675 var(--pct,0%),#ffffff30 0);padding:11px;box-shadow:0 0 0 6px #ffffff15}
.ring-inner{width:100%;height:100%;border-radius:50%;background:#174d8d;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ring-inner b{font-size:48px;line-height:1;letter-spacing:-1px}
.ring-inner span{font-size:14px;color:#daf0fe;margin-top:2px}
.ring-inner small{font-size:11px;color:#badaf4}
.pass-msg{margin:16px 0 0;padding:18px 20px;background:#fff;border:1px solid #e0e8f1;border-left:6px solid #3573b9;border-radius:17px;box-shadow:0 7px 18px #183d6520}
.pass-msg.passed{border-left-color:#2e9f60;background:#f3fcf7}
.pass-msg.improve{border-left-color:#f09c38;background:#fffaf0}
.pass-msg h2{font-size:20px;margin:0 0 7px;line-height:1.3;color:#193757}
.pass-msg p{font-size:14px;color:#425975;line-height:1.65;margin:0}
.pass-tag{display:inline-flex;padding:5px 11px;font-size:12px;font-weight:850;border-radius:999px;background:#def7e9;color:#176e41;margin:0 0 8px}
.pass-tag.improve{background:#fff0d8;color:#965012}
.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.result-stat{padding:14px;background:#fff;border:1px solid var(--border);border-radius:15px;text-align:center}
.result-stat b{display:block;font-size:25px;color:#165fa9}
.result-stat span{font-size:12px;color:#6a7b90}
.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.detail-card{padding:21px}
.detail-card h2{margin:0 0 12px;font-size:17px}
.breakdown{display:grid;gap:12px}
.breakdown .rowlabel{display:flex;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:12px;color:#49617a}
.breakdown .rowlabel b{color:#243e57}
.tinytrack{height:8px;background:#e8eff5;border-radius:10px;overflow:hidden}
.tinytrack span{display:block;height:100%;background:linear-gradient(90deg,#3ba6ce,#41c07b);border-radius:8px}
.reviewheader{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0 12px}
.reviewheader h2{margin:0;font-size:22px}
.chiprow{display:flex;flex-wrap:wrap;gap:8px}
.chip{padding:8px 13px;border:1px solid #dce7f2;background:white;border-radius:30px;font-size:12px;font-weight:800;color:#55708c}
.chip.active{background:#146cb9;border-color:#146cb9;color:white}
.review-list{display:grid;gap:13px}
.review-item{border:1px solid #dae6f0;border-radius:17px;padding:17px 19px;background:#fff}
.review-item.correct{border-left:6px solid #36b66d}
.review-item.incorrect{border-left:6px solid #e76c65}
.review-item.empty{border-left:6px solid #eab55a}
.review-item .rvtop{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:12px;color:#617790;font-weight:700}
.review-item h3{font-size:16px;margin:8px 0 10px}
.review-item p{font-size:13px;margin:4px 0;color:#395169}
.review-item .explain{background:#f1f7fc;border-radius:10px;padding:9px 11px;margin-top:10px}
.tag{padding:4px 8px;border-radius:20px;font-weight:850;font-size:11px;background:#e7f5ff;color:#1167ae}
.tag.good{background:#dff7e9;color:#176c3e}
.tag.bad{background:#fff0ec;color:#b84536}
.tag.neutral{background:#fff5df;color:#966213}
.footer{font-size:12px;color:#647c92;text-align:center;padding:4px 16px 28px}
.modal-layer{position:fixed;inset:0;background:rgba(18,35,62,.6);z-index:20;display:grid;place-items:center;padding:20px}
.modal{background:white;border-radius:20px;max-width:470px;padding:27px;box-shadow:0 24px 70px #001b3a55}
.modal h2{margin:0 0 9px;font-size:21px}
.modal p{font-size:14px;color:#53677e}
.modal .actions{justify-content:flex-end}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:840px){.quiz-grid,.introgrid,.details-grid{grid-template-columns:1fr}.side{order:2}.index-grid{grid-template-columns:repeat(10,1fr)}.result-ring{width:155px;height:155px}.ring-inner b{font-size:38px}}
@media(max-width:560px){.pass-msg{padding:15px}.pass-msg h2{font-size:18px}header{padding:12px 13px}.headerpill{display:none}.main{padding:4px 12px 25px}.hero{padding:24px 18px}.hero h1{font-size:29px}.content{padding:20px 17px}.statrow{grid-template-columns:repeat(2,1fr)}.quiz-title h1{font-size:22px}.quiz-timer{min-width:100px;padding:7px 10px}.quiz-timer b{font-size:16px}.question-head{padding:18px}.question-body{padding:15px}.option{padding:11px 10px}.option .choice-text{font-size:14px}.index-grid{grid-template-columns:repeat(5,1fr)}.result-head{grid-template-columns:1fr;padding:22px}.result-ring{justify-self:start}.result-stats{gap:6px}.result-stat{padding:10px 4px}.result-stat b{font-size:21px}.footnav .right{width:100%}.footnav .right .btn{flex:1}.review-item{padding:13px}}
@media print{body{background:white}.main{max-width:none;margin:0;padding:0}.hero,.quiz-header,.quiz-grid,.actions,.chiprow,.side,.footer,.headerpill{display:none!important}header{padding:0 0 12px}.card{box-shadow:none}.result-head{color:#162b48!important;background:#f0f5fa!important;print-color-adjust:exact}.result-head p{color:#37536d}.ring-inner{background:#d9eaf8!important;color:#132e56}.ring-inner span,.ring-inner small{color:#243e5f}.result-ring{background:#bcead3!important}.review-item{break-inside:avoid}.review-list{display:block}.review-item{margin-bottom:9px}.details-grid{grid-template-columns:1fr 1fr}.result-stats{grid-template-columns:repeat(3,1fr)}}

/* =====================================================
  Diseño institucional CTP Atenas + JovEm, versión 2026
  Se mantiene sin cambios el motor de evaluación local.
   ===================================================== */
:root{
  --ink:#15263e;--muted:#5d7082;--blue:#16395f;--cyan:#278ab5;
  --orange:#ef841d;--green:#4e9635;--purple:#6862a3;--pink:#c4787e;
  --bg:#f4f7f3;--border:#e0e9e5;--shadow:0 14px 42px rgba(24,53,46,.08);--radius:20px;
}
html{scroll-behavior:smooth}
body{background:#f5f8f5;color:var(--ink);min-height:100vh}
body::before{height:345px;background:radial-gradient(circle at 0% 15%,#e6f5df 0,transparent 40%),radial-gradient(circle at 100% 0%,#fff0d8 0,transparent 37%),linear-gradient(#fafdfb,#f4f8f5)}
button:focus-visible,input:focus-visible{outline:3px solid #2e9cba}
.site-topline{height:7px;background:linear-gradient(90deg,#4e973b 0%,#75bc59 31%,#f5b33c 60%,#ee7929 100%)}
header.institutional-header{
  max-width:1220px; margin:17px auto 0; padding:12px 20px;
  background:#fff; border:1px solid #e5eee7; border-radius:22px;box-shadow:0 10px 24px rgba(37,64,48,.05);
  display:grid;grid-template-columns:95px minmax(0,1fr) 124px;align-items:center;gap:18px;
}
.org-logo-card{background:#fff;display:flex;justify-content:center;align-items:center;height:92px;width:100%;border-radius:14px;overflow:hidden}
.org-logo-card img{display:block;max-height:86px;max-width:100%;height:auto;width:auto;object-fit:contain}
.org-logo-card.jovem-logo img{max-height:80px;max-width:112px}
.org-name{font-size:11px;letter-spacing:.13em;font-weight:850;color:#5c8370;text-transform:uppercase;margin-bottom:5px}
.org-heading{font-size:clamp(18px,2.3vw,27px);font-weight:880;letter-spacing:-.8px;color:#183f45;line-height:1.17}
.org-heading strong{color:#285b43}
.org-desc{font-size:13px;color:#6b7b84;margin-top:5px}
.org-right-label{font-size:10px;line-height:1.35;color:#5e6e7a;text-align:center;font-weight:750;margin-top:3px}
.main{max-width:1184px;padding-top:25px}
.card{border-color:#e4ece5;box-shadow:var(--shadow)}
.hero{min-height:282px;padding:39px 44px;background:radial-gradient(circle at 100% -5%,#52835b80 0,transparent 37%),linear-gradient(125deg,#173e49 0%,#225969 52%,#286b66 100%);border:1px solid #194b4b;isolation:isolate}
.hero::after{content:"";width:310px;height:310px;right:-110px;top:-82px;border:50px solid #fff1;border-radius:50%;z-index:-1;opacity:1}
.hero::before{content:"";width:165px;height:165px;position:absolute;right:135px;bottom:-95px;border:25px solid #f7a84d27;border-radius:50%;pointer-events:none}
.hero .eyebrow{font-size:11px;background:#ffffff16;color:#daf5e4;border:1px solid #ffffff37;letter-spacing:.14em}
.hero h1{max-width:750px;font-size:clamp(31px,4vw,50px);font-weight:900;letter-spacing:-1.5px;margin:20px 0 14px}
.hero .bigem{color:#ffe2a3}
.hero p{max-width:740px;font-size:15px;color:#e5f5f4;line-height:1.8}
.developer-inline{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;margin-top:20px;border:1px solid #ffffff40;border-radius:100px;background:#ffffff13;color:#e6faf2;font-size:12px;font-weight:750}
.developer-inline .spark{display:inline-block;background:#d1e6ce;color:#23594a;width:18px;height:18px;border-radius:50%;text-align:center;line-height:18px}
.statrow{gap:14px;margin-top:19px}
.stat{border-color:#e4eee8;background:#fff;padding:17px 8px;border-radius:17px;box-shadow:0 8px 18px #3c776010}
.stat strong{color:#226c5e;font-size:29px}
.stat:nth-child(2) strong{color:#ca6e23}
.stat:nth-child(3) strong{color:#4776a3}
.stat:nth-child(4) strong{color:#4f6e41}
.stat small{color:#647b84;font-weight:600}
.introgrid{gap:18px;margin-top:18px}
.content{padding:27px 29px}
.startbox h2{color:#234c4c;font-size:22px}
.startbox p{color:#52666f}
.field{color:#315d5c}
.textinput{border-color:#ccded6;background:#fdfefd;border-radius:12px}
.textinput:focus{outline:3px solid #b9ecde;border-color:#4c9c7c}
.radiochoice{background:#f5faf7;border-color:#e2eee6}
.radiochoice input{accent-color:#267a59}
.btn-primary{background:linear-gradient(130deg,#ec9a32,#ec7e2e);color:#fff;box-shadow:0 7px 20px #e68b3650}
.btn-blue{background:#23695f}
.btn-ghost{border-color:#d6e5df;color:#34665c}
.btn-subtle{background:#ecf4f0;color:#28564c;border-color:#d9e9e0}
.deadline-note{background:#eff7f4;color:#346959;border:1px solid #daebdf}
.deadline-note strong{color:#236147}
.hint{color:#6a7e81}
.unitline{background:#f9fcf9;border-color:#e6f0e8}
.unitnum{color:#274d47}
.quiz-title h1{color:#1c4c4c}
.quiz-title .kicker{color:#37816b}
.quiz-timer{border-color:#c8ded1;box-shadow:0 8px 22px #193d3212}
.quiz-timer b{color:#275d4e}
.progress-fill{background:linear-gradient(90deg,#52b56d,#e2ac57)}
.question-head{background:linear-gradient(100deg,#f4faf5,#fffdf9)}
.question-head small{color:#3c7c6c}
.qnumber{background:#e1f1e7;color:#1c7152}
.option:hover{border-color:#78bca3;background:#f7fcf8}
.option.selected{border-color:#267d62;background:#eaf8f1;box-shadow:inset 0 0 0 1px #267d62}
.option.selected .letter{background:#267d62}
.side{border-color:#e0ebe4}
.num-btn.current{border-color:#2d9772;background:#e6f7ec;color:#1b6b4c}
.num-btn.answered{background:#e1f3e6;color:#246b46}
.result-head{background:linear-gradient(115deg,#18454c,#276b68);border-radius:22px}
.result-ring{background:conic-gradient(#b4df85 var(--pct,0%),#ffffff30 0)}
.ring-inner{background:#215d5d}
.result-stat b{color:#27765d}
.chip.active{background:#26745d;border-color:#26745d}
.tag{background:#e2f1e9;color:#28634e}
.footer{max-width:1150px;margin:0 auto 24px;padding:23px 22px;border-top:1px solid #dae9de;color:#617b70}
.footer strong{display:block;font-size:13px;color:#31594b;margin-bottom:4px}
.footer small{display:block;font-size:11px;line-height:1.65}
.org-stamp{font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#467b68;font-weight:850}
@media(max-width:670px){
  header.institutional-header{margin:9px 12px 0;grid-template-columns:68px minmax(0,1fr) 74px;gap:9px;padding:10px;border-radius:16px}
  .org-logo-card{height:65px}.org-logo-card img{max-height:63px}.org-logo-card.jovem-logo img{max-width:70px;max-height:60px}
  .org-name{font-size:8px;letter-spacing:.08em}.org-heading{font-size:15px;letter-spacing:-.3px}.org-desc{font-size:10px;margin-top:3px;line-height:1.2}.org-right-label{display:none}
  .main{padding-top:13px}.hero{padding:28px 19px;min-height:auto}.hero h1{font-size:29px}.hero p{font-size:13px;line-height:1.7}
  .developer-inline{font-size:11px}.content{padding:22px 17px}.statrow{gap:8px}.stat{padding:13px 5px}.stat strong{font-size:26px}
}
@media(max-width:390px){
  header.institutional-header{grid-template-columns:54px minmax(0,1fr) 57px;gap:6px}.org-logo-card{height:56px}.org-logo-card img{max-height:55px}.org-logo-card.jovem-logo img{max-height:52px;max-width:57px}
  .org-heading{font-size:13px}.org-name{font-size:7px}.org-desc{font-size:9px}
}
@media print{
  body{background:white}.site-topline{height:3px}header.institutional-header{margin:0 auto 12px;box-shadow:none;border:0;grid-template-columns:70px minmax(0,1fr) 100px;padding:0 0 10px}
  .org-logo-card{height:70px}.org-logo-card img{max-height:70px}.org-logo-card.jovem-logo img{max-height:66px}
  .org-heading{font-size:19px}.footer{display:block!important;border:0;padding-top:8px}
}