:root{--fondo: #0d0d0d;--contenedor: #262626;--extra: #616161bc;--extra-2: #fde40069;--fuente-secundaria: #e2e2e2;--fuente-primaria: #74ff4e;--text: #e2e2e2;--fuente-principal: "Courier New", Courier, monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d0d0d80;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--fuente-primaria);border-radius:10px;border:2px solid rgba(13,13,13,.8)}::-webkit-scrollbar-thumb:hover{background:#a2ff8a;box-shadow:0 0 10px var(--fuente-primaria)}*{scrollbar-width:thin;scrollbar-color:var(--fuente-primaria) transparent}@keyframes section-fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.section-fade-in{animation:section-fadeIn .5s cubic-bezier(.2,.8,.2,1) forwards}.mask-horizontal{mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}*,*:before,*:after{box-sizing:border-box}body{padding:0;margin:0;width:100%;min-height:100vh;font-family:var(--fuente-principal)}body #root{width:100%;min-height:100%;background-color:var(--fondo);color:var(--fuente-primaria);overflow:hidden}.app-root{position:relative;width:100%;min-height:100%;isolation:isolate}.app-root__chrome{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.section-fade-in{animation:none;opacity:1;transform:none}}.borde-x-defecto{border:1px solid black}.centrar-x{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.centrar-xw{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.centrar-y{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.centrar-yw{display:flex;flex-flow:column wrap;justify-content:center;align-items:center}@media(max-width:600px){#root{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch}}.matrix-rain-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.matrix-rain-overlay{position:fixed;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.11) 2px,rgba(0,0,0,.11) 4px),radial-gradient(ellipse 85% 75% at 50% 42%,transparent 0%,rgba(13,13,13,.35) 52%,rgba(13,13,13,.92) 100%)}@media(prefers-reduced-motion:reduce){.matrix-rain-overlay{background:radial-gradient(ellipse 90% 80% at 50% 45%,rgba(20,40,22,.35) 0%,var(--fondo) 70%)}}.cursor-personalizado{position:fixed;pointer-events:none;z-index:2147483647;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s ease;will-change:transform}*,*:before,*:after,html,body,body *{cursor:none!important;-webkit-cursor:none!important;-moz-cursor:none!important;-ms-cursor:none!important}input[type=checkbox],input[type=radio],input[type=range],select,[style*="cursor: grab"],[style*="cursor: grabbing"],[style*="cursor: wait"],[style*="cursor: progress"]{cursor:none!important}.cursor-personalizado.visible{opacity:1}.cursor-personalizado svg{display:block;overflow:visible}.cursor-personalizado--default .cursor__icono{color:var(--fuente-primaria);filter:drop-shadow(0 0 3px var(--fuente-primaria))}.cursor__crosshair{opacity:1;transform-origin:16px 16px;animation:cursor-scan 2s ease-in-out infinite}@keyframes cursor-scan{0%,to{transform:rotate(0) scale(1);opacity:1}50%{transform:rotate(180deg) scale(1.1);opacity:.8}}.cursor-personalizado--hover .cursor__hover{opacity:1}.cursor-personalizado--hover .cursor__crosshair,.cursor-personalizado--hover .cursor__click,.cursor-personalizado--hover .cursor__scroll{opacity:0}.cursor__hover{opacity:0;transform-origin:16px 16px}.cursor__hover circle:first-child{animation:cursor-pulse-dot 1s ease-in-out infinite}.cursor__pulse{transform-origin:16px 16px;animation:cursor-pulse-ring 1.5s ease-out infinite}@keyframes cursor-pulse-dot{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes cursor-pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.cursor-personalizado--scroll .cursor__scroll{opacity:1}.cursor-personalizado--scroll .cursor__crosshair,.cursor-personalizado--scroll .cursor__hover,.cursor-personalizado--scroll .cursor__click{opacity:0}.cursor__scroll{opacity:0;transform-origin:16px 16px}.cursor__scroll polyline{animation:cursor-scroll-bounce .6s ease-in-out infinite}.cursor__scroll polyline:last-child{animation-delay:.3s}@keyframes cursor-scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.cursor-personalizado--click .cursor__click{opacity:1}.cursor-personalizado--click .cursor__crosshair,.cursor-personalizado--click .cursor__hover,.cursor-personalizado--click .cursor__scroll{opacity:0}.cursor__click{opacity:0;transform-origin:16px 16px;animation:cursor-click-anim .15s ease-out}@keyframes cursor-click-anim{0%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}.cursor__trail{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);border-radius:50%;background:var(--fuente-primaria);opacity:0;pointer-events:none}.cursor-personalizado:not(.cursor-personalizado--default) .cursor__trail{animation:cursor-trail .3s ease-out forwards}@keyframes cursor-trail{0%{opacity:.4;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.cursor-personalizado .cursor__icono{transition:all .15s ease}:root,*,*:before,*:after,html,body,body *{cursor:none!important;-webkit-cursor:none!important;-moz-cursor:none!important;-ms-cursor:none!important;cursor-path:none!important}a,button,input,textarea,select,label,[href],[tabindex],[role],canvas,svg,iframe,video,audio{cursor:none!important}input[type=checkbox],input[type=radio],input[type=file],input[type=range],input[type=color],select,textarea,button,[onclick],[onmousedown],[onmouseup],[data-click],[data-role=button]{cursor:none!important}@media(hover:none)and (pointer:coarse){.cursor-personalizado{display:none!important}:root,*,*:before,*:after,html,body,body *{cursor:auto!important;-webkit-cursor:auto!important;-moz-cursor:auto!important}}@media(prefers-reduced-motion:reduce){.cursor-personalizado{display:none!important}:root,*,*:before,*:after,html,body,body *{cursor:auto!important}}.cursor-personalizado{animation:cursor-init .5s ease-out}@keyframes cursor-init{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.cursor-personalizado.visible{animation:cursor-visible .2s ease-out}@keyframes cursor-visible{0%{opacity:0}to{opacity:1}}.avatar{width:100%;flex:0 0 auto;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;border-bottom:1px solid rgba(116,255,78,.1)}.menu-app{width:100%;flex:1 1 auto;min-height:0;display:flex;flex-flow:column nowrap;justify-content:start;align-items:stretch;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;list-style-type:none}.barra-lateral{flex:0 0 250px;height:100%;background:#262626cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-flow:column nowrap;border-radius:12px;border-right:1px solid rgba(116,255,78,.05);transition:all .4s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.barra-lateral{position:fixed;top:-100%;left:0;width:100%;height:90%;z-index:1000;transition:top .4s cubic-bezier(.4,0,.2,1);background:#262626f2;border-radius:0 0 20px 20px;box-shadow:0 10px 30px #00000080}.barra-lateral.open{top:0}.avatar{flex:0 0 auto}.menu-app{flex:1 1 auto;min-height:0;flex-flow:column nowrap}}#avatar{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.avatar-picture{width:100%;aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center;position:relative}.avatar-picture img{width:80%;max-width:180px;height:auto;border-radius:20px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .3s ease}.avatar-picture img:hover{transform:scale(1.05)}.avatar-title{width:100%;text-align:center;font-size:1.8rem;font-weight:700;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:.5rem;margin:1.5rem 0 .5rem;color:#fff}.avatar-title span{color:var(--fuente-primaria)}.avatar-role{width:100%;text-align:center;font-size:1.1rem;color:var(--fuente-secundaria);opacity:.8}@media(max-width:768px){#avatar{flex-direction:row;justify-content:flex-start;gap:1.5rem;padding:1rem 1.5rem}.avatar-picture{width:80px;height:80px;aspect-ratio:auto}.avatar-picture img{width:100%;max-width:none;border-radius:12px}.avatar-content-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.avatar-title{font-size:1.4rem;margin:0;justify-content:flex-start;text-align:left}.avatar-role{font-size:.95rem;text-align:left;width:auto}}@media(max-width:400px){#avatar{gap:1rem;padding:.75rem 1rem}.avatar-picture{width:60px;height:60px}.avatar-title{font-size:1.2rem}.avatar-role{font-size:.85rem}}#menu-app{width:100%;height:100%;display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:stretch;margin:0;padding:0;overflow:hidden;list-style-type:none}.menu-app-item{width:100%;height:60px;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;color:var(--fuente-secundaria, #e2e2e2);border-bottom:1px solid rgba(116,255,78,.05);padding:0 1.5rem;transition:all .3s ease;cursor:pointer;gap:1rem}.menu-app-item:hover{background:#74ff4e0d;color:#74ff4e;box-shadow:inset 4px 0 #74ff4e}.menu-app-item svg{width:20px;height:20px;fill:currentColor;transition:transform .3s ease}.menu-app-item:hover svg{transform:translate(3px) scale(1.1);filter:drop-shadow(0 0 5px #74ff4e)}.menu-app-item span{font-size:1rem;font-weight:500;letter-spacing:.5px;transition:all .3s ease}@media(max-width:768px){.menu-app-item{flex-flow:row nowrap;justify-content:start;align-items:center;height:87px;gap:0 4px;padding:0 0 0 5px}.menu-app-item svg{width:49px;height:49px}.menu-app-item span{padding:0 2px;font-size:1.2rem;overflow-wrap:break-word;word-break:normal}}.contenido-principal{flex:1;height:100%;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column;min-width:0}@media(max-width:768px){.contenido-principal{width:100%;padding:50px 10px 10px;margin:0;box-sizing:border-box}}.main-layout{display:flex;flex-flow:row nowrap;width:100%;max-width:100%;height:100vh;gap:1.5rem;padding:1rem;box-sizing:border-box;background:transparent;overflow:hidden}.sub-contenedor{width:100%;height:100%;background:#262626d9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;overflow-y:auto;overflow-x:hidden;display:flex;flex-flow:column nowrap;justify-content:start;align-items:stretch}.menu-mobile-toggle{display:none;position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:1100;background:linear-gradient(145deg,#262626eb,#262626a6);color:var(--fuente-primaria);border:1px solid rgba(116,255,78,.45);border-radius:50%;width:46px;height:46px;cursor:pointer;box-shadow:0 0 0 1px #74ff4e1f inset,0 8px 24px #0006,0 0 14px #74ff4e33;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;align-items:center;justify-content:center}.menu-mobile-toggle:hover{border-color:#74ff4ecc;box-shadow:0 0 0 1px #74ff4e33 inset,0 10px 28px #00000073,0 0 18px #74ff4e61}.menu-mobile-toggle.open{transform:translate(-50%) rotate(180deg)}.arrow-icon{display:inline-block;width:13px;height:13px;border-top:2.5px solid var(--fuente-primaria);border-right:2.5px solid var(--fuente-primaria);transform:rotate(135deg);margin-top:-6px;filter:drop-shadow(0 0 6px rgba(116,255,78,.7))}.overlay-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;transition:opacity .3s ease}.overlay-menu-none{display:none}.loading-placeholder{display:flex;align-items:center;justify-content:center;min-height:12rem;padding:2rem;color:var(--fuente-secundaria);font-size:1rem;letter-spacing:.05em}@media(max-width:768px){.menu-mobile-toggle{display:flex}.main-layout{flex-direction:column;padding:0;gap:0}.barra-lateral{background:linear-gradient(180deg,#141414f5,#262626db);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(116,255,78,.18);border-top:0;box-shadow:0 14px 30px #0000008c,0 0 20px #74ff4e1f}.sub-contenedor{padding-top:8px}.menu-mobile-toggle.open .arrow-icon{transform:rotate(-45deg);margin-top:6px}}
