/* JuriVerso · Zona de aprendizaje y juegos · paleta naranja / tinta / menta */
.academy{--a-orange:#ffa32f;--a-orange-strong:#ff8d1d;--a-mint:#c7f0d1;--a-ink:#0f1119;--a-dark:#181d26;--a-border:#343b47;color:#fff;max-width:1500px;margin:0 auto 54px}
.academy *{box-sizing:border-box}
.academy button{font-weight:750}
.academy .eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#b9e9c7}
.academy .arc-h1{font-size:clamp(34px,4vw,59px);letter-spacing:-.065em;line-height:1.08;color:#f8f7f5}
.academy .arc-h1 em{font-style:normal;color:var(--a-orange)}
.academy .arc-sub{color:#c5ced3;font-size:15px;line-height:1.65;max-width:660px}
.academy .arc-hero{position:relative;isolation:isolate;min-height:300px;padding:45px 340px 43px 43px;border:1px solid #3c3441;border-radius:27px;overflow:hidden;background:radial-gradient(circle at 86% 38%,#77422788,transparent 35%),radial-gradient(circle at 14% 95%,#243a33,transparent 50%),linear-gradient(120deg,#151720,#211a24 70%,#18151f)}
.academy .arc-hero:before{content:"";position:absolute;inset:0;opacity:.38;z-index:-1;pointer-events:none;background-image:radial-gradient(#ffb655 1px,transparent 2px),radial-gradient(#b5e9c2 1px,transparent 2px);background-size:96px 104px,143px 137px;background-position:4px 19px,58px 72px}
.academy .arc-hero h1{margin:14px 0 15px}
.academy .arc-hero-art{position:absolute;right:10px;bottom:-37px;display:flex;align-items:flex-end;justify-content:flex-end;width:335px;height:290px}
.academy .arc-hero-art img{height:242px;width:155px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 14px 13px #0008);animation:arc-float 3.5s ease-in-out infinite}
.academy .arc-hero-art img:last-child{height:195px;margin-left:-43px;animation-delay:-1.5s}
.academy .arc-hero-say{position:absolute;right:138px;top:8px;background:#c9efd4;border:2px solid #192e29;color:#123026;border-radius:14px;padding:9px 12px;font:700 13px 'Pixelify Sans',sans-serif;transform:rotate(-5deg)}
.academy .arc-btn{border:none;border-radius:12px;background:var(--a-orange);color:#22150e;padding:13px 19px;display:inline-flex;align-items:center;gap:11px;justify-content:center;transition:transform .16s,box-shadow .16s;box-shadow:0 4px 0 #ae5a17;margin-top:21px}
.academy .arc-btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 #ae5a17}
.academy .arc-btn.secondary{background:#d1eed7;box-shadow:0 4px 0 #689a7a}
.academy .arc-btn.ghost{background:#202834;color:#f0f7f0;box-shadow:none;border:1px solid #4b5a5b}
.academy .arc-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}
.academy .arc-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:23px 0 18px}
.academy .arc-toolbar h2{font-size:24px;letter-spacing:-.04em;color:#fff}
.academy .arc-chiplist{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:23px}
.academy .arc-chip{background:#1a1f2a;border:1px solid #404b50;color:#dbe8e7;border-radius:11px;font-size:12px;padding:10px 14px;transition:all .18s}
.academy .arc-chip:hover{border-color:#ffc580}
.academy .arc-chip.active{color:#201309;background:#ffb454;border-color:#ffb454;box-shadow:0 0 18px #ffaf4940}
.academy .arc-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:27px 0 16px}
.academy .arc-heading h2{font-size:clamp(24px,2.4vw,32px);color:#f8f8fb}
.academy .arc-heading p{font-size:13px;color:#9baab0;margin-top:4px}
.academy .arc-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.academy .arc-mode{position:relative;overflow:hidden;min-height:275px;border-radius:22px;padding:24px 23px;border:1px solid #574a42;display:flex;flex-direction:column;align-items:flex-start;text-align:left;color:#17201b;background:linear-gradient(155deg,#ffd49b,#ffaf5c);transition:transform .2s,border-color .2s,box-shadow .2s}
.academy .arc-mode:hover{transform:translateY(-5px);box-shadow:0 16px 36px #0005}
.academy .arc-mode.mode-remember{background:linear-gradient(135deg,#d4f1dc,#91dab5);border-color:#addfbf}
.academy .arc-mode.mode-truefalse{background:linear-gradient(135deg,#fff4d7,#f5cd8c);border-color:#e8cf93}
.academy .arc-mode .arc-mode-tag{display:inline-block;padding:7px 10px;border-radius:8px;background:#ffffffa6;font:700 11px 'Pixelify Sans',sans-serif;letter-spacing:.04em}
.academy .arc-mode h3{font-size:24px;letter-spacing:-.045em;color:#18191c;margin:22px 0 8px;position:relative;z-index:2}
.academy .arc-mode p{font-size:13px;line-height:1.55;color:#3b413d;max-width:70%;position:relative;z-index:2}
.academy .arc-mode .arc-mode-cta{margin-top:auto;font-size:12px;font-weight:900;background:#181b24;color:#fff;border-radius:9px;padding:10px 13px;position:relative;z-index:3}
.academy .arc-mode img{position:absolute;height:156px;width:140px;right:-5px;bottom:12px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 5px #0003);transition:transform .22s}
.academy .arc-mode:hover img{transform:translateY(-12px) rotate(-6deg)}
.academy .arc-mode .arc-doodle{position:absolute;font:700 120px 'Pixelify Sans',sans-serif;right:4px;top:-38px;opacity:.11}
.academy .arc-note{background:#171f20;border:1px solid #395b4c;border-radius:17px;padding:17px 21px;display:flex;align-items:center;gap:17px;justify-content:space-between;margin-top:20px}
.academy .arc-note strong{color:#c9f5d0}.academy .arc-note span{font-size:13px;color:#b0bfc0}
.academy .arc-note button{background:transparent;border:1px solid #76a58b;border-radius:10px;padding:10px 13px;color:#d9f9e2}
.academy .arc-crumb-btn{display:inline-flex;align-items:center;gap:8px;background:#1a212c;color:#dce9e3;border:1px solid #38494a;border-radius:10px;padding:10px 12px;margin-bottom:19px;font-size:13px}
.academy .arc-crumb-btn:hover{background:#28333d}
.academy .arc-stage{position:relative;min-height:570px;padding:30px clamp(17px,4vw,59px) 38px;border:1px solid #38434a;border-radius:27px;overflow:hidden;background:radial-gradient(circle at 100% 20%,#2e443e 0,transparent 35%),linear-gradient(145deg,#1b2430,#161a26 65%,#1b1b28)}
.academy .arc-stage:before{content:"✦";position:absolute;right:5%;top:7%;font-size:90px;color:#86be9b12;pointer-events:none}
.academy .arc-stage-top{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}
.academy .arc-stage-label{font:700 13px 'Pixelify Sans',sans-serif;color:#bfe5ca}
.academy .arc-stage-count{font-size:12px;color:#dbe3e5}
.academy .arc-progress{height:9px;border-radius:99px;background:#37404c;margin:19px 0 37px;overflow:hidden}
.academy .arc-progress span{height:100%;display:block;background:linear-gradient(90deg,#ff982d,#d2f5ce);transition:width .22s;border-radius:inherit}
.academy .arc-question-wrap{max-width:780px;margin:0 auto}
.academy .arc-smalltag{color:#ffbb67;font-weight:900;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:13px}
.academy .arc-question{font-size:clamp(24px,3vw,37px);letter-spacing:-.045em;color:#fff;line-height:1.28;margin-bottom:26px}
.academy .arc-answers{display:grid;gap:10px}
.academy .arc-answer{display:flex;align-items:center;text-align:left;gap:15px;border:1px solid #536270;background:#283443;color:#ecf3f7;border-radius:13px;padding:13px 15px;width:100%;font-size:15px;font-weight:650;transition:background .18s,border-color .18s}
.academy .arc-answer:hover:not(:disabled){background:#354b50;border-color:#b0e9c0}
.academy .arc-answer:disabled{cursor:default;opacity:.78}.academy .arc-answer.is-right{background:#244c3f;border:2px solid #8cdcab;opacity:1}.academy .arc-answer.is-wrong{background:#4c3036;border:2px solid #fa929a;opacity:1}
.academy .arc-answer-key{height:34px;width:34px;flex:none;border-radius:9px;background:#ffffff1c;display:grid;place-items:center;color:#d6f3da;font:700 15px 'Pixelify Sans',sans-serif}
.academy .arc-feedback{display:flex;gap:12px;align-items:flex-start;padding:17px 18px;border-radius:15px;margin-top:20px;border:1px solid #6a9d7c;background:#1e3d35;color:#e2f8e7;font-size:13px;line-height:1.6}
.academy .arc-feedback.is-error{background:#4a2832;border-color:#ad626f;color:#ffebec}
.academy .arc-feedback strong{font-size:15px;display:block;margin-bottom:3px}
.academy .arc-feedback a{color:#ffc780;text-decoration:underline;text-underline-offset:2px}
.academy .arc-stage-foot{margin:24px 0 0;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.academy .arc-stage-foot .arc-btn{margin:0}
.academy .arc-xp{display:flex;align-items:center;gap:7px;color:#ffbd62;font-weight:800;font-size:13px}
.academy .arc-pixel-guide{position:absolute;right:15px;bottom:-21px;width:117px;height:132px;object-fit:contain;image-rendering:pixelated;opacity:.64;pointer-events:none}
.academy .arc-finish{text-align:center;max-width:510px;margin:60px auto 45px}
.academy .arc-finish h2{font-size:36px;color:#fff;margin:14px 0 10px}
.academy .arc-finish p{color:#bbd2ca;font-size:15px}
.academy .arc-finish img{width:170px;height:152px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 10px 14px #0006)}
.academy .arc-finish .arc-btn{margin:26px 5px 0}
.academy .arc-memory-board{max-width:700px;margin:0 auto;text-align:center;perspective:1000px}
.academy .arc-flash{border:2px dashed #8bbb9c;background:radial-gradient(circle at top right,#385645,#22323a 70%);border-radius:23px;padding:39px 24px 35px;min-height:315px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;box-shadow:0 16px 45px #0003}
.academy .arc-flash.is-reveal{background:radial-gradient(circle at center,#fbc887,#ecaa56);border-color:#fff0c9;color:#1c1920;animation:arc-flip .5s ease-out}
.academy .arc-flash h2{font-size:clamp(22px,2.5vw,32px);line-height:1.35;color:inherit}
.academy .arc-flash .arc-flash-term{font-size:clamp(34px,4vw,54px);font-family:Manrope,sans-serif;font-weight:900;color:#16171a}
.academy .arc-flash .arc-flash-ref{font-size:12px;color:inherit;opacity:.75}
.academy .arc-time-round{border:3px solid #e7f3d6;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto;font:800 28px 'Pixelify Sans',sans-serif;color:#fff}
.academy .arc-time-round.is-urgent{border-color:#ffab78;color:#ffbb6b}
.academy .arc-memory-input{margin:0 auto;max-width:660px}
.academy .arc-memory-input label{display:block;color:#e0eee9;font-size:15px;font-weight:800;margin-bottom:12px}
.academy .arc-memory-input input,.academy .arc-word-input{width:100%;border:1px solid #95bbaa;border-radius:12px;background:#f9fff9;color:#1b2124;font-size:18px;padding:16px;outline-offset:4px}
.academy .arc-hint{display:block;color:#a8c3b7;font-size:13px;margin-top:10px}
.academy .arc-games-hero{display:flex;align-items:center;gap:23px;background:linear-gradient(110deg,#211c27,#27392e);border:1px solid #445c50;border-radius:25px;padding:29px 34px;margin-bottom:24px;overflow:hidden}
.academy .arc-games-hero h1{color:#fdfaf5;font-size:clamp(32px,4vw,50px);margin:8px 0}
.academy .arc-games-hero h1 em{color:#ffb561;font-style:normal}
.academy .arc-games-hero img{width:134px;height:130px;object-fit:contain;image-rendering:pixelated;flex:none;filter:drop-shadow(0 9px 13px #0008)}
.academy .arc-game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.academy .arc-game-card{min-height:207px;background:linear-gradient(120deg,#1d202a,#181920);border:1px solid var(--game-color,#7c6f64);border-radius:22px;display:flex;align-items:center;text-align:left;gap:10px;padding:25px 21px;color:#fff;overflow:hidden;position:relative;transition:transform .18s,box-shadow .18s}
.academy .arc-game-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #0005}
.academy .arc-game-card:after{content:"";background:radial-gradient(circle,var(--game-glow,#c2874b66),transparent 65%);position:absolute;width:230px;height:230px;right:-70px;top:-90px;pointer-events:none}
.academy .arc-game-info{flex:1;position:relative;z-index:2}
.academy .arc-game-icon{border:1px solid var(--game-color);background:#ffffff12;border-radius:11px;display:grid;place-items:center;width:47px;height:47px;font-size:25px;margin-bottom:12px}
.academy .arc-game-card h3{font-size:19px;color:#fff;letter-spacing:-.035em}
.academy .arc-game-card p{color:#b4c0c6;font-size:12px;line-height:1.5;max-width:300px;margin:7px 0 13px}
.academy .arc-game-launch{display:inline-block;padding:8px 13px;border:1px solid var(--game-color);background:#ffffff10;color:#fff;font:800 11px 'Pixelify Sans',sans-serif;border-radius:9px}
.academy .arc-game-card img{height:153px;width:123px;object-fit:contain;image-rendering:pixelated;position:relative;z-index:1;align-self:flex-end;filter:drop-shadow(0 9px 9px #0008);transition:transform .22s}
.academy .arc-game-card:hover img{transform:translateY(-12px) rotate(4deg)}
.academy .arc-game-card[data-game="consultorio"]{--game-color:#ba823e;--game-glow:#ea983a6b}
.academy .arc-game-card[data-game="pruebas"]{--game-color:#945366;--game-glow:#c5505e55}
.academy .arc-game-card[data-game="dilema"]{--game-color:#7759b0;--game-glow:#754bd36b}
.academy .arc-game-card[data-game="letras"]{--game-color:#4a91a0;--game-glow:#39a2ad55}
.academy .arc-game-card[data-game="reloj"]{--game-color:#ae5684;--game-glow:#bb418c55}
.academy .arc-game-card[data-game="trivia"]{--game-color:#528f6e;--game-glow:#38b68a55}
.academy .arc-word-jumble{font:700 clamp(23px,3vw,34px) 'Pixelify Sans',sans-serif;letter-spacing:.17em;color:#ffb46c;background:#222c37;border:1px dashed #ffb46c;border-radius:16px;padding:22px;text-align:center;margin:0 0 20px}
.academy .arc-form-footer{display:flex;justify-content:flex-end;margin-top:12px}
.academy .arc-form-footer .arc-btn{margin:0}
@keyframes arc-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes arc-flip{from{transform:rotateY(75deg);opacity:.3}to{transform:rotateY(0);opacity:1}}
@media(max-width:1100px){.academy .arc-hero{padding-right:270px}.academy .arc-hero-art{width:265px}.academy .arc-hero-art img{width:140px;height:208px}.academy .arc-mode{padding:20px}.academy .arc-mode p{max-width:80%}.academy .arc-mode img{height:130px;width:110px}}
@media(max-width:730px){.academy .arc-hero{padding:34px 24px 185px}.academy .arc-hero-art{bottom:-40px;right:4px;height:208px;width:250px}.academy .arc-hero-art img{height:181px}.academy .arc-hero-art img:last-child{height:145px}.academy .arc-hero-say{right:120px;top:3px}.academy .arc-mode-grid{grid-template-columns:1fr}.academy .arc-mode{min-height:194px}.academy .arc-mode h3{margin-top:12px}.academy .arc-mode img{height:152px;width:145px}.academy .arc-mode p{max-width:68%}.academy .arc-game-grid{grid-template-columns:1fr}.academy .arc-games-hero{padding:22px}.academy .arc-games-hero img{width:94px;height:110px}.academy .arc-stage{padding:23px 18px 29px}.academy .arc-note{flex-direction:column;align-items:flex-start}.academy .arc-pixel-guide{width:89px;opacity:.5}}
@media(max-width:460px){.academy .arc-hero{padding:29px 22px 175px}.academy .arc-hero-art{width:220px}.academy .arc-hero-say{font-size:11px}.academy .arc-games-hero img{display:none}.academy .arc-game-card{padding:18px}.academy .arc-game-card img{width:98px;height:135px}.academy .arc-game-card p{max-width:200px}.academy .arc-stage-foot{align-items:flex-start}.academy .arc-flash{padding:30px 17px;min-height:260px}}
@media(prefers-reduced-motion:reduce){.academy .arc-hero-art img{animation:none!important}.academy .arc-flash.is-reveal{animation:none!important}}