@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn-proyecto{padding:10px 20px;border-radius:8px;border:none;background-color:#646cff;color:#fff;cursor:pointer;font-weight:700;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.btn-proyecto:hover{background-color:#535bf2;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.social-btn{transition:transform .2s ease,opacity .2s ease}.social-btn:hover{transform:scale(1.15);opacity:.8}.card-item{background:#1a1a1a;border-radius:12px;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.card-item:hover{transform:scale(1.03);box-shadow:0 6px 15px #0003}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-load-animation{animation:fadeInSlideUp .5s ease-out forwards;opacity:0}.card-load-animation:nth-child(1){animation-delay:.1s}.card-load-animation:nth-child(2){animation-delay:.2s}.card-load-animation:nth-child(3){animation-delay:.3s}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-container-fade-in{animation:pageFadeIn .4s ease-in forwards}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}.card-item{background:#fff;box-shadow:0 2px 5px #00000014}.card-item:hover{box-shadow:0 6px 15px #0000001f}}html{font-size:clamp(12px,1.5vw,16px);scroll-behavior:smooth}body{margin:0;padding:0;background-color:#f9f9f9;color:#222;font-family:Inter,sans-serif}h1,h2,h3{font-family:"Press Start 2P",monospace;letter-spacing:.5px;word-break:break-word}h1{font-size:1.4rem;line-height:1.25}h2{font-size:1.1rem}.portada-container{display:flex;flex-direction:row;min-height:100vh;background-color:#f9f9f9;transition:all .3s ease;overflow-x:hidden}.portada-container.dark-mode{background-color:#121212;color:#f5f5f5}.main-content{display:flex;flex-direction:column;padding:2rem 3rem;width:100%;margin-left:15vw}.content-sections{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;width:100%;max-width:1000px;padding:0}.header-portada-bitacora,.github-section{background:#fff;border:.25rem solid #161616;box-shadow:.6rem .6rem #161616;padding:2rem;margin-top:1.5rem;border-radius:.5rem}.lista-portada{font-family:Inter,sans-serif;color:#0f172a;line-height:1.65}.lista-portada li::marker{color:#ff9800}.github-section h2{margin-bottom:1rem}.filtro-input{width:80%;max-width:380px;padding:.7rem .9rem;border:.2rem solid #161616;background:#fff;color:#0f172a;box-shadow:.4rem .4rem #161616;font-size:.9rem;border-radius:.4rem}.filtro-input:focus,.filtro-select-json:focus{outline:none;border-color:#2196f3}.select-json-container{display:flex;justify-content:space-around;margin-top:1.5rem}.filtro-select-json{width:25%;max-width:380px;padding:.7rem .9rem;border:.2rem solid #161616;background:#fff;color:#0f172a;box-shadow:.4rem .4rem #161616;font-size:.9rem;border-radius:.4rem}.boton-agregar-bitacora{margin-left:2rem;padding:.7rem 1rem;border:.2rem solid #161616;background:#fff;color:#0f172a;box-shadow:.4rem .4rem #161616;transition:transform .15s ease,box-shadow .15s ease;border-radius:.4rem}.boton-agregar-bitacora:hover{transform:translate(-.1rem,-.1rem);box-shadow:.6rem .6rem #161616;filter:drop-shadow(0 0 6px rgba(0,255,159,.4))}.integrantes-section{display:flex;flex-direction:column;gap:1.2rem}.team{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.tarjeta-integrante{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#0f172a;border:.25rem solid #161616;padding:1rem;box-shadow:.6rem .6rem #161616;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;margin:.5rem;background-color:#fff;border-radius:.6rem;width:100%;max-width:220px}.tarjeta-integrante:hover{transform:translate(-.1rem,-.1rem);box-shadow:.8rem .8rem #161616;border-color:#2196f3}.tarjeta-imagen{width:100%;max-width:120px;height:auto;border-radius:8px;object-fit:cover;margin-bottom:.5rem;border:.25rem solid #161616}.footer{text-align:center;color:#475569;font-size:14px;margin-top:auto}.footer-integrantes{text-decoration:none;background-color:#2be23a;font-weight:600;padding:.3rem}.arbol{width:80vw;height:80vh}@media (max-width: 1200px){.main-content{padding:2rem}h1{font-size:1.2rem}.header-portada-bitacora,.github-section{padding:1.8rem;border-width:.2rem;box-shadow:.5rem .5rem #161616}}@media (max-width: 900px){.portada-container{flex-direction:column}.header-portada-bitacora{margin-top:50px;width:85%}.main-content{padding:1.8rem;display:flex;flex-direction:column;min-height:100vh;margin-left:0}.content-sections{margin-top:50px;margin-left:0;margin-right:0;width:100%}h1{font-size:1.1rem}.tarjeta-integrante{max-width:45%}.filtro-input{width:90%}.arbol{width:95vw}}@media (max-width: 400px){h1{font-size:.95rem;margin-top:50px}h2{font-size:.85rem}.main-content{padding:1.8rem;display:flex;flex-direction:column;min-height:100vh;margin-left:0}.header-portada-bitacora{width:85%}.header-portada-bitacora,.github-section{padding:1rem;border-width:.15rem;box-shadow:.3rem .3rem #161616}.tarjeta-integrante{max-width:100%}.filtro-input{width:80%}}.sidebar{min-width:15vw;min-height:100vh;background-color:#1e1e2f;color:#f0f0f0;display:flex;flex-direction:column;align-items:center;padding-top:20px;position:fixed;top:0;left:0;box-shadow:2px 0 10px #0000004d;transition:all .3s ease;z-index:1000}.sidebar-toggle-btn{display:none;position:fixed;top:15px;left:15px;background-color:#1e1e2f;color:#fff;font-size:24px;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;z-index:1100}.sidebar-header{margin-bottom:30px}.sidebar-icon{width:60px;height:60px;border-radius:8px}.sidebar-menu{list-style:none;padding:0;width:100%}.sidebar-menu li{width:100%}.sidebar-menu a,.submenu-toggle{display:block;width:90%;padding:12px 10px;color:#cfcfcf;text-decoration:none;background:none;border:none;text-align:left;cursor:pointer;transition:all .3s ease;font-size:.95rem}.sidebar-menu a:hover,.submenu-toggle:hover{background-color:#2a2a40;color:#fff;width:80%}.submenu{list-style:none;padding-left:25px;background-color:#2a2a40;margin:0}.submenu li a{padding:10px 15px;font-size:.9rem;color:#d1d1d1}.submenu li a:hover{background-color:#3b3b60;color:#fff}@media (min-width: 1200px){.sidebar{font-size:1rem}.sidebar-icon{width:70px;height:70px}}@media (max-width: 900px){.sidebar{position:fixed;left:-250px;transition:left .3s ease;width:250px}.sidebar.open{left:0}.sidebar-toggle-btn{display:block}.sidebar-menu a,.submenu-toggle{font-size:1rem}}@media (max-width: 400px){.sidebar{position:fixed;left:-250px;transition:left .3s ease;width:250px}.sidebar.open{left:0}.sidebar-toggle-btn{display:block}.sidebar-menu a,.submenu-toggle{font-size:1rem}}.sidebar-social{margin-top:auto;padding:16px 0 24px;display:flex;gap:14px;justify-content:center;align-items:center;width:100%}.sidebar-social .social-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#ffffff0d;color:#e6e6e6;text-decoration:none;transition:all .25s ease;box-shadow:0 0 #0000}.sidebar-social .social-btn:hover{transform:translateY(-3px) scale(1.08);color:#fff;background:linear-gradient(135deg,#ffd300,#00aeef,#ff00a0);box-shadow:0 0 14px #ffffff59}.sidebar-social .social-btn:hover{animation:colorShift 1.5s linear infinite alternate}@keyframes colorShift{0%{background:linear-gradient(135deg,#ffd300,#00aeef,#ff00a0)}to{background:linear-gradient(135deg,#ff00a0,#00aeef,#ffd300)}}@media (max-width: 900px){.sidebar-social{padding-bottom:16px}.sidebar-social .social-btn{width:36px;height:36px}}.tarjeta-libro{background-color:#fff;border:3px solid #161616;box-shadow:6px 6px #161616;border-radius:10px;padding:16px;width:260px;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;justify-content:space-between;font-family:Inter,sans-serif;font-size:.85rem;color:#0f172a}.tarjeta-libro:hover{transform:translate(-4px,-4px);box-shadow:10px 10px #161616}.tarjeta-libro p{margin:6px 0}.email{word-wrap:break-word;overflow-wrap:anywhere}.tarjeta-libro p:first-child{font-size:1.5rem;font-weight:700}.contenedor-libros{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin:20px 0}@media (max-width: 900px){.tarjeta-libro{width:30%}}@media (max-width: 400px){.tarjeta-libro{width:30%;font-size:.8rem}}.tree-container-wrapper{max-width:800px;margin:0 auto}.tree-container{min-height:400px;border-radius:8px;box-shadow:0 4px 12px #0000001a;background:#fff;overflow:auto;padding:1rem;border:1px solid #dee2e6}.empty-state{color:#6c757d;text-align:center;margin-top:2rem}.tree-node{position:relative;padding-left:25px}.node-label{display:flex;align-items:center;gap:8px;padding:4px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.node-label:hover{background-color:#e9ecef;border-radius:4px}.folder-name{font-weight:700}.node-children{border-left:1px dashed #adb5bd;margin-left:8px}.tree-node:before,.tree-node:after{content:"";position:absolute;left:8px;background-color:#adb5bd}.tree-node:before{top:15px;width:15px;height:1px}.tree-node:after{top:0;width:1px;height:100%}.tree-node:last-child:after{height:15px}.tree-container>.tree-node:before,.tree-container>.tree-node:after{display:none}.tree-container>.tree-node{padding-left:0}.skills-container{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:10px}.skill-item{display:flex;flex-direction:column;gap:4px}.skill-bar{position:relative;background-color:#ffffff14;border-radius:10px;height:14px;overflow:hidden}.skill-fill{height:100%;border-radius:inherit;transition:width .8s ease-in-out}.skill-name{color:#3c3c3c;font-weight:600;letter-spacing:.4px}.skill-percent{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:#3c3c3c;font-size:11px;font-weight:600}.skill-item:hover .skill-name{color:#0758d3;transition:color .3s ease}.vir-page .vir-content{padding:24px 32px 24px 260px;box-sizing:border-box;max-width:1200px;margin:0 auto}@media (min-width: 1400px){.vir-page .vir-content{max-width:1320px}}.vir-hero{position:relative;margin-bottom:3.5rem}.vir-avatar-floating{position:absolute;right:clamp(16px,3vw,32px);bottom:-22px;width:clamp(120px,12vw,160px);aspect-ratio:1;border-radius:12px;background:#fff;border:.25rem solid #161616;box-shadow:.6rem .6rem #161616;z-index:2}.vir-tags{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.vir-tags span{background:#f3f4f6;border:1px solid #e5e7eb;padding:.25rem .6rem;border-radius:999px}.vir-grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr);margin-top:22px}@media (max-width: 1100px){.vir-grid{grid-template-columns:1fr 1fr}}@media (max-width: 700px){.vir-grid{grid-template-columns:1fr}}.pixel-card{background:#fff;color:#0f172a;border:.35rem solid #161616;box-shadow:.8rem .8rem #161616;border-radius:.5rem;padding:1.25rem 1.4rem}.pixel-card h2{color:#0f172a}.pixel-card a{color:#1d4ed8;text-decoration:none}.pixel-card a:hover{text-decoration:underline}.pixel-card li::marker{color:#64748b}.pac-fab{position:fixed;right:24px;bottom:24px;z-index:1200;border:.25rem solid #161616;background:#fff;color:#0f172a;width:54px;height:54px;border-radius:999px;box-shadow:6px 6px #161616;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.pac-fab:hover{transform:translate(-2px,-2px)}body.vir-pac{--bg: #19027e;--text: #e6f3ff;--c1: #ffe100;--pixel: #000;background:url(/img/pacman-maze.png) center top / cover no-repeat var(--bg)!important;color:var(--text)}body.vir-pac .portada-container,body.vir-pac .main-content{background:transparent!important;color:var(--text)!important}body.vir-pac .main-content :where(h1,h2,h3,p,li,small,strong,span,a){color:var(--text)!important}body.vir-pac li::marker{color:var(--c1)!important}body.vir-pac .header-portada-bitacora,body.vir-pac .github-section,body.vir-pac .header-integrantes,body.vir-pac .tarjeta-integrante,body.vir-pac .vir-hero>*,body.vir-pac .pixel-card{background:#0a0c1ce6!important;border-color:var(--c1)!important;box-shadow:.8rem .8rem 0 0 var(--c1)!important;color:var(--text)!important}body.vir-pac .pixel-card h2{color:#e6f3ff!important}body.vir-pac .vir-tags span{background:#00000059!important;border-color:var(--c1)!important;color:var(--text)!important}body.vir-pac .pac-fab{background:#0b1022;color:var(--c1);border-color:var(--c1);box-shadow:6px 6px 0 0 var(--c1)}@media (max-width: 700px){.vir-avatar-floating{position:static;display:block;margin:12px auto 0;box-shadow:.4rem .4rem #161616}.vir-hero{margin-bottom:1.25rem}}.vir-grid{display:grid;gap:28px;grid-template-columns:1fr;margin-top:22px}.skills-grid{display:grid;grid-template-columns:1fr;gap:.5rem 1.25rem;padding-left:1rem}@media (min-width: 768px){.skills-grid{grid-template-columns:1fr 1fr}}.skills-grid li{break-inside:avoid;list-style:disc}.integrante-container{display:flex;flex-direction:row;min-height:100vh;font-family:Space Mono,monospace;position:relative}.integrante-content{flex-grow:1;margin-left:15vw;padding:40px;display:flex;flex-direction:column;gap:30px;position:relative;z-index:2;color:#333}#tomas-avatar{width:140px;height:140px;border:4px solid #333;box-shadow:6px 6px #8a2be2;border-radius:8px;object-fit:cover;flex-shrink:0}.integrante-content section{background:#fffc;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000d}.hero-section{display:flex;align-items:center;gap:20px}.hero-text{flex-grow:1}.side-by-side-wrapper{display:flex;gap:30px}.side-by-side-wrapper>section{flex:1}.dropdown-section{display:flex;justify-content:space-around;gap:20px;background:transparent!important;box-shadow:none!important;padding:0!important}.dropdown-column{flex:1;background:#fffc;border:1px solid #ddd;border-radius:8px;padding:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #0000000d}.dropdown-column:hover{box-shadow:0 4px 10px #0000001a;background:#fffffff2}.dropdown-title{margin:0;font-size:1.2rem;color:#444;font-weight:600;border-bottom:2px solid #eee;padding-bottom:5px;text-align:center}.dropdown-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out;padding-top:0}.dropdown-column.active .dropdown-content{max-height:1000px;padding-top:10px}.dropdown-content ul{list-style:none;padding:0;margin:0}.dropdown-content li{background:#ffffffd9;margin:8px 0;padding:10px;border-radius:8px}@media (max-width: 900px){.hero-section{flex-direction:column;text-align:center}.integrante-container{flex-direction:column}.integrante-content{margin-left:0;padding:20px}#tomas-avatar{width:100px;height:100px;margin:15px auto}.dropdown-section,.side-by-side-wrapper{flex-direction:column}}.body{font-family:Poppins,sans-serif;background:linear-gradient(120deg,#f6f9fc,#e9effd)!important}.hero{text-align:center;margin-bottom:30px}.hero .avatar{width:120px;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 10px #0000001a}.avatar{transition:transform .3s ease,box-shadow .3s ease}.avatar:hover{transform:scale(1.1) rotate(3deg);box-shadow:0 0 20px #0003}.hero h1{font-size:2rem;margin:10px 0 5px}.hero .info{font-size:1rem;color:#666}.jessica-content .mostrar-ocultar{background-color:#fff;padding:15px;border-radius:8px;border:4px solid #161616;box-shadow:6px 6px #161616}.quote{list-style:none;font-style:italic;padding:10px;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:10px;background-color:#fff}.btn{display:inline-block;padding:8px 15px;margin-top:20px;background:#6c63ff;color:#fff;font-weight:600;border:none;border-radius:20px;cursor:pointer;transition:.3s ease;box-shadow:4px 4px #161616}.btn:hover{background:#5146d9}.jessica-content footer{margin-top:auto;text-align:center;padding:10px;background-color:#a77aca;font-weight:600;border-radius:8px}h2,.titulo-habilidades{color:#7a4aff;font-family:"Press Start 2P",cursive;font-weight:600;text-align:center;margin-bottom:30px}@media (max-width: 900px){.quote{width:80%}}@media (max-width: 400px){.quote{width:80%}}