/* MU Cajabamba — presentation layer for the supplied WebEngine template. */
:root{--webenginebg1:#061017;--webenginebg2:#101b22;--webenginebg3:#09131b;--webenginecolor1:#d9b96f;--webenginecolor2:#e4e1d8;--webenginecolor3:#cfb477;--webenginecolor4:#ffe3a2;--webenginecolor5:#14232c;--webenginecolor6:#ead5a6;--webenginecolor7:#95723e;--webenginecolor8:#263323;--webenginecolor9:#f9ead0;--webenginecolor10:#947440;--webenginecolor11:#375035;--webenginecolor12:#fff;--webenginecolor13:#e7c376;--webenginecolor14:#a9b1b6;--webenginecolor15:#09141c;--webenginecolor16:#35444b;--webenginecolor17:#e3e7e8;--webenginecolor18:#c5a562;--webenginecolor21:#39454a;--webenginecolor22:#101b22;--webenginecolor23:#bbc2c5;--webenginecolor24:#192b35;--webenginecolor25:#d2b373;--webenginecolor26:#ebd299;--webenginecolor27:#14212b;--webenginecolor28:#1b2b35;--webenginecolor33:#dac596;--webenginecolor54:#152630;--webenginecolor57:#c9cfd2;--webenginecolor60:#edddb8;--webenginecolor61:#edddb8}
*{box-sizing:border-box}body{min-width:0;margin:0;background:#061017;color:#e4e1d8;font-family:'PT Sans',Arial,sans-serif}a{transition:color .2s,background .2s,box-shadow .2s}a:focus-visible,button:focus-visible{outline:3px solid #f2d18c;outline-offset:5px}.caja-skip{position:absolute;left:16px;top:-90px;z-index:100;background:#061017;padding:16px}.caja-skip:focus{top:10px}.caja-header{height:88px;display:flex;align-items:center;gap:32px;padding:0 max(4vw,20px);position:relative;z-index:5;background:linear-gradient(#071219f5,#071219e8);border-bottom:1px solid #b38d443d}.caja-brand{display:flex;flex-direction:column;align-items:center;line-height:.9;color:#eed4a0;font-family:Georgia,serif;text-shadow:0 2px 2px #000}.caja-brand b{font-size:43px;color:#e4decf}.caja-brand span{font-size:20px;margin-top:5px}.caja-nav{display:flex;gap:30px;align-self:stretch;align-items:stretch;flex:1;justify-content:center}.caja-nav a{display:flex;align-items:center;font-size:11px;font-weight:bold;letter-spacing:1px;color:#b6bec0;border-bottom:2px solid transparent}.caja-nav a:hover,.caja-nav a[aria-current]{color:#f2d58d;border-bottom-color:#c6a454;text-decoration:none}.caja-login{padding:12px 25px;border:1px solid #ae8b4b;box-shadow:inset 0 0 12px #9d74362b;color:#e8d292;font-size:12px;letter-spacing:1px;font-weight:bold;white-space:nowrap}.caja-toggle{display:none}.caja-hero{position:relative;min-height:650px;background:linear-gradient(0deg,#061017 0%,transparent 22%),url('../img/cajabamba-hero.webp') center 42%/cover no-repeat;display:flex;align-items:center}.caja-copy{width:610px;margin-left:24%;position:relative;z-index:1;text-align:center;padding:35px 0 70px;text-shadow:0 3px 5px #000}.caja-emblem{position:absolute;top:24px;left:0;right:0;font-size:100px;color:#ac7a32;text-shadow:0 0 16px #d7a448;opacity:.85}.caja-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:bold;font-size:78px;letter-spacing:-4px;line-height:.95;margin:20px 0 18px;color:#f7cb64;text-shadow:1px 2px #6c401a,0 5px 4px #000,0 0 24px #bf78066b}.caja-copy h1>span{position:relative;display:block;font-size:119px;letter-spacing:-10px;color:#ddd9d0;text-shadow:2px 3px #896b41,0 6px 5px #000}.caja-tagline{font-family:Georgia,serif;font-size:14px;letter-spacing:1px;color:#e4d9b8}.caja-intro{color:#d4bb7f;font-size:16px;font-weight:bold;margin:24px 0}.caja-actions{display:flex;gap:14px}.caja-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:62px;flex:1;background:linear-gradient(#122028ed,#071016ed);border:2px solid #a28b56;outline:1px solid #322d20;outline-offset:3px;color:#ece7d8;font:bold 15px Georgia,serif;letter-spacing:.3px;box-shadow:inset 0 0 12px #bcb77d26}.caja-button span{font-size:29px}.caja-button:hover{color:#fff;text-decoration:none;box-shadow:0 0 22px #cca84580}.caja-play{background:linear-gradient(#214d2c,#082713);border-color:#a4c66d;box-shadow:0 0 18px #46d64480,inset 0 0 15px #39d45560;font-size:19px}.caja-play:hover{box-shadow:0 0 30px #46d644b0}.caja-platforms{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 22px 0}.caja-platforms a{min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #68716b;border-radius:5px;background:#071217df;color:#e1e3e0;font-size:12px;font-weight:bold}.caja-platforms a:hover{border-color:#d9b773;text-decoration:none;background:#1c3038}.caja-device{font-size:24px;color:#d4dce0}.caja-platforms a:first-child .caja-device{color:#8bd65c}.caja-platforms a:nth-child(2) .caja-device{color:#30b4fa}.caja-place{position:absolute;right:5%;top:28px;color:#ddd9d0;font:italic 27px Georgia,serif;transform:rotate(-12deg);text-align:center;text-shadow:0 2px 3px #000}.caja-place span{font-size:22px}.caja-features{width:min(1180px,92%);margin:-45px auto 30px;position:relative;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(#10222bee,#07121bf5);border:1px solid #967b44;box-shadow:0 0 0 4px #0b161c,0 0 0 5px #584b31}.caja-features a{padding:17px 10px;text-align:center;border-right:1px solid #8b733940;color:#d8c591;display:flex;flex-direction:column;gap:7px}.caja-features a:last-child{border-right:0}.caja-features a:hover{text-decoration:none;background:#c0a46310}.caja-features span{font-size:32px;color:#dfbc66}.caja-features strong{font:12px Georgia,serif;letter-spacing:1px}.caja-features small{font-size:12px;color:#a5b1b6}.header-info-container{position:static;width:min(1180px,92%);margin:20px auto}.header-info{width:100%;padding:18px;background:#0c1b23;border:1px solid #77644055;box-shadow:none}.header-info-block{width:100%;float:none}.header-info .row{margin:0}.header-info .webengine-online-bar{margin:10px 0}.header-info .header-info-block>.row:last-child{max-width:500px;margin:auto}#container{width:min(1180px,92%);min-height:0;margin:25px auto;background:#101b22;border:1px solid #79674160;padding:25px 10px}#content{width:100%;padding:0;display:flow-root}#content img{max-width:100%;height:auto}.footer{width:min(1180px,92%);margin:35px auto;padding:25px 0;background:transparent}.footer-container{max-width:100%}.page-title{color:#ead09a}table{max-width:100%}.table-responsive{overflow-x:auto}.form-control{color:#e4e1d8;background:#0a151d;border-color:#485459}.panel{background:#14212b}.caja-hero~#container .row{margin-left:0;margin-right:0}
@media(min-width:1700px){.caja-hero{min-height:780px}.caja-copy{margin-left:27%}}
@media(max-width:1100px){.caja-header{gap:20px}.caja-nav{gap:18px}.caja-copy{width:530px;margin-left:23%}.caja-copy h1{font-size:70px}.caja-hero{min-height:600px}.caja-place{right:3%;font-size:22px}.caja-button{font-size:13px}.caja-play{font-size:17px}}
@media(max-width:800px){.caja-header{height:78px;gap:15px;justify-content:space-between}.caja-brand b{font-size:33px}.caja-brand span{font-size:16px}.caja-toggle{display:block;margin-left:auto;background:none;border:1px solid #806d46;color:#e2c98d;padding:8px}.caja-nav{display:none;position:absolute;top:78px;left:0;right:0;background:#081720;flex-direction:column;gap:0;padding:12px 24px}.caja-nav.is-open{display:flex}.caja-nav a{padding:15px}.caja-login{padding:10px 12px;font-size:10px}.caja-hero{min-height:620px;background-position:58% center}.caja-hero:before{content:'';position:absolute;inset:0;background:#03101755}.caja-copy{margin:0 auto;width:90%;max-width:570px;padding:75px 0 80px}.caja-emblem{top:64px}.caja-place{display:none}.caja-features{grid-template-columns:repeat(2,1fr)}.caja-features a:nth-child(2){border-right:0}.caja-features a:nth-child(-n+2){border-bottom:1px solid #8b733940}.footer .col-xs-8,.footer .col-xs-4{float:none;width:100%}.footer-social-link{display:inline-block;margin:10px}#content{overflow-x:auto}}
@media(max-width:480px){.caja-copy h1{font-size:53px;letter-spacing:-3px}.caja-copy h1>span{font-size:94px}.caja-tagline{font-size:11px;line-height:1.6;letter-spacing:.6px}.caja-intro{font-size:14px}.caja-actions{flex-direction:column;gap:14px;margin:0 18px}.caja-button{min-height:54px;font-size:15px}.caja-platforms{margin:20px 8px 0;gap:6px}.caja-platforms a{font-size:10px;gap:4px;flex-direction:column;padding:6px 0}.caja-device{font-size:20px}.caja-hero{min-height:680px}.caja-copy{padding-top:28px}.caja-emblem{top:15px}.caja-features small{font-size:10px}.caja-features strong{font-size:10px}.header-info .col-xs-6{font-size:12px}#container{padding:18px 0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Halloween: decorative layers never intercept links. */
.caja-platform-icon{display:block;width:24px;height:26px;object-fit:contain;filter:drop-shadow(0 0 4px #ffffff18)}
.caja-platforms a:hover .caja-platform-icon{filter:drop-shadow(0 0 6px #cfe5db70)}
.caja-hero{isolation:isolate;overflow:hidden}.caja-copy,.caja-place{z-index:2}.caja-halloween{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.caja-halloween i{display:block;position:absolute}.caja-halloween svg{width:100%;height:100%}.caja-bat{width:65px;top:12%;left:76%;animation:caja-bat-flight 14s ease-in-out infinite;filter:drop-shadow(0 2px 2px #53697080)}.caja-bat.bat-1{left:88%;top:24%;width:42px;animation-delay:-5s;animation-duration:18s}.caja-bat.bat-2{left:59%;top:7%;width:34px;animation-delay:-9s;animation-duration:20s}.caja-ghost{width:43px;height:58px;left:89%;top:55%;opacity:.36;filter:drop-shadow(0 0 9px #c6f4ee);animation:caja-ghost-float 8s ease-in-out infinite}.caja-ghost.ghost-1{left:14%;top:65%;width:32px;opacity:.22;animation-delay:-4s;animation-duration:11s}.caja-mist{position:absolute;left:-15%;bottom:0;width:130%;height:145px;opacity:.3;background:radial-gradient(ellipse at 25% 80%,#a6c3be66,transparent 55%),radial-gradient(ellipse at 75% 80%,#82969477,transparent 60%);animation:caja-mist-drift 20s ease-in-out infinite alternate}.caja-ember{width:3px;height:3px;border-radius:50%;background:#ffb24d;box-shadow:0 0 9px 2px #e9602390;bottom:5%;left:calc(5% + var(--n)*8%);opacity:0;animation:caja-ember-rise 9s linear infinite;animation-delay:calc(var(--n)*-.8s)}.caja-fx-toggle{position:absolute;right:20px;bottom:62px;z-index:3;background:#09141dd9;border:1px solid #977242;color:#ddcba9;border-radius:4px;padding:7px 10px;font-size:11px}.caja-fx-toggle:hover{background:#282016}.caja-play{animation:caja-haunted-glow 4s ease-in-out infinite}.caja-button:not(.caja-play):hover{border-color:#ffb568;box-shadow:0 0 20px #ff8b3d55}.caja-fx-off .caja-halloween{display:none}.caja-fx-off .caja-play{animation:none}
@keyframes caja-ghost-float{0%,100%{transform:translate(0,0) rotate(-6deg)}50%{transform:translate(14px,-30px) rotate(7deg)}}
@keyframes caja-bat-flight{0%,100%{transform:translate(0,0) rotate(-10deg) scale(.8)}35%{transform:translate(-80px,26px) rotate(9deg) scale(1)}70%{transform:translate(25px,-13px) rotate(-5deg) scale(.85)}}
@keyframes caja-mist-drift{to{transform:translateX(7%);opacity:.48}}
@keyframes caja-ember-rise{0%{transform:translate(0,0);opacity:0}20%{opacity:.7}85%{opacity:.3}100%{transform:translate(-35px,-230px);opacity:0}}
@keyframes caja-haunted-glow{0%,100%{box-shadow:0 0 14px #46d64460,inset 0 0 15px #39d45540}50%{box-shadow:0 0 25px #66de4c90,inset 0 0 19px #39d45565}}
@media(max-width:800px){.caja-ghost.ghost-1,.caja-bat.bat-2,.caja-ember:nth-of-type(even){display:none}.caja-fx-toggle{bottom:48px;right:12px;font-size:10px}.caja-ghost{left:88%;top:48%;width:30px}.caja-mist{height:100px}.caja-bat{width:40px}}
@media(prefers-reduced-motion:reduce){.caja-halloween{display:none}.caja-play{animation:none}}

/* =========================================================
   MU Cajabamba — portada aprobada (opción 2)
   La ilustración aprobada es la referencia visual 1:1.
   Hotspots transparentes conservan navegación funcional.
   ========================================================= */
.caja-reference-shell{display:none}
body.caja-reference-home{margin:0;background:#02060a!important;overflow-x:hidden}
body.caja-reference-home .caja-reference-shell{display:block;position:relative;width:min(100vw,1600px);margin:0 auto;background:#02060a;line-height:0}
body.caja-reference-home .caja-reference-art{display:block;width:100%;height:auto;margin:0 auto;user-select:none;-webkit-user-drag:none}
body.caja-reference-home .caja-hotspots{position:absolute;inset:0;pointer-events:none}
body.caja-reference-home .caja-hotspots .hot{position:absolute;display:block;pointer-events:auto;border:0;background:transparent;text-indent:-9999px;overflow:hidden}
body.caja-reference-home .caja-hotspots .hot:focus-visible{outline:2px solid #61c8ff;outline-offset:-2px;background:#53bfff18}
/* Top navigation */
.hot-home{left:3.0%;top:.2%;width:8.4%;height:5.2%}.hot-register{left:11.4%;top:.2%;width:8.3%;height:5.2%}.hot-downloads{left:19.7%;top:.2%;width:9.2%;height:5.2%}.hot-ranking{left:28.9%;top:.2%;width:8.5%;height:5.2%}.hot-shop{left:65.8%;top:.2%;width:8.0%;height:5.2%}.hot-community{left:73.8%;top:.2%;width:9.2%;height:5.2%}.hot-support{left:83%;top:.2%;width:8.0%;height:5.2%}
/* Main CTAs */
.hot-pc{left:25.8%;top:34.5%;width:15.3%;height:6.0%}.hot-android{left:41.8%;top:34.5%;width:15.5%;height:6.0%}.hot-join{left:33.2%;top:55.8%;width:16.2%;height:5.2%}.hot-play{left:50.8%;top:55.8%;width:15.8%;height:5.2%}.hot-rankfull{left:8.8%;top:87.7%;width:17.5%;height:3.6%}
/* On the approved homepage, hide the legacy template layers. */
body.caja-reference-home>.caja-header,body.caja-reference-home>.caja-hero,body.caja-reference-home>.caja-features,body.caja-reference-home>.header-info-container,body.caja-reference-home>#container,body.caja-reference-home>.footer{display:none!important}
@media(max-width:700px){body.caja-reference-home .caja-reference-shell{width:100%;overflow:hidden}body.caja-reference-home .caja-reference-art{width:165%;max-width:none;transform:translateX(-19.7%)}body.caja-reference-home .caja-hotspots{display:none}}