@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";.sidebar{border-right:2px solid var(--terminal-green);z-index:1000;background:linear-gradient(#0a0a0a 0%,#1a1a1a 100%);flex-direction:column;width:280px;height:100vh;transition:width .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar.collapsed{width:80px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:#0a0a0a}.sidebar::-webkit-scrollbar-thumb{background:var(--terminal-green);border-radius:3px}.sidebar-header{border-bottom:1px solid #0f03;justify-content:space-between;align-items:center;gap:.5rem;padding:1.5rem 1rem;display:flex}.sidebar-logo{color:var(--terminal-green);flex:1;align-items:center;gap:.75rem;font-family:inherit;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.sidebar-logo:hover{color:#0f0;text-shadow:0 0 10px #00ff0080}.logo-icon{filter:drop-shadow(0 0 5px #00ff004d);width:32px;height:32px}.logo-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .logo-text{display:none}.sidebar-toggle{border:1px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.2rem;transition:all .3s;display:flex}.sidebar-toggle:hover{background:var(--terminal-green);color:#0a0a0a;box-shadow:0 0 10px #00ff0080}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-section{margin-bottom:2rem}.nav-section-title{color:#00ff00b3;letter-spacing:1px;margin-bottom:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:700}.sidebar.collapsed .nav-section-title{text-align:center;padding:.5rem}.sidebar.collapsed .nav-section-title span{display:none}.nav-list{margin:0;padding:0;list-style:none}.nav-item{color:#fff;border-left:3px solid #0000;align-items:center;gap:1rem;padding:.875rem 1rem;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-item:hover{color:var(--terminal-green);border-left-color:var(--terminal-green);background:#00ff001a}.nav-item.active{color:var(--terminal-green);border-left-color:var(--terminal-green);background:#00ff0026;font-weight:700}.nav-item.active:before{content:"▶";animation:1.5s infinite blink;position:absolute;right:1rem}.sidebar.collapsed .nav-item.active:before{display:none}.nav-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.5rem}.nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-item{justify-content:center;padding:.875rem .5rem}.team-item{gap:.75rem}.team-avatar{object-fit:cover;border:2px solid #00ff004d;border-radius:50%;flex-shrink:0;width:32px;height:32px;transition:all .3s}.team-item:hover .team-avatar{border-color:var(--terminal-green);transform:scale(1.1);box-shadow:0 0 10px #00ff0080}.team-item.active .team-avatar{border-color:var(--terminal-green);box-shadow:0 0 15px #00ff00b3}.sidebar-footer{border-top:1px solid #0f03;padding:1rem}.terminal-indicator{justify-content:center;align-items:center;gap:.5rem;display:flex}.sidebar.collapsed .terminal-indicator{flex-direction:column;gap:.25rem}.dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.dot.red{background:#f55;box-shadow:0 0 5px #f55}.dot.yellow{background:#ff5;box-shadow:0 0 5px #ff5}.dot.green{background:#0f0;animation:2s infinite pulse;box-shadow:0 0 5px #0f0}.status-text{color:var(--terminal-green);letter-spacing:1px;font-family:inherit;font-size:.85rem;font-weight:700}.sidebar.collapsed .status-text{display:none}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes pulse{0%,to{box-shadow:0 0 #00ff41b3}50%{box-shadow:0 0 0 10px #00ff4100}}.desktop-sidebar{display:flex}.mobile-drawer,.hamburger-btn,.sidebar-backdrop,.mobile-only{display:none}.desktop-only{display:flex}@media (width<=768px){.desktop-sidebar{display:none}.hamburger-btn{z-index:1100;border:2px solid var(--terminal-green);width:40px;height:40px;color:var(--terminal-green);cursor:pointer;background:#0a0a0a;border-radius:4px;justify-content:center;align-items:center;font-size:1.3rem;transition:all .2s;display:flex;position:fixed;top:.75rem;left:.75rem}.hamburger-btn:hover{background:var(--terminal-green);color:#0a0a0a}.mobile-drawer{width:280px;transition:transform .3s;display:flex;transform:translate(-100%)}.mobile-drawer.open{transform:translate(0)}.sidebar-backdrop{z-index:999;background:#0009;display:block;position:fixed;inset:0}.mobile-drawer .nav-label,.mobile-drawer .logo-text,.mobile-drawer .status-text{display:block}.mobile-drawer .nav-section-title span{display:inline}.mobile-drawer .nav-item{justify-content:flex-start;padding:.875rem 1rem}.mobile-drawer .nav-item.active:before{display:block}.mobile-drawer .terminal-indicator{flex-direction:row}.mobile-only{display:flex}.desktop-only{display:none}}.main-footer{border-top:1px solid var(--terminal-green);text-align:center;flex-direction:column;align-items:center;margin-top:60px;padding:40px 20px;display:flex;position:relative}.footer-copy{color:var(--terminal-green);margin-bottom:5px;font-size:1rem;font-weight:700}@media (width<=600px){.footer-copy,.footer-copy p{font-size:.7rem}}.licencia{margin-top:5px;font-size:.9rem}.verde-fuerte{color:var(--terminal-green);font-weight:700}.texto-opaco{color:#8da392;transition:color .3s}.footer-redes{margin-top:10px}.enlace-repo{align-items:center;gap:8px;font-size:.95rem;text-decoration:none;transition:all .3s;display:inline-flex}.enlace-repo i{color:#8da392;font-size:1.2rem;transition:color .3s}.enlace-repo:hover .texto-opaco,.enlace-repo:hover i{color:var(--terminal-green);text-shadow:0 0 5px var(--terminal-green)}.btn-subir-container{margin-top:20px;position:relative}.btn-subir{border:2px solid var(--terminal-green);width:45px;height:45px;color:var(--terminal-green);background-color:#0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn-subir:hover{color:var(--bg-color);box-shadow:none;background-color:#8da392;border-color:#8da392}@media (width>=900px){.btn-subir-container{margin-top:0;position:absolute;top:50%;right:2%;transform:translateY(-50%)}}.home-loader-container{height:60vh;color:var(--terminal-green,#00ff41);flex-direction:column;justify-content:center;align-items:center;display:flex}.home-loader-icon{margin-bottom:20px}@keyframes fadeInSmooth{0%{opacity:0}to{opacity:1}}.fade-in-smooth{animation:.8s ease-in-out forwards fadeInSmooth}#hero{text-align:center;padding:60px 20px;position:relative;overflow:hidden}#hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4108 2px 4px);animation:8s linear infinite scanlines;position:absolute;inset:0}.hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.terminal-prompt{opacity:0;margin-bottom:20px;font-size:.9rem;animation:.5s forwards fadeIn}.prompt-symbol{color:var(--terminal-green);margin-right:5px}.prompt-text{color:var(--text-accent)}.glitch-text{margin:20px 0;font-size:clamp(2rem,5vw,3.5rem);animation:3s infinite glitch;position:relative}@media (width<=600px){.glitch-text{font-size:1.2rem}}.hero-description{color:var(--text-accent);margin:30px 0;font-size:1.1rem;line-height:1.8}.hero-stats{flex-wrap:wrap;justify-content:center;gap:40px;margin:40px 0;display:flex}.stat-item{border:1px solid var(--terminal-green);opacity:0;background:#00ff410d;flex-direction:column;align-items:center;min-width:120px;padding:20px;transition:all .3s;animation:.6s ease-out forwards fadeInUp;display:flex}.stat-item:first-child{animation-delay:.3s}.stat-item:nth-child(2){animation-delay:.5s}.stat-item:nth-child(3){animation-delay:.7s}.stat-item:hover{background:#00ff411a;transform:translateY(-5px);box-shadow:0 0 20px #00ff414d}.stat-number{color:var(--terminal-green);text-shadow:0 0 10px var(--terminal-green);font-size:2rem;font-weight:700}.stat-label{color:var(--text-accent);margin-top:5px;font-size:.8rem}.pulse-button{animation:2s infinite pulse;position:relative;overflow:hidden}.button-icon{margin-right:8px}.hero-decoration{border:.0625rem solid var(--terminal-green);text-align:left;background:#000c;border-radius:.3125rem;max-width:37.5rem;margin-top:2.5rem;margin-left:auto;margin-right:auto;padding:0;overflow:hidden}.terminal-window-header{border-bottom:.0625rem solid var(--terminal-green);background:#1a1a1a;align-items:center;gap:.5rem;padding:.5rem .9375rem;display:flex}.term-dot{border-radius:50%;width:.75rem;height:.75rem;display:inline-block}.term-dot.red{background:#ff5f56}.term-dot.yellow{background:#ffbd2e}.term-dot.green{background:#27c93f}.term-title{color:var(--terminal-green);margin-left:.625rem;font-family:JetBrains Mono,monospace;font-size:.8rem}.code-lines{scroll-behavior:smooth;flex-direction:column;gap:.5rem;height:12.5rem;padding:1.25rem;display:flex;overflow-y:auto}.code-lines::-webkit-scrollbar{width:.5rem}.code-lines::-webkit-scrollbar-track{background:#0000004d}.code-lines::-webkit-scrollbar-thumb{background:var(--terminal-green);border-radius:.25rem}.code-lines::-webkit-scrollbar-thumb:hover{background:var(--link-color)}.code-line{color:var(--terminal-green);opacity:0;font-size:.85rem;animation:.3s forwards fadeIn;display:block}.status-ok{color:#0f0;text-shadow:0 0 5px #0f0;font-weight:700}#team-list{padding:60px 20px}#team-list .section-header{text-align:center;opacity:0;margin-bottom:20px}#team-list .section-header.visible{animation:.8s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.integrantes{font-size:2rem;margin-bottom:5px!important}#team-list .section-subtitle{color:#fff!important;opacity:.9!important;margin-top:0!important;margin-bottom:-10px!important;font-size:1.1rem!important}.grid-container{flex-direction:column;align-items:center;gap:25px;max-width:1400px;margin-left:auto;margin-right:auto;display:flex}.grid-row{flex-wrap:wrap;justify-content:center;gap:25px;display:flex}.team-card{border:2px solid var(--terminal-green);color:var(--terminal-green);opacity:0;background:#00000080;flex-direction:column;flex-shrink:0;width:280px;padding:25px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.team-card:before{content:"";background:linear-gradient(90deg,#0000,#00ff411a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.team-card:hover:before{left:100%}.team-card:hover{border-color:var(--text-accent);background-color:#003b004d;transform:translateY(-10px);box-shadow:0 0 30px #00ff4166}.card-avatar{border:2px solid var(--terminal-green);background:#000c;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden;box-shadow:0 0 10px #00ff414d}.avatar-img{object-fit:cover;filter:grayscale()contrast(1.2);width:100%;height:100%;transition:filter .3s}.team-card:hover .avatar-img{filter:grayscale(0%)contrast()}.card-status{color:var(--terminal-green);font-size:.7rem;font-weight:700;animation:2s infinite blink}.card-name{color:var(--text-accent);text-shadow:0 0 5px var(--terminal-green);margin:10px 0;font-size:1.5rem}.card-role{color:var(--terminal-green);margin-bottom:20px;font-size:.9rem}.card-footer{text-align:right;margin-top:auto}.card-arrow{color:var(--terminal-green);font-size:1.5rem;transition:transform .3s;display:inline-block}.team-card:hover .card-arrow{transform:translate(10px)}.animate-glitch{animation:.6s ease-out forwards crt-interference-entry}@keyframes crt-interference-entry{0%{opacity:0;transform:translateY(20px)}15%{opacity:1;transform:translateY(0);box-shadow:-4px 0 #f00c,4px 0 #0ffc}20%{transform:translate(2px);box-shadow:4px 0 #f00c,-4px 0 #0ffc}25%{box-shadow:none;transform:translate(-2px)}30%{transform:translate(0)}40%{opacity:.3}50%{opacity:1}60%{opacity:.5}70%{opacity:1}to{opacity:1;transform:translateY(0)}}#bitacora{max-width:900px;margin:0 auto;padding:20px}#bitacora h1{margin-bottom:10px}#bitacora>p{color:var(--text-accent);margin-bottom:40px;font-size:.9rem}.bitacora-entry{border:1px solid var(--terminal-green);background:#1a1a1a;border-radius:5px;margin-bottom:30px;padding:25px}.bitacora-entry h2{color:var(--terminal-green);margin-top:0;margin-bottom:20px;font-size:1.3rem}.bitacora-entry ul{padding-left:0;list-style:none}.bitacora-entry ul li{color:var(--text-accent);margin-bottom:15px;padding-left:20px;position:relative}.bitacora-entry ul li:before{content:"> ";color:var(--terminal-green);position:absolute;left:0}.bitacora-entry ul ul{margin-top:10px;padding-left:20px}.bitacora-entry ul ul li{margin-bottom:8px;font-size:.9rem}.bitacora-entry strong{color:var(--terminal-green)}.bitacora-entry code{color:var(--terminal-green);background:#00ff411a;border-radius:3px;padding:1px 5px;font-family:inherit;font-size:.88em}.bitacora-sub{border-top:1px solid #00ff4133;margin-top:20px;padding-top:16px}.bitacora-sub h3{color:var(--terminal-green);margin-bottom:12px;font-size:1rem}.roles-table{border-collapse:collapse;table-layout:auto;width:100%;margin-top:15px;font-size:.85rem}.roles-table th{text-align:left;color:var(--terminal-green);border-bottom:2px solid var(--terminal-green);padding:12px 10px}.roles-table td{color:var(--text-accent);vertical-align:top;border-bottom:1px solid #00ff4126;padding:12px 10px;line-height:1.4}.roles-table tr:hover td{background:#00ff410d}.comparacion-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;display:grid}.comparacion-col{border-radius:4px;padding:14px}.comparacion-col.before{background:#ff55550d;border:1px solid #f556}.comparacion-col.after{background:#00ff410d;border:1px solid #00ff4166}.comparacion-col h4{margin:0 0 10px;font-size:.9rem}.comparacion-col.before h4{color:#f55}.comparacion-col.after h4{color:var(--terminal-green)}.comparacion-col ul{margin:0;padding-left:0}.comparacion-col ul li{padding-left:14px;font-size:.82rem}.mejora-item{border-left:3px solid var(--terminal-green);background:#00ff410a;margin-bottom:16px;padding:12px}.mejora-label{color:var(--terminal-green);margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.mejora-item p{color:var(--text-accent);margin:0;font-size:.85rem;line-height:1.6}@media (width<=600px){.comparacion-grid{grid-template-columns:1fr}.roles-table{font-size:.75rem}.roles-table th,.roles-table td{padding:6px}}@media (width<=768px){.roles-table{display:block;overflow-x:auto}}.json-explorer{max-width:1400px;margin:0 auto;animation:.5s fadeIn}.explorer-header{margin-bottom:2rem}.explorer-header h1{color:var(--terminal-green);text-shadow:0 0 10px #00ff0080;margin:1rem 0 .5rem;font-size:2rem}.loading-container{justify-content:center;align-items:center;min-height:400px;display:flex}.terminal-loader{color:var(--terminal-green);font-size:1.5rem}.filters-container{background:#00ff000d;border:1px solid #00ff004d;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.search-box{margin-bottom:1.5rem;position:relative}.search-box label{color:var(--terminal-green);margin-bottom:.5rem;font-weight:700;display:block}.prompt{color:var(--terminal-green);margin-right:.5rem}.search-input{width:100%;color:var(--terminal-green);background:#0a0a0a;border:2px solid #00ff004d;border-radius:4px;padding:.75rem 2.5rem .75rem 1rem;font-family:Courier New,monospace;font-size:1rem;transition:all .3s}.search-input:focus{border-color:var(--terminal-green);outline:none;box-shadow:0 0 10px #00ff004d}.clear-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:1.2rem;transition:color .3s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.clear-btn:hover{color:var(--terminal-green)}.filter-group{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.filter-item label{color:var(--terminal-green);margin-bottom:.5rem;font-weight:700;display:block}.filter-select{width:100%;color:var(--terminal-green);cursor:pointer;background:#0a0a0a;border:2px solid #00ff004d;border-radius:4px;padding:.75rem;font-family:Courier New,monospace;font-size:1rem;transition:all .3s}.filter-select:focus{border-color:var(--terminal-green);outline:none;box-shadow:0 0 10px #00ff004d}.filter-select option{color:var(--terminal-green);background:#0a0a0a}.results-info{border-left:3px solid var(--terminal-green);background:#00ff000d;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;display:flex}.results-info p{color:#ffffffe6;margin:0}.reset-btn{border:1px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem 1rem;font-family:Courier New,monospace;transition:all .3s}.reset-btn:hover{background:var(--terminal-green);color:#0a0a0a;box-shadow:0 0 10px #00ff0080}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.project-card{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);border:1px solid #00ff004d;border-radius:8px;padding:1.5rem;transition:all .3s;animation:.5s fadeIn}.project-card:hover{border-color:var(--terminal-green);transform:translateY(-5px);box-shadow:0 0 20px #0f03}.card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-id{color:#ffffff80;font-size:.85rem;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.status-badge.completed{color:var(--terminal-green);border:1px solid var(--terminal-green);background:#0f03}.status-badge.in-progress{color:#ff0;background:#ff03;border:1px solid #ff0}.project-title{color:var(--terminal-green);margin:0 0 .75rem;font-size:1.25rem;line-height:1.3}.project-description{color:#fffc;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.project-meta{border-top:1px solid #0f03;flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.meta-item{justify-content:space-between;font-size:.85rem;display:flex}.meta-label{color:#fff9}.meta-value{color:var(--terminal-green);font-weight:700}.no-results{text-align:center;background:#00ff000d;border:2px dashed #00ff004d;border-radius:8px;grid-column:1/-1;padding:3rem}.no-results-text{color:#ffffffb3;margin-bottom:1.5rem;font-size:1.1rem}@media (width<=768px){.explorer-header h1{font-size:1.5rem}.filters-container{padding:1rem}.filter-group{grid-template-columns:1fr}.results-info{text-align:center;flex-direction:column;gap:1rem}.projects-grid{grid-template-columns:1fr;gap:1rem}}@media (width<=480px){.search-box label,.filter-item label{font-size:.9rem}.search-input,.filter-select{padding:.6rem;font-size:.9rem}.project-card{padding:1rem}.project-title{font-size:1.1rem}}.api-data{max-width:1400px;margin:0 auto;animation:.5s fadeIn}.api-header{margin-bottom:1.5rem}.api-header h1{color:var(--terminal-green);text-shadow:0 0 10px #00ff0080;margin:1rem 0 .5rem;font-size:2rem}.subtitle{color:#ffffffb3;flex-wrap:wrap;align-items:center;gap:1rem;margin:0;font-size:.95rem;display:flex}.api-badge{color:var(--terminal-green);border:1px solid var(--terminal-green);white-space:nowrap;background:#0f03;border-radius:12px;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.search-form{align-items:stretch;gap:.75rem;margin-bottom:2rem;display:flex}.search-input-wrapper{background:#00ff000d;border:1px solid #0f06;border-radius:4px;flex:1;align-items:center;gap:.5rem;padding:0 1rem;transition:border-color .3s;display:flex}.search-input-wrapper:focus-within{border-color:var(--terminal-green);box-shadow:0 0 10px #0f03}.search-prompt{color:var(--terminal-green);flex-shrink:0;font-size:1.1rem}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:.75rem 0;font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem}.search-input::placeholder{color:#ffffff59}.search-btn{border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:.75rem 1.5rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;font-weight:700;transition:all .3s}.search-btn:hover{background:var(--terminal-green);color:#0a0a0a;box-shadow:0 0 15px #00ff0080}.no-results{text-align:center;color:#ffffff80;padding:4rem 2rem;font-size:1.1rem}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.track-card{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);border:1px solid #00ff004d;border-radius:8px;transition:all .3s;animation:.5s fadeIn;overflow:hidden}.track-card:hover{border-color:var(--terminal-green);transform:translateY(-4px);box-shadow:0 0 20px #0f03}.track-artwork-wrapper{aspect-ratio:1;background:#111;width:100%;position:relative;overflow:hidden}.track-artwork{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.track-card:hover .track-artwork{transform:scale(1.05)}.preview-btn{border:2px solid var(--terminal-green);width:44px;height:44px;color:var(--terminal-green);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;transition:all .3s;display:flex;position:absolute;bottom:.75rem;right:.75rem}.preview-btn:hover,.preview-btn.playing{background:var(--terminal-green);color:#0a0a0a;box-shadow:0 0 15px #0f09}.preview-btn.playing{animation:1.5s infinite pulse}.track-info{padding:1rem 1.25rem 1.25rem}.track-name{color:var(--terminal-green);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .3rem;font-size:1rem;overflow:hidden}.track-artist{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .2rem;font-size:.9rem;overflow:hidden}.track-album{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .75rem;font-size:.8rem;overflow:hidden}.track-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.track-genre{color:var(--terminal-green);white-space:nowrap;text-overflow:ellipsis;background:#00ff001a;border:1px solid #00ff004d;border-radius:10px;max-width:65%;padding:.15rem .5rem;font-size:.75rem;overflow:hidden}.track-duration{color:#ffffff80;flex-shrink:0;font-size:.8rem}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:2rem;min-height:400px;display:flex}.terminal-loader{color:var(--terminal-green);text-align:center;font-size:1.5rem}.loading-dots{animation:1.5s infinite blink}.loading-spinner{border:4px solid #0f03;border-top-color:var(--terminal-green);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-container{background:#ff00000d;border:2px solid #ff000080;border-radius:8px;max-width:600px;margin:2rem auto;overflow:hidden}.error-content{text-align:center;padding:2rem}.error-content h2{color:#f55;margin-bottom:1rem}.error-message{color:#fffc;margin-bottom:1.5rem;font-size:1.1rem}.nav-button{border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;background:0 0;border-radius:4px;padding:.75rem 1.5rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;transition:all .3s}.nav-button:hover{background:var(--terminal-green);color:#0a0a0a}.pagination-container{background:#00ff000d;border:1px solid #00ff004d;border-radius:8px;margin-top:2rem;padding:1.5rem}.pagination-info{text-align:center;margin-bottom:1.5rem}.pagination-info p{color:#ffffffe6;margin:.25rem 0}.items-info{color:#fff9;font-size:.9rem}.pagination-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.pagination-btn{border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;padding:.75rem 1.5rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;font-weight:700;transition:all .3s}.pagination-btn:hover:not(:disabled){background:var(--terminal-green);color:#0a0a0a;transform:translateY(-2px);box-shadow:0 0 15px #00ff0080}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.page-numbers{align-items:center;gap:.5rem;display:flex}.page-number{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #00ff004d;border-radius:4px;justify-content:center;align-items:center;width:40px;height:40px;font-family:JetBrains Mono,Courier New,monospace;font-size:.95rem;transition:all .3s;display:flex}.page-number:hover{border-color:var(--terminal-green);color:var(--terminal-green);background:#00ff001a}.page-number.active{background:var(--terminal-green);color:#0a0a0a;border-color:var(--terminal-green);font-weight:700;box-shadow:0 0 10px #00ff0080}.page-ellipsis{color:#ffffff80;padding:0 .5rem}@media (width<=768px){.api-header h1{font-size:1.5rem}.search-form{flex-direction:column}.tracks-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.pagination-controls{flex-direction:column;gap:1rem}.page-numbers{order:-1}.pagination-btn{width:100%}}@media (width<=480px){.tracks-grid{grid-template-columns:1fr 1fr;gap:.75rem}.track-info{padding:.75rem}.track-name{font-size:.85rem}.track-artist{font-size:.8rem}.track-album{display:none}.page-number{width:35px;height:35px;font-size:.85rem}}.gallery-page{max-width:1400px;margin:0 auto;animation:.5s fadeIn}.gallery-header{margin-bottom:2rem}.gallery-header h1{color:var(--terminal-green);text-shadow:0 0 10px #00ff0080;margin:1rem 0 .5rem;font-size:2rem}.gallery-filters{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.gallery-filter-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #0f06;border-radius:20px;padding:.4rem 1rem;font-family:inherit;font-size:.85rem;transition:all .2s}.gallery-filter-btn:hover{border-color:var(--terminal-green);color:var(--terminal-green)}.gallery-filter-btn.active{border-color:var(--terminal-green);color:var(--terminal-green);background:#00ff0026;box-shadow:0 0 10px #0f03}.gallery-empty{color:#00ff0080;text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:4rem 2rem;font-family:inherit;display:flex}.gallery-empty-icon{opacity:.6;font-size:3rem}.gallery-empty p{color:#fff9;margin:0;font-size:1.1rem}.gallery-empty span{color:#0f06;font-size:.85rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.gallery-item{aspect-ratio:1;cursor:pointer;border:2px solid #00ff004d;border-radius:8px;transition:all .3s;animation:.5s fadeIn;position:relative;overflow:hidden}.gallery-item:hover{border-color:var(--terminal-green);transform:translateY(-5px);box-shadow:0 0 20px #00ff004d}.gallery-item:focus{outline:2px solid var(--terminal-green);outline-offset:2px}.gallery-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-item--app{aspect-ratio:16/9;grid-column:span 2}.gallery-item--app .gallery-image{object-fit:contain;background:#0a0a0a}@media (width<=600px){.gallery-item--app{grid-column:span 1}}.gallery-item:hover .gallery-image{transform:scale(1.1)}.gallery-overlay{opacity:0;background:linear-gradient(#0000 0%,#00000080 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;align-items:center;padding:1.5rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.zoom-icon{margin-bottom:.5rem;font-size:2rem;animation:2s infinite pulse}.image-title{color:#fff;text-align:center;text-shadow:0 2px 4px #000c;margin:0 0 .5rem;font-size:.95rem;font-weight:700}.image-category{color:var(--terminal-green);border:1px solid var(--terminal-green);background:#0f03;border-radius:12px;padding:.25rem .75rem;font-size:.8rem}.lightbox{z-index:2000;background:#000000f2;justify-content:center;align-items:center;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.lightbox-content{flex-direction:column;align-items:center;gap:1rem;max-width:90vw;max-height:90vh;display:flex}.lightbox-image{object-fit:contain;border:3px solid var(--terminal-green);border-radius:8px;max-width:100%;max-height:75vh;animation:.3s zoomIn;box-shadow:0 0 30px #00ff0080}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.lightbox-info{text-align:center;color:#fff;background:#000c;border:1px solid #00ff004d;border-radius:8px;padding:1rem 2rem}.lightbox-info h3{color:var(--terminal-green);margin:0 0 .5rem;font-size:1.2rem}.lightbox-category{color:#ffffffb3;margin:0 0 .5rem;font-size:.9rem}.lightbox-counter{color:var(--terminal-green);margin:0;font-size:.85rem;font-weight:700}.lightbox-close{border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;z-index:2001;background:#000c;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.lightbox-close:hover{background:var(--terminal-green);color:#0a0a0a;transform:rotate(90deg);box-shadow:0 0 20px #00ff00b3}.lightbox-nav{border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;z-index:2001;background:#000c;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--terminal-green);color:#0a0a0a;transform:translateY(-50%)scale(1.1);box-shadow:0 0 20px #00ff00b3}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}.lightbox-instructions{color:#ffffffb3;z-index:2001;background:#000c;border:1px solid #00ff004d;border-radius:20px;gap:2rem;padding:.75rem 1.5rem;font-size:.85rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.lightbox-instructions span{align-items:center;gap:.5rem;display:flex}@media (width<=768px){.gallery-header h1{font-size:1.5rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.lightbox{padding:1rem}.lightbox-close{width:40px;height:40px;font-size:1.2rem;top:1rem;right:1rem}.lightbox-nav{width:50px;height:50px;font-size:1.5rem}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}.lightbox-instructions{gap:1rem;padding:.5rem 1rem;font-size:.75rem;bottom:1rem}.lightbox-image{max-height:60vh}}@media (width<=480px){.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.gallery-overlay{padding:1rem}.image-title{font-size:.85rem}.zoom-icon{font-size:1.5rem}.lightbox-nav{width:40px;height:40px;font-size:1.2rem}.lightbox-prev{left:.5rem}.lightbox-next{right:.5rem}.lightbox-instructions{flex-direction:column;gap:.5rem;font-size:.7rem}.lightbox-info{padding:.75rem 1rem}.lightbox-info h3{font-size:1rem}}.component-tree-page{max-width:1400px;margin:0 auto;animation:.5s fadeIn}.tree-header{margin-bottom:2rem}.tree-header h1{color:var(--terminal-green);text-shadow:0 0 10px #00ff0080;margin:1rem 0 .5rem;font-size:2rem}.subtitle{color:#ffffffb3;margin:0;font-size:.95rem}.tree-content{flex-direction:column;gap:3rem;display:flex}.tree-content section{background:#00ff000d;border:1px solid #00ff004d;border-radius:8px;padding:2rem}.tree-content h2{color:var(--terminal-green);margin:0 0 1.5rem;font-size:1.5rem}.tree-content h3{color:var(--terminal-green);margin:0 0 .75rem;font-size:1.1rem}.tree-content p{color:#fffc;margin:0 0 1rem;line-height:1.6}.tree-explanation{background:linear-gradient(135deg,#00ff000d 0%,#00ff0005 100%)}.legend{border-left:3px solid var(--terminal-green);background:#0000004d;border-radius:4px;margin-top:1.5rem;padding:1rem}.legend ul{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.legend li{color:#ffffffe6;align-items:center;gap:.75rem;display:flex}.legend-root{color:#ff6b6b;font-size:1.2rem}.legend-layout{color:#4ecdc4;font-size:1.2rem}.legend-page{color:#ffe66d;font-size:1.2rem}.legend-component{color:var(--terminal-green);font-size:1.2rem}.tree-diagram{padding:1rem;overflow-x:auto}.tree-node{margin:1rem 0;padding-left:2rem;position:relative}.tree-node:before{content:"";background:#00ff004d;width:2px;position:absolute;top:0;bottom:0;left:0}.tree-node.root{padding-left:0}.tree-node.root:before{display:none}.node-content{background:#00000080;border:2px solid #00ff004d;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1.25rem;transition:all .3s;display:inline-flex}.node-content:hover{border-color:var(--terminal-green);transform:translate(5px);box-shadow:0 0 15px #00ff004d}.node-icon{font-size:1.5rem}.node-name{color:var(--terminal-green);font-family:Courier New,monospace;font-weight:700}.node-badge{letter-spacing:.5px;border-radius:10px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.root-badge{color:#ff6b6b;background:#ff6b6b33;border:1px solid #ff6b6b}.node-badge:not(.root-badge){color:#4ecdc4;background:#4ecdc433;border:1px solid #4ecdc4}.node-description{color:#fff9;margin-bottom:.5rem;margin-left:2.5rem;font-size:.85rem}.tree-children{border-left:2px solid #0f03;margin-left:2rem;padding-left:1rem}.tree-node.root>.tree-children{margin-left:0;padding-left:2rem}.tree-node.root>.node-content{background:#ff6b6b1a;border-color:#ff6b6b}.tree-node.layout>.node-content{background:#4ecdc41a;border-color:#4ecdc4}.tree-node.page>.node-content{background:#ffe66d1a;border-color:#ffe66d}.tree-node.page .node-name{color:#ffe66d}.tree-node.component>.node-content{border-color:var(--terminal-green);background:#00ff000d}.routes-grid{border-left:none;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-left:0;padding-left:0;display:grid}.routes-grid>.tree-node{margin:0;padding-left:0}.routes-grid>.tree-node:before{display:none}.components-table{overflow-x:auto}.table-container{border:1px solid #00ff004d;border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-family:Courier New,monospace}thead{background:#00ff001a}th{text-align:left;color:var(--terminal-green);border-bottom:2px solid #00ff004d;padding:1rem;font-weight:700}td{color:#ffffffe6;border-bottom:1px solid #00ff001a;padding:.875rem 1rem}tbody tr:hover{background:#00ff000d}tbody tr:last-child td{border-bottom:none}.badge{letter-spacing:.5px;white-space:nowrap;border-radius:10px;padding:.25rem .5rem;font-size:.7rem;font-weight:700}.layout-badge{color:#4ecdc4;background:#4ecdc433;border:1px solid #4ecdc4}.page-badge{color:#ffe66d;background:#ffe66d33;border:1px solid #ffe66d}.component-badge{color:var(--terminal-green);border:1px solid var(--terminal-green);background:#0f03}.flow-diagram{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.flow-item{background:#0000004d;border:2px solid #00ff004d;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:1rem;min-width:200px;padding:1.5rem;transition:all .3s;display:flex}.flow-item:hover{border-color:var(--terminal-green);transform:translateY(-5px);box-shadow:0 0 20px #0f03}.flow-step{background:var(--terminal-green);color:#0a0a0a;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 0 15px #00ff0080}.flow-content{text-align:center}.flow-content h3{margin:0 0 .5rem;font-size:1.1rem}.flow-content p{color:#ffffffb3;margin:0;font-size:.85rem}.flow-arrow{color:var(--terminal-green);flex-shrink:0;font-size:2rem}@media (width<=768px){.tree-header h1{font-size:1.5rem}.tree-content section{padding:1.5rem}.tree-content h2{font-size:1.3rem}.legend ul{grid-template-columns:1fr}.tree-node{padding-left:1rem}.tree-children{margin-left:1rem}.routes-grid{grid-template-columns:1fr}.table-container{font-size:.85rem}th,td{padding:.75rem .5rem}.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}}@media (width<=480px){.tree-content section{padding:1rem}.node-content{gap:.5rem;padding:.5rem .75rem}.node-icon{font-size:1.2rem}.node-name{font-size:.9rem}.node-badge{padding:.2rem .4rem;font-size:.6rem}.flow-item{padding:1rem}.flow-step{width:40px;height:40px;font-size:1.2rem}}.adv-bar-wrapper{margin-bottom:15px;font-family:monospace}.adv-bar-info{justify-content:space-between;margin-bottom:6px;font-size:.8rem;font-weight:700;display:flex}.adv-bar-track{background:#00ff411a;border:1px solid #00ff4133;border-radius:2px;width:100%;height:8px;position:relative;overflow:hidden}.adv-bar-fill{background:repeating-linear-gradient(to right, var(--terminal-green), var(--terminal-green) 10px, transparent 10px, transparent 12px);height:100%;box-shadow:0 0 8px var(--terminal-green);transition:width 1s ease-in-out}.scanline-overlay:after{content:" ";pointer-events:none;z-index:2;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}.learning-bars .adv-bar-info{color:#fc4}.learning-bars .adv-bar-track{background:#ffcc441a;border:1px solid #fc43}.learning-bars .adv-bar-fill{background:repeating-linear-gradient(90deg,#fc4,#fc4 10px,#0000 10px 12px);box-shadow:0 0 8px #fc4}.profile-main{flex-direction:column;align-items:center;padding:20px;display:flex}.profile-card{border:1px solid var(--terminal-green);background:#1a1a1a;border-radius:5px;width:100%;max-width:800px;margin-bottom:30px;overflow:hidden}.terminal-header{background:#333;align-items:center;gap:8px;padding:8px 15px;display:flex}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.title{color:#ccc;margin-left:10px;font-size:.8rem}.profile-content{flex-wrap:wrap;gap:30px;padding:30px;display:flex}.back-navigation{text-align:center;margin-top:20px;padding:20px}.back-navigation .nav-button{border:1px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;background-color:#0000;padding:10px 20px;font-family:inherit;text-decoration:none;transition:background-color .3s,color .3s;display:inline-block}.profile-image img{border:2px solid var(--terminal-green);filter:grayscale()contrast(1.2);object-fit:cover;width:200px;height:200px}.profile-info h1{margin-top:0;font-size:1.5rem}.role{color:var(--text-accent);font-weight:700}.skills{flex-wrap:wrap;gap:10px;margin:1rem 0;padding:0;list-style:none;display:flex}.skills li:before{content:"> "}.parrafo-resumido{max-height:4.8em;transition:max-height .3s;overflow:hidden}.parrafo-completo{max-height:62.5rem;transition:max-height .3s;overflow:hidden}@media (width<=600px){.profile-content{text-align:center;flex-direction:column;align-items:center}.skills{justify-content:center}}@keyframes glitch{0%,90%,to{transform:translate(0)}92%{transform:translate(-2px,2px)}94%{transform:translate(2px,-2px)}96%{transform:translate(-2px,-2px)}}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(20px)}}@media (width<=768px){.main-content{margin-left:0;padding-top:3.5rem}.main-content main{padding:1rem}}@media (width<=480px){.main-content main{padding:1rem .5rem}}@media (width>=1200px){.main-content main{width:100%;max-width:1400px;margin:0 auto}}:root{--color-texto-mutado:#8da392}.mariana-secciones{flex-direction:column;gap:40px;display:flex;padding:40px 30px 80px!important}@media (width>=768px){.mariana-secciones{padding:50px 60px 100px!important}}.seccion-interna{width:100%;scroll-margin-top:7rem}.seccion-interna h2{margin-bottom:2.5rem;padding-bottom:.5rem;display:inline-block}.mariana-submenu{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ff2;border-bottom:1px solid #00ff4133;width:calc(100% + 40px);margin-top:-20px;margin-bottom:50px;margin-left:-20px;position:sticky;top:0}.mariana-submenu-inner{flex-wrap:wrap;align-items:center;gap:20px;max-width:800px;margin:0 auto;padding:10px 20px;display:flex}.submenu-prompt{color:var(--color-texto-mutado);font-family:monospace;font-size:.85rem;font-weight:700}.mariana-submenu ul{flex-wrap:wrap;gap:15px;margin:0;padding:0;list-style:none;display:flex}.mariana-submenu li{align-items:center;gap:6px;display:flex}.nav-dot{background-color:#333;border-radius:50%;width:8px;height:8px;transition:background-color .3s}.nav-dot.active{background-color:#fc4}.mariana-submenu a{color:var(--color-texto-mutado);border:1px solid #0000;border-radius:3px;padding:5px 8px;font-family:monospace;font-size:.85rem;text-decoration:none;transition:all .3s}.mariana-submenu a:hover,.mariana-submenu a.active{color:var(--terminal-green);background-color:#00ff410d}.separador-terminal{background:repeating-linear-gradient(90deg, var(--terminal-green), var(--terminal-green) 10px, transparent 10px, transparent 20px);opacity:.2;border:none;height:1px;margin:10px 0}.code-symbol-green{color:var(--terminal-green);text-shadow:0 0 5px var(--terminal-green);font-weight:900}.role-subtitle{color:var(--text-accent);margin-bottom:20px;font-size:1.1rem;font-weight:700}.tag-blanco{margin-top:5px;font-size:.85rem;font-weight:400;display:block;color:#fff!important}.mariana-secciones .description{color:var(--color-texto-mutado);text-align:justify;font-size:.95rem;line-height:1.8}.profile-header-grid{text-align:left;flex-direction:column;align-items:center;gap:30px;display:flex}.info-personal-basica{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.mariana-secciones .profile-data-box{color:var(--terminal-green);text-align:left;font-size:1.1rem}.mariana-secciones .profile-data-box p{margin:5px 0;font-weight:700}.glitch-effect{cursor:default;background:linear-gradient(135deg,#10101c 0%,#009765 25%,#151217 50%,#006b43 75%,#023733 100%);border-radius:10px;width:200px;height:200px;padding:3px;position:relative;overflow:hidden}.foto-perfil{object-fit:cover;border-radius:8px;width:100%;height:100%;transition:transform .3s ease-in-out;display:block}.glitch-effect:hover .foto-perfil{transform:scale(1.05)}.avatar-texto{text-align:center;opacity:0;visibility:hidden;background-color:#10101ce6;border-bottom-right-radius:8px;border-bottom-left-radius:8px;padding:10px 0;transition:all .25s ease-in-out;position:absolute;bottom:3px;left:3px;right:3px}.avatar-texto p{color:var(--terminal-green);margin:0;font-size:.9rem;font-weight:700}.glitch-effect:hover .avatar-texto{visibility:visible;opacity:1}.info-personal-detallada{margin-top:30px}.social-links-mariana{justify-content:center;gap:25px;margin-top:25px;display:flex}.social-link-wrapper{align-items:center;gap:10px;display:flex}.social-icon-retro{color:#fc4;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;transition:transform .4s;display:flex;margin:0!important;padding:0!important;line-height:1!important}.advanced-hover{color:var(--terminal-green);border:1px solid var(--terminal-green);letter-spacing:1px;background:0 0;border-radius:4px;font-weight:700;text-decoration:none;transition:all .25s;margin:0!important;padding:6px 14px!important;font-size:.78rem!important;line-height:1!important}.social-link-wrapper:hover .advanced-hover{background:var(--terminal-green)!important;color:#000!important}.social-link-wrapper:hover .social-icon-retro{transform:rotate(360deg)}.skills-icons-section{background:#00ff0008;border:1px solid #0f03;border-radius:8px;margin-bottom:3rem;padding:1.5rem}.skills-icons-section h3{color:var(--terminal-green);margin-bottom:1.5rem;font-size:1.2rem}.tech-icons{grid-template-columns:repeat(4,1fr);justify-items:center;gap:1.5rem;display:grid}.tech-icon{cursor:pointer;background:#00000080;border:2px solid #00ff004d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:80px;height:80px;transition:all .3s;display:flex;position:relative;overflow:hidden}.tech-icon:before{content:"";background:#0f03;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tech-icon:hover:before{width:120%;height:120%}.tech-icon:hover{border-color:var(--terminal-green);transform:translateY(-5px)scale(1.1);box-shadow:0 0 15px #0f06}.tech-icon i{z-index:1;font-size:2.5rem;transition:all .3s;position:relative}.tech-icon span{color:var(--terminal-green);z-index:1;font-family:monospace;font-size:.65rem}.tech-icon:hover i{filter:drop-shadow(0 0 8px #0f0c);transform:rotate(360deg)scale(1.1)}.skills-grid-layout{grid-template-columns:1fr;gap:60px;display:grid}@media (width>=900px){.skills-grid-layout{grid-template-columns:1fr 1fr}}.mariana-carrusel{justify-content:center;align-items:center;margin-top:20px;display:flex;position:relative}.mc-contenedor{background:#0a0a0f99;border:1px solid #00ff414d;border-radius:8px;width:100%;max-width:800px;overflow:hidden}.mc-card{grid-template-columns:1fr;min-height:350px;animation:.5s slideFade;display:grid}@media (width>=768px){.mc-card{grid-template-columns:1fr 1.5fr}}@keyframes slideFade{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.mc-imagen{background:#000;border-bottom:1px solid #00ff414d;justify-content:center;align-items:center;display:flex;overflow:hidden}@media (width>=768px){.mc-imagen{border-bottom:none;border-right:1px solid #00ff414d}}.mc-imagen img{object-fit:contain;filter:grayscale(.8)contrast(1.2);background-color:#000;width:100%;height:100%;transition:transform .5s,filter .5s}.mc-card:hover .mc-imagen img{filter:grayscale(0)contrast();transform:scale(1.08)}.mc-info{flex-direction:column;justify-content:center;gap:15px;padding:25px;display:flex}.mc-info h3{color:var(--terminal-green);margin:0;font-size:1.5rem}.mc-info p{color:var(--color-texto-mutado);margin:0;font-size:.9rem;line-height:1.6}.mc-techs{flex-wrap:wrap;gap:8px;display:flex}.mc-badge{color:#fc4;border:1px solid #fc4;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:.75rem}.mc-links{gap:15px;margin-top:10px;display:flex}.mc-links a{color:var(--terminal-green);border:1px dashed var(--terminal-green);border-radius:4px;padding:8px 12px;font-size:.85rem;text-decoration:none;transition:all .3s}.mc-links a:hover{background:var(--terminal-green);color:#000;border-style:solid}.mc-btn{color:var(--terminal-green);border:1px solid var(--terminal-green);cursor:pointer;z-index:2;background:#000000e6;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;padding-bottom:4px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute}.mc-btn:hover{background:var(--terminal-green);color:#000}.mc-prev{left:-15px}.mc-next{right:-15px}.mc-indicadores{justify-content:center;gap:8px;margin-top:20px;display:flex}.mc-dot{border:1px solid var(--terminal-green);cursor:pointer;background:0 0;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.mc-dot.activo{background:var(--terminal-green);border-radius:5px;width:25px}.mariana-tarjeta-principal .pelicula-detalles{text-align:center!important;justify-content:center!important;align-items:center!important}.mariana-tarjeta-principal .disco-info{text-align:center!important;justify-content:center!important}.mariana-tarjeta-principal .disco-meta,.mariana-tarjeta-principal .pelicula-detalles .disco-meta{justify-content:center!important}.mariana-tarjeta-principal .discos-favoritos{grid-template-columns:1fr!important;gap:25px!important;display:grid!important}@media (width>=600px){.mariana-tarjeta-principal .discos-favoritos{grid-template-columns:repeat(2,1fr)!important}}@media (width>=900px){.mariana-tarjeta-principal .discos-favoritos{grid-template-columns:repeat(3,1fr)!important}.mariana-tarjeta-principal .pelicula-info-display{text-align:left!important;flex-direction:row!important}}.peliculas-posters{justify-content:center;gap:15px;margin-top:20px;margin-bottom:25px;display:flex}.poster-item{cursor:pointer;border:2px solid #0000;border-radius:6px;width:30%;max-width:140px;transition:all .3s;position:relative;overflow:hidden}.poster-item.activo{border-color:var(--terminal-green);transform:translateY(-5px);box-shadow:0 0 12px #00ff4166}.poster-img{aspect-ratio:2/3;object-fit:cover;width:100%;transition:transform .3s;display:block}.poster-item:hover .poster-img{transform:scale(1.05)}.poster-overlay{width:100%;color:var(--terminal-green);text-align:center;opacity:0;visibility:hidden;background-color:#10101ce6;padding:8px 0;font-size:.75rem;font-weight:700;transition:all .25s ease-in-out;position:absolute;bottom:0;left:0}.poster-item:hover .poster-overlay{visibility:visible;opacity:1}.pelicula-info-display{background:#10101c66;border:1px solid #00ff4126;border-radius:8px;flex-direction:column;gap:20px;padding:15px;display:flex}.pelicula-trailer{aspect-ratio:16/9;border:1px solid #00ff4133;border-radius:6px;width:100%;overflow:hidden}.pelicula-trailer iframe{border:none;width:100%;height:100%}.mariana-secciones .disco-item{background:#10101c66;border:1px solid #00ff4126;border-radius:8px;flex-direction:column;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.mariana-secciones .disco-item:hover{border-color:#00ff4166;transform:translateY(-5px)}.mariana-secciones .disco-album{color:var(--text-accent);margin:0 0 5px;font-size:1rem;font-weight:700}.mariana-secciones .disco-meta{gap:6px;margin-bottom:12px;display:flex}.mariana-secciones .disco-autor,.mariana-secciones .disco-year{color:var(--terminal-green);font-size:.8rem;font-weight:700}.mariana-secciones .disco-desc{color:var(--color-texto-mutado);margin:0;font-size:.75rem;line-height:1.4}.mariana-secciones .disco-img-container{aspect-ratio:1;border-top:1px solid #00ff4133;width:100%;display:block;position:relative;overflow:hidden}.mariana-secciones .disco-img-container img{object-fit:cover;width:100%;height:100%;transition:transform .3s ease-in-out;display:block}.mariana-secciones .disco-item:hover .disco-img-container img{transform:scale(1.05)}.mariana-secciones .reproducir-texto{width:100%;color:var(--terminal-green);text-align:center;opacity:0;visibility:hidden;background-color:#10101cf2;padding:12px 0;font-size:.85rem;font-weight:700;transition:all .25s ease-in-out;position:absolute;bottom:0;left:0}.mariana-secciones .disco-item:hover .reproducir-texto{visibility:visible;opacity:1}@media (width<=768px){.mariana-submenu{top:0}}@media (width<=600px){.role-subtitle,.mariana-secciones .profile-data-box{font-size:.8rem}.tech-icons{grid-template-columns:repeat(2,1fr)}.mariana-submenu{border-bottom:1px solid #00ff4133;width:100%;margin-left:0}.mariana-submenu-inner{gap:10px;padding-top:4rem}.submenu-prompt{display:none}.mariana-submenu ul{gap:8px}.mariana-submenu a{padding:4px 6px;font-size:.75rem}.submenu-prompt{font-size:.75rem}}@media (width>=900px){.profile-header-grid{grid-template-columns:200px 1fr;align-items:center;gap:50px;display:grid}.info-personal-basica{align-items:flex-start;margin-top:15px}.social-links-mariana{justify-content:flex-start}.pelicula-trailer{width:60%}.pelicula-detalles{width:40%;padding-left:10px}.pelicula-detalles .disco-meta{justify-content:flex-start}}.skill-bar-container{margin-bottom:1.5rem;animation:.6s forwards fadeInLeft}.skill-bar-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.skill-name{color:var(--terminal-green);font-family:Courier New,monospace;font-size:.95rem;font-weight:700}.skill-level{color:#ffffffb3;font-family:Courier New,monospace;font-size:.85rem}.skill-bar-track{background:#00000080;border:1px solid #00ff004d;border-radius:4px;width:100%;height:24px;position:relative;overflow:hidden}.skill-bar-fill{border-right:2px solid var(--terminal-green);background:linear-gradient(90deg,#00ff004d 0%,#0f09 50%,#00ff004d 100%);height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 0 10px #00ff0080}.skill-bar-glow{background:linear-gradient(90deg,#0000 0%,#ffffff4d 50%,#0000 100%);width:30px;height:100%;animation:2s infinite shimmer;position:absolute;top:0;right:0}@keyframes shimmer{0%{left:-60%}to{left:120%}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.skill-bar-container:first-child{animation-delay:.1s}.skill-bar-container:nth-child(2){animation-delay:.2s}.skill-bar-container:nth-child(3){animation-delay:.3s}.skill-bar-container:nth-child(4){animation-delay:.4s}.skill-bar-container:nth-child(5){animation-delay:.5s}.skill-bar-container:nth-child(6){animation-delay:.6s}.skill-bar-container:nth-child(7){animation-delay:.7s}.skill-bar-container:nth-child(8){animation-delay:.8s}@media (width<=768px){.skill-bar-track{height:20px}.skill-name{font-size:.85rem}.skill-level{font-size:.75rem}}.contenedor-nav{flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex}.contenedor-nav ul{color:var(--text-accent);flex-wrap:wrap;margin-right:30px;text-decoration:none;list-style-type:none;display:flex}.contenedor-nav ul li a{color:var(--text-accent);text-decoration:none}.links-nav{flex-wrap:wrap;justify-content:space-between;width:100%;max-width:800px;display:flex}.links-nav a{color:var(--text-accent);border:solid 1px var(--terminal-red);border-radius:5px;justify-content:center;align-items:center;width:150px;height:50px;font-size:.9rem;text-decoration:none;display:flex}.links-nav a:hover{background:var(--text-accent);color:#000;font-weight:700}.icono-linkedin{filter:brightness(0)invert();width:25px;height:25px;transform-style:preserve-3d;margin-left:2px;transition:transform .5s}.contenedor-nav .links-nav a:hover .icono-linkedin{filter:brightness(0)invert(0);width:25px;height:25px;margin:5px;transform:rotate(360deg)scale(1.1)}.mario-content .social-links{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.mario-content .social-links a{color:var(--text-accent);border:solid 1px var(--terminal-red);border-radius:5px;justify-content:center;align-items:center;width:150px;font-size:.9rem;text-decoration:none;display:flex}.mario-content .social-links a:hover{background:var(--text-accent);color:#000;font-weight:700}.icono-github{filter:brightness(0)invert();width:25px;height:25px;transform-style:preserve-3d;margin:5px;transition:transform .5s}.mario-content .social-links a:hover .icono-github,.mario-content .social-links a:hover .icono-linkedin{filter:brightness(0)invert(0);transform:rotate(360deg)scale(1.05)}.mario-content .titulo{margin-top:50px;margin-left:30px}.profile-image-mario{border:2px solid var(--terminal-red);border-radius:10px;justify-content:center;align-items:center;width:200px;height:200px;display:flex}.profile-image-mario img{width:190px;height:190px;animation:3s ease-out forwards volar;transform:translate(0)scale(1)}@keyframes volar{0%{transform:translate(200px,-200px)scale(2)}30%{transform:translate(30px,-30px)scale(1.1)}to{transform:translate(0)scale(1)}}.profile-info-mario h1,.profile-info-mario h2{margin-top:0;font-size:1rem}.mario-content .role{color:var(--text-accent);font-size:1.3rem;font-weight:bolder}.mario-content .dos-columnas{grid-template-columns:1fr 1fr;align-items:center;display:grid}.mario-content .description{width:100%;color:var(--text-accent);text-align:justify;flex-wrap:wrap;font-weight:700;display:flex}.disco-container{justify-content:center;align-items:center;display:grid}.disco{cursor:pointer;filter:drop-shadow(2px 4px 8px #b9b9b94d);border-radius:0%;width:320px;height:320px;transition:all .4s;box-shadow:0 15px 35px #00000080}.disco:hover{filter:drop-shadow(0 10px 20px #0006);border-radius:50%;animation:.7s cubic-bezier(.4,0,.2,1) forwards girarDisco}.mario-content figcaption{color:var(--text-accent);margin-top:1rem;font-size:.85rem}.mario-content figcaption a{color:var(--text-accent);border:1px solid var(--terminal-red);vertical-align:top;border-radius:3px;margin-left:.4rem;padding:.1rem .3rem;font-size:.75rem;text-decoration:none}.mario-content figcaption a:hover{background:var(--text-accent);color:var(--bg-color)}@keyframes girarDisco{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mario-content .tarjeta{margin:20px}.mario-content .tarjeta p{text-indent:20px;text-align:justify;margin-top:20px}.contenedor-seccion{flex-wrap:wrap;width:100%;display:flex}.habilidades{flex-wrap:wrap;justify-content:space-evenly;width:100%;display:flex}.listas{margin-left:0;padding-left:0;list-style:none}.logo-tecnologias{width:75px;height:75px}.logo-tecnologias:hover{filter:drop-shadow(0 0 2px var(--text-accent));animation:.7s cubic-bezier(.4,0,.2,1) forwards girarDisco;transform:scale(1.2)}.mario-content .contenedor-peliculas{border:1px solid #f5f5f5;border-radius:10px;grid-template-columns:40% 60%;align-items:center;margin:20px;display:grid;overflow:hidden}.mario-content .contenedor-peliculas:hover{background-color:#131313;border-radius:10px}.mario-content .description-peliculas{color:var(--text-accent);font-size:.75rem;line-height:1.8}.mario-content iframe{border-radius:10px;flex-wrap:wrap;width:85%;height:220px;margin:20px;display:flex}.mario-content .btn-leer{width:100%;height:40px;color:var(--text-accent);text-transform:uppercase;border:solid 1px var(--terminal-red);cursor:pointer;background-color:#0000;border-radius:5px;margin-top:10px;font-family:inherit;font-size:.9rem;text-decoration:none}.mario-content .btn-leer:hover{background:var(--text-accent);color:var(--terminal-red);font-weight:700}.mario-content .contenedor{max-width:600px}.mario-content .discos-favoritos{flex-wrap:wrap;justify-content:space-evenly;gap:15px;width:100%;display:flex}.mario-content .discos-favoritos img{width:200px;height:200px}.mario-content .parrafo-resumido{max-height:60px;transition:max-height .3s;overflow:hidden}.mario-content .parrafo-completo{max-height:1000px;transition:max-height .3s;overflow:hidden}.tarjeta h3{color:var(--text-accent)}.skills-bars-mario{flex-direction:column;gap:8px;width:100%;margin-top:20px;display:flex}@media (width<=768px){.contenedor-nav{display:none}}@media (width<=600px){.mario-content .social-links{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.social-links a{color:var(--text-accent);border:solid 1px var(--terminal-red);border-radius:5px;justify-content:center;align-items:center;width:80px;font-size:.8rem;text-decoration:none;display:flex}}@media (width<=480px){.mario-content .titulo{font-size:1.2rem}.mario-content .role{font-size:1rem}.mario-content .dos-columnas{grid-template-columns:1fr;justify-content:space-evenly;justify-items:center;width:100%}.profile-image-mario{justify-content:center;display:flex}.profile-info-mario{text-align:left;flex-wrap:wrap;margin-top:10px;display:flex}h1{font-size:.7rem}.contenedor-seccion{flex-wrap:wrap;width:100%;display:flex}.habilidades{flex-wrap:wrap;justify-content:space-evenly;width:100%;padding-left:0;display:flex}.listas{list-style:none}.logo-tecnologias{width:50px;height:50px}.mario-content .contenedor-peliculas{grid-template-columns:1fr}.mario-content .contenedor-peliculas iframe{order:-1}.tarjeta h3{color:var(--text-accent);margin-top:0;margin-bottom:0;font-size:1rem}}.proyectos-carrusel{justify-content:center;align-items:center;margin:30px 20px;display:flex;position:relative}.carrusel-contenedor{flex:1;max-width:900px;position:relative;overflow:hidden}.proyecto-card{border:1px solid var(--text-accent);background:#0000004d;border-radius:10px;grid-template-columns:1fr 1.5fr;gap:20px;min-height:450px;animation:.5s fadeIn;display:grid;overflow:hidden}.proyecto-imagen{background:#1a1a1a;justify-content:center;align-items:center;min-height:300px;display:flex;overflow:hidden}.proyecto-imagen img{object-fit:cover;width:200px;height:200px;transition:transform .3s}.proyecto-imagen img:hover{z-index:100;transform:scale(1.3)}.proyecto-info{flex-direction:column;gap:15px;padding:20px;display:flex}.proyecto-info h3{color:var(--text-accent);text-shadow:0 0 5px #00ff004d;margin:0;font-size:1.5rem}.proyecto-descripcion{color:var(--text-accent);text-align:justify;margin:0;font-size:.9rem;line-height:1.5}.proyecto-tecnologias{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.tech-badge{color:var(--text-accent);border:1px solid var(--terminal-red);border-radius:5px;padding:4px 10px;font-size:.75rem;font-weight:700;transition:all .3s}.tech-badge:hover{background:var(--text-accent);color:#000;transform:translateY(-2px)}.proyecto-links{gap:15px;margin-top:10px;display:flex}.proyecto-link{color:var(--text-accent);border:1px solid var(--terminal-red);border-radius:5px;align-items:center;gap:5px;padding:8px 15px;font-size:.85rem;text-decoration:none;transition:all .3s;display:flex}.proyecto-link:hover{background:var(--text-accent);color:#000;transform:translateY(-2px)}.proyecto-link .icono-github{filter:brightness(0)invert();width:18px;height:18px;margin:0}.proyecto-link:hover .icono-github{filter:brightness(0)invert(0)}.carrusel-btn{border:1px solid var(--terminal-red);cursor:pointer;width:45px;height:45px;color:var(--text-accent);z-index:10;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:50%;justify-content:center;align-items:center;padding-bottom:5px;font-family:monospace;font-size:2rem;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carrusel-btn:hover{background:var(--text-accent);color:#000;transform:translateY(-50%)scale(1.1)}.prev-btn{left:-15px}.next-btn{right:-15px}.carrusel-indicadores{justify-content:center;align-items:center;gap:10px;width:100%;margin:20px 0 30px;display:flex}.indicador{border:1px solid var(--terminal-red);cursor:pointer;background:#000000b3;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.indicador:hover{background:#0f09;transform:scale(1.2)}.indicador.activo{background:var(--text-accent);border-radius:5px;width:25px}@media (width<=768px){.proyecto-card{grid-template-columns:1fr}.proyecto-imagen{min-height:200px}.proyecto-info{padding:15px}.proyecto-info h3{font-size:1.2rem}.carrusel-btn{width:35px;height:35px;font-size:1.5rem}.prev-btn{left:-10px}.next-btn{right:-10px}.proyecto-links{flex-direction:column}.proyecto-link{justify-content:center}}@media (width<=480px){.proyectos-carrusel{margin:20px 10px}.carrusel-btn{width:30px;height:30px;font-size:1.2rem}.prev-btn{left:-8px}.next-btn{right:-8px}.proyecto-descripcion{font-size:.8rem}.tech-badge{padding:3px 8px;font-size:.7rem}}.mike-content h1{margin-bottom:0;font-size:2.8rem}.mike-content h2{margin-bottom:2.5rem}.mike-content h3{margin-top:1.2rem}.mike-content .hero-description{color:var(--terminal-green)}.mike-content .profile-header-flex{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.mike-content .profile-data-box{border-left:1px solid var(--terminal-green);padding-left:1.25rem;font-size:1.3rem}.mike-content .profile-data-box p{margin:.3rem 0;font-weight:700}.mike-content .profile-image img{filter:none;border:none}.mike-nav-breadcrumb{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box;background-color:#0a0a0abf;border-bottom:1px solid #00ff4133;flex-wrap:wrap;align-items:center;gap:.5rem;width:100%;padding:.6rem 1.5rem;display:flex;position:sticky;top:0}.mike-nav-breadcrumb a{color:var(--terminal-green);opacity:.7;font-size:.85rem;text-decoration:none;transition:opacity .2s}.mike-nav-breadcrumb a:hover{opacity:1;text-shadow:0 0 .5rem var(--terminal-green)}.mike-nav-breadcrumb a.mike-nav-active{opacity:1;text-shadow:0 0 .5rem var(--terminal-green);border-bottom:1px solid var(--terminal-green)}.mike-nav-sep{color:var(--terminal-green);opacity:.25}.mike-content section[id]{scroll-margin-top:3.5rem}#sobre-mi{scroll-margin-top:3rem}.mike-content .formacion-stack{flex-direction:column;gap:1.5rem;display:flex}.mike-content .formacion-card{background:0 0;border:none;padding:0}.mike-content .formacion-card:not(:last-child){border-bottom:1px solid #00ff8826;padding-bottom:1.5rem}.mike-content .formacion-label{color:var(--text-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;font-size:1.2rem;font-weight:400}.mike-content .formacion-label span{color:var(--terminal-green);margin-right:.3rem}.mike-content .tec-item{margin-bottom:.75rem}.mike-content .tec-header{align-items:baseline;gap:.75rem;margin-bottom:.4rem;display:flex}.mike-content .tec-nombre{color:var(--text-accent);font-size:1.1rem;font-weight:700}.mike-content .tec-inst{color:var(--text-accent);opacity:.5;font-size:.9rem}.mike-content .tag-list{flex-wrap:wrap;justify-content:space-between;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.mike-content .tag{border:1px solid var(--terminal-green);color:var(--terminal-green);border-radius:3px;margin-top:.25rem;padding:.15rem .5rem;font-size:.9rem}.mike-content .cert-grid{flex-direction:column;display:flex}.mike-content .cert-item{border-bottom:1px solid #00ff881a;grid-template-columns:1fr auto;align-items:center;gap:.6rem;padding:.5rem 0;display:grid}.mike-content .cert-item:last-child{border-bottom:none}.mike-content .cert-name{color:var(--text-accent);font-size:1.05rem}.mike-content .cert-org{color:var(--text-accent);opacity:.55;margin:0;font-size:1.05rem}.mike-content .cert-status{white-space:nowrap;text-align:center;border-radius:3px;min-width:80px;padding:.2rem .55rem;font-size:.85rem}.mike-content .status-done{border:1px solid var(--terminal-green);color:var(--terminal-green)}.mike-content .status-wip{color:#fc4;border:1px solid #860}.mike-content #habilidades{flex-direction:column;align-items:stretch;width:100%;display:flex}.mike-content .habilidades-layout{grid-template-columns:1fr 1fr 1fr;gap:1.5rem 2rem;width:100%;margin:0 auto;padding:0;list-style:none;display:grid}.mike-content .skill-item{width:100%;display:block}.mike-content .skill-info{color:var(--text-accent);justify-content:space-between;gap:1rem;margin-bottom:5px;font-size:1.1rem;display:flex}.mike-content .skill-info span{white-space:nowrap}.mike-content .xp-bar{border:1px solid var(--terminal-green);background:#00ff411a;border-radius:7px;width:100%;height:.9rem;overflow:hidden}.mike-content .xp-fill{background:linear-gradient(90deg, var(--terminal-green), #00ff41b3);box-shadow:0 0 8px var(--terminal-green), 0 0 16px #00ff414d;border-radius:7px;position:relative;overflow:hidden}.mike-content .xp-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:40%;height:100%;animation:2.5s infinite shimmer;position:absolute;top:0;left:-60%}.tech-icons-mike{grid-template-columns:repeat(4,1fr);justify-items:center;gap:1.5rem;margin-bottom:2rem;display:grid}.tech-icon-mike{cursor:default;background:#00000080;border:2px solid #00ff414d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:80px;height:80px;transition:all .3s;display:flex;position:relative;overflow:hidden}.tech-icon-mike:before{content:"";background:#00ff4133;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tech-icon-mike:hover:before{width:120%;height:120%}.tech-icon-mike:hover{border-color:var(--terminal-green);transform:translateY(-5px)scale(1.1);box-shadow:0 0 15px #00ff4166}.tech-icon-mike i{z-index:1;font-size:2rem;transition:transform .3s,filter .3s;position:relative}.tech-icon-mike span{color:var(--terminal-green);text-align:center;z-index:1;font-size:.65rem;position:relative}.tech-icon-mike:hover i{filter:drop-shadow(0 0 8px #00ff41b3);transition:transform .3s,filter .3s;transform:rotate(10deg)scale(1.2)}.mike-content .ds-note{border-left:3px solid var(--terminal-green);background:#00ff410d;margin-top:2rem;padding:1.2rem;font-size:1rem}.ds-line{white-space:nowrap;width:0;animation:.6s steps(30,end) forwards typing;animation-delay:calc(var(--i) * .7s);margin:4px 0;overflow:hidden}@keyframes typing{to{width:100%}}.mike-content .raq-carrusel-btn{border:1px solid var(--terminal-green);width:45px;height:45px;color:var(--terminal-green);cursor:pointer;z-index:2;background:#000c;border-radius:50%;justify-content:center;align-items:center;font-size:1.8rem;transition:all .3s;display:flex;position:absolute;top:30%;transform:translateY(-50%)}.mike-content .raq-carrusel-wrapper{border:2px solid #ffffff4d;border-radius:8px}.mike-content .raq-carrusel-btn:hover{background:var(--terminal-green);color:#000}.mike-content .raq-prev-btn{left:-22px}.mike-content .raq-next-btn{right:-22px}.mike-content .raq-proyecto-imagen{contain:layout;background:#1e1e1e;border-radius:4px 4px 0 0;width:100%;padding-bottom:62.5%;position:relative;overflow:hidden}.mike-content .raq-proyecto-links{flex-flow:wrap;justify-content:center;gap:.8rem;width:100%;display:flex}.mike-content .raq-proyecto-links a{text-align:center;flex:1;min-width:120px}.mike-content .contenedor-peliculas{border:1px solid #f5f5f5;border-radius:10px;grid-template-columns:40% 60%;align-items:center;margin:1.25rem 0;display:grid;overflow:hidden}.mike-content .contenedor-peliculas:hover{background-color:#131313}.mike-content .contenedor-peliculas iframe{border-radius:0;width:100%;height:13.75rem;margin:0;display:block}.mike-content .tarjeta{padding:1.25rem}h4.tec-nombre{margin-top:.5rem}.mike-content .tarjeta h4{color:var(--text-accent);text-shadow:0 0 .3rem var(--terminal-green);margin-top:0}.mike-content .description-peliculas{color:var(--text-accent);text-align:justify;margin-top:.5rem;font-size:.75rem;line-height:1.5}.mike-content .btn-leer{background-color:var(--surface-color);width:100%;height:2.5rem;color:var(--terminal-green);text-transform:uppercase;border:2px solid var(--terminal-green);cursor:pointer;border-radius:10px;margin-top:.5rem;font-family:inherit;font-size:1.1rem}.mike-content .btn-leer:hover{background:var(--text-accent);color:var(--terminal-green);font-weight:700}.mike-content .social-links{justify-content:center;gap:.75rem;width:100%;display:flex}.mike-content .social-links .nav-button{transition:transform .3s,box-shadow .5s}.mike-content .social-links .nav-button:hover{transform:scale(1.1);box-shadow:0 0 12px #00ff4180}.social-icon-btn{border:1px solid var(--terminal-green);border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;padding:0;font-size:1.5rem;display:flex}.mike-content .social-links .social-icon-btn{text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s}.mike-content .social-links .social-icon-btn:hover{transform:scale(1.15);box-shadow:0 0 12px #00ff4180}.mike-content .social-links .social-icon-btn i{transition:transform .3s}.mike-content .social-links .social-icon-btn:hover i{transform:rotate(10deg)}.mike-content .discos-favoritos{flex-wrap:wrap;justify-content:space-evenly;gap:.9375rem;display:flex}.mike-content .disco-item{text-align:center;margin:0}.mike-content .disco-item img{object-fit:cover;width:12.5rem;height:12.5rem;display:block}.mike-content .disco-item figcaption{color:var(--text-accent);margin-top:1.2rem;font-size:1rem}.mike-content .disco-item figcaption a{color:var(--terminal-green);border:1px solid var(--terminal-green);vertical-align:top;border-radius:3px;margin-left:.4rem;padding:.1rem .3rem;font-size:.85rem;text-decoration:none}.mike-content .disco-item figcaption a:hover{background:var(--terminal-green);color:var(--bg-color)}@media (width<=900px){.mike-content .habilidades-layout{grid-template-columns:1fr 1fr}}@media (width<=768px){.profile-main{margin-top:-5rem}.mike-nav-breadcrumb{scrollbar-width:none;background-color:#0a0a0ae6;flex-wrap:nowrap;padding-left:3.75rem;top:0;overflow-x:auto}.mike-content .habilidades-layout{grid-template-columns:1fr 1fr}.mike-content section[id]{scroll-margin-top:4rem}#inicio{scroll-margin-top:8rem}#sobre-mi{scroll-margin-top:3rem}}@media (width<=600px){.profile-card{max-width:100%;margin:0 auto}.tech-icons-mike{grid-template-columns:repeat(2,1fr)}.mike-content .contenedor-peliculas{grid-template-columns:1fr}.mike-content .contenedor-peliculas iframe{order:-1;height:12rem}.mike-content .habilidades-layout{grid-template-columns:1fr}.mike-content .tec-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.4rem}h4.tec-nombre{margin:0}.mike-content .tec-header .cert-status{min-width:auto;margin-left:1rem;margin-right:1rem;padding:.15rem .4rem;font-size:.75rem}.mike-content .cert-item{text-align:center;grid-template-columns:1fr}.mike-content .cert-status{margin:0 auto}.mike-content section[id]{scroll-margin-top:8rem}#sobre-mi{scroll-margin-top:6.5rem}.mike-nav-breadcrumb{scrollbar-width:none;flex-wrap:nowrap;width:100vw;max-width:100%;margin-left:-20px;margin-right:-20px;padding-top:4rem;padding-left:1rem;padding-right:1rem;overflow-x:auto}.mike-nav-breadcrumb::-webkit-scrollbar{display:none}.mike-nav-breadcrumb a,.mike-nav-sep{flex-shrink:0}.cert-status.status-wip span{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.mike-content section{animation:.5s both fadeInUp}.mike-content section:first-child{animation-delay:50ms}.mike-content section:nth-child(2){animation-delay:.15s}.mike-content section:nth-child(3){animation-delay:.25s}.mike-content section:nth-child(4){animation-delay:.35s}.mike-content section:nth-child(5){animation-delay:.45s}.profile-main{--bg-base:#050508;--bg-panel:#0c0c14;--bg-card:#10101c;--green:#00ff9f;--green-dim:#00b36e;--cyan:#00e5ff;--yellow:#f5e642;--red:#f46;--purple:#9d4edd;--text-primary:#e8e8f0;--text-secondary:#88a;--text-dim:#44445a;--border:#1e1e30;--border-accent:#00ff9f33;--font-mono:"Fira Code", monospace;--font-display:"Syne", sans-serif;--radius:.125rem}.nav-principal{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-accent);background:#050508f2;position:sticky;top:0}.nav-inner{align-items:center;gap:2rem;max-width:50rem;margin:0 auto;padding:.8rem 2rem;display:flex}.nav-principal .nav-label{color:var(--text-dim);white-space:nowrap;font-size:.7rem}.nav-principal ul{flex-wrap:wrap;gap:.25rem;list-style:none;display:flex}.nav-principal a{font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius);border:1px solid #0000;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.8rem;text-decoration:none;transition:color .2s,border-color .2s,background-color .2s;display:flex}.nav-num{color:var(--green);font-size:.7rem}.nav-principal a:hover,.nav-principal a:focus-visible{color:var(--green);border-color:var(--border-accent);background:#00ff9f0d;outline:none}.nav-principal a.nav-section-active{color:var(--green);border-color:var(--green-dim);background:#00ff9f1a}.nav-principal a.nav-section-active .nav-num{color:var(--cyan)}.profile-content-wrapper{padding:0}.profile-content-wrapper section{padding:3rem 2rem}.section-header{border-bottom:1px solid var(--border);text-align:left;margin-bottom:3rem;padding-bottom:1rem}.section-tag{color:var(--green);letter-spacing:.12em;text-align:left;margin-bottom:.5rem;font-size:.72rem;display:block}.section-header h2{font-family:var(--font-display);color:var(--text-primary);text-align:left;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700}.section-subtitle{color:var(--text-secondary);text-align:left;margin-top:-2rem;margin-bottom:2.5rem;font-size:.9rem}.sobre-mi-grid{grid-template-columns:auto 1fr;align-items:start;gap:4rem;margin-bottom:3rem;display:grid}.sobre-mi-img-wrapper{flex-direction:column;align-items:center;gap:1rem;display:flex}.profile-content-wrapper .profile-data-box{border-left:.125rem solid #00ff41;padding-left:1.25rem;font-size:1.1rem}.profile-content-wrapper .profile-data-box p{color:#00ff41;margin:.3rem 0;font-weight:700}.profile-content-wrapper .social-links{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.profile-actions{justify-content:center;margin-top:1rem;display:flex}.social-btn{align-items:center;gap:.5rem;display:inline-flex}.social-btn i{font-size:1.1em}.copy-profile-btn{cursor:pointer;border-style:solid}.copy-profile-btn.is-copied{border-color:var(--green);color:var(--bg-color);background:var(--green)}.avatar-frame{width:11.25rem;height:11.25rem;position:relative}.avatar-img{object-fit:cover;border-radius:var(--radius);background:var(--bg-panel);width:100%;height:100%;display:block;filter:none!important}.avatar-overlay{pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000,#0000 .1875rem,#00ff9f0a .1875rem .25rem);position:absolute;inset:0}.avatar-border-anim{border-radius:var(--radius);background:linear-gradient(45deg, var(--green), var(--cyan), var(--purple), var(--green)) border-box;z-index:3;pointer-events:none;-webkit-mask-composite:xor;background-size:200% 200%;padding:.125rem;animation:4s linear infinite border-rotate;position:absolute;inset:-.125rem;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes border-rotate{0%{background-position:0%}to{background-position:200%}}.sobre-mi-texto p{color:var(--text-secondary);margin-bottom:1.2rem;font-size:.92rem}.sobre-mi-texto strong{color:var(--green)}.typed-intro{color:var(--text-primary)!important}.habilidades-layout{grid-template-columns:1fr;gap:2rem;display:grid}.habilidades-col{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.skills-grid{width:100%;font-size:1rem}.skills-header{color:var(--text-dim);letter-spacing:.08em;border-bottom:1px solid var(--border);text-transform:uppercase;grid-template-columns:1fr auto auto;gap:.4rem;padding:.6rem .4rem;font-size:.78rem;display:grid}.skill-item{color:var(--text-secondary);border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:.4rem;padding:.6rem .4rem;transition:color .2s;display:grid}.skill-item:last-child{border-bottom:none}.skill-item:hover{color:var(--text-primary)}.skill-tech{align-items:center;gap:.5rem;display:flex}.skill-level{min-width:6rem}.skill-xp{min-width:8rem}.tech-icons-raquel{grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px;display:grid}.tech-icon-raquel{border:1px solid var(--border);cursor:default;border-radius:6px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex}.tech-icon-raquel i{font-size:3.2rem;transition:transform .3s,filter .3s}.tech-icon-raquel span{color:var(--green);text-align:center;font-size:.85rem}.tech-icon-raquel:hover{border-color:var(--green);transform:translateY(-4px)scale(1.08);box-shadow:0 0 14px #00ff4159}.tech-icon-raquel:hover i{filter:drop-shadow(0 0 6px #00ff4199);transform:scale(1.2)}.xp-bar{background:var(--border);border-radius:.25rem;width:8rem;height:.5rem;overflow:hidden}.xp-fill{height:100%;width:var(--pct);background:linear-gradient(90deg, var(--green-dim), var(--green));border-radius:.125rem;animation:1.5s ease-out forwards load-bar}@keyframes load-bar{0%{width:0%}to{width:var(--pct)}}.movies-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.movie-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:border-color .3s,transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.movie-poster{aspect-ratio:2/3;flex-shrink:0;width:100%;overflow:hidden}.movie-poster img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.movie-card:hover .movie-poster img{transform:scale(1.05)}.movie-card:hover{border-color:var(--cyan);transform:translateY(-4px);box-shadow:0 12px 40px #00e5ff14}.movie-rank{font-family:var(--font-display);color:#00e5ff26;z-index:2;pointer-events:none;font-size:1.8rem;font-weight:800;line-height:1;position:absolute;top:.5rem;left:.5rem}.movie-info{flex-direction:column;flex-grow:1;padding:.8rem;display:flex}.movie-year{color:var(--cyan);letter-spacing:.1em;margin-bottom:.3rem;font-size:.6rem;display:block}.movie-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:700}.movie-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:.6rem;font-size:.7rem;line-height:1.5}.movie-tag{color:var(--text-dim);letter-spacing:.05em;text-align:center;margin-bottom:.6rem;font-size:.6rem;display:block}.movie-info .card-link{align-self:center;margin-top:auto}.card-link{color:var(--green);border:1px solid var(--green-dim);border-radius:var(--radius);font-size:.75rem;font-family:var(--font-mono);margin-top:.8rem;padding:.45rem 1.1rem;text-decoration:none;transition:background-color .3s,color .3s,border-color .3s,transform .2s;display:inline-block}.card-link:hover,.card-link:focus-visible{background:var(--green);color:var(--bg-base);border-color:var(--green);outline:none;transform:translateY(-1px)}.discos-grid{grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:2rem;display:grid}.disco-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.disco-card:hover{border-color:var(--green-dim);transform:translateY(-8px);box-shadow:0 12px 40px #00ff9f1a}.disco-cover{aspect-ratio:1;background:var(--bg-panel);width:100%;position:relative;overflow:hidden}.disco-img{object-fit:cover;width:100%;height:100%;transition:transform .4s,filter .4s;display:block}.disco-card:hover .disco-img{filter:brightness(1.1);transform:scale(1.05)}.disco-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.disco-card:hover .disco-overlay{opacity:1}.play-icon{color:var(--green);text-shadow:0 0 1.25rem var(--green);font-size:2rem;animation:2s ease-in-out infinite pulse-play}@keyframes pulse-play{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.disco-info{flex-direction:column;flex-grow:1;padding:.7rem;display:flex}.disco-title{font-family:var(--font-display);color:var(--text-primary);text-align:center;margin:0 0 .2rem;font-size:.8rem;font-weight:700}.disco-artist{color:var(--green);text-align:center;margin:0 0 .15rem;font-size:.7rem;font-weight:600}.disco-year{color:var(--text-dim);letter-spacing:.1em;text-align:center;margin:0 0 .4rem;font-size:.6rem}.disco-desc{color:var(--text-secondary);text-align:center;flex-grow:1;margin:0 0 .6rem;font-size:.65rem;line-height:1.4}.disco-info .card-link{align-self:center;margin-top:auto}.raq-carrusel{justify-content:center;align-items:center;margin:0 0 1rem;display:flex;position:relative}.raq-carrusel-contenedor{flex:1;max-width:900px;overflow:hidden}.raq-proyecto-card{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius);grid-template-columns:1fr 1.4fr;gap:0;height:400px;animation:.4s raq-fadeIn;display:grid;overflow:hidden}@keyframes raq-fadeIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.raq-proyecto-imagen{border-right:1px solid var(--border);background:#070710;justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.raq-proyecto-imagen img{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;transition:transform .4s;display:block}.raq-proyecto-imagen img:hover{transform:scale(1.05)}.raq-proyecto-info{flex-direction:column;gap:1rem;height:100%;padding:1.5rem 1.8rem;display:flex;overflow:hidden}.raq-proyecto-title{font-family:var(--font-display);color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:700}.raq-proyecto-desc{color:var(--text-secondary);text-align:justify;flex-grow:1;margin:0;font-size:.85rem;line-height:1.6;overflow-y:auto}.raq-proyecto-techs{flex-wrap:wrap;gap:.5rem;display:flex}.raq-tech-badge{font-family:var(--font-mono);color:var(--green);border:1px solid var(--green-dim);border-radius:var(--radius);padding:.2rem .6rem;font-size:.68rem;transition:background .2s,color .2s}.raq-tech-badge:hover{background:var(--green);color:var(--bg-base)}.raq-proyecto-links{gap:.8rem;margin-top:.5rem;display:flex}.raq-carrusel-btn{border:1px solid var(--green-dim);cursor:pointer;width:40px;height:40px;color:var(--green);z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050508d9;border-radius:50%;justify-content:center;align-items:center;padding-bottom:3px;font-family:monospace;font-size:1.6rem;line-height:1;transition:background .2s,color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.raq-carrusel-btn:hover{background:var(--green);color:var(--bg-base);transform:translateY(-50%)scale(1.1)}.raq-prev-btn{left:-16px}.raq-next-btn{right:-16px}.raq-carrusel-indicadores{justify-content:center;gap:.6rem;margin:1.2rem 0 0;display:flex}.raq-indicador{border:1px solid var(--green-dim);cursor:pointer;background:0 0;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,width .2s,border-radius .2s}.raq-indicador:hover{background:#00ff9f66}.raq-indicador.raq-indicador-activo{background:var(--green);border-color:var(--green);border-radius:4px;width:22px}@media (width<=768px){.raq-proyecto-card{grid-template-columns:1fr;height:auto}.raq-proyecto-imagen{border-right:none;border-bottom:1px solid var(--border);height:180px}.raq-proyecto-info{padding:1.2rem}.raq-carrusel-btn{width:32px;height:32px;font-size:1.2rem}.raq-prev-btn{left:-12px}.raq-next-btn{right:-12px}}@media (width<=480px){.raq-proyecto-title{font-size:1.1rem}.raq-proyecto-desc{font-size:.78rem}.raq-proyecto-links{flex-direction:column}}.back-navigation{text-align:center;width:100%;max-width:50rem;margin:1.25rem auto 0;padding:1.25rem}.back-navigation .nav-button{margin-top:0;padding:10px 20px;text-decoration:none;display:inline-block}@media (width<=900px){.sobre-mi-grid{grid-template-columns:1fr}.sobre-mi-img-wrapper{flex-direction:row;justify-content:flex-start;align-items:center}.movies-grid{grid-template-columns:1fr 1fr}.discos-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.nav-principal{top:0}.nav-principal .nav-inner{padding-left:3.75rem}}@media (width<=600px){.tech-icons-raquel{grid-template-columns:repeat(3,1fr)}.movies-grid,.discos-grid{grid-template-columns:1fr}.nav-inner{flex-direction:column;align-items:flex-start;gap:.8rem}.sobre-mi-img-wrapper{flex-direction:column;align-items:center}.habilidades-col{padding:1rem}.skills-grid{font-size:.7rem}.skills-header{gap:.2rem;padding:.4rem .2rem;font-size:.6rem}.skill-item{gap:.2rem;padding:.5rem .2rem}.skill-tech{gap:.3rem;font-size:.7rem}.skill-level{min-width:3.75rem;font-size:.65rem}.skill-xp{min-width:3.125rem}.xp-bar{width:3.125rem;height:.1875rem}}@media (width<=400px){.skills-header{display:none}.skill-item{flex-direction:column;grid-template-columns:1fr;align-items:flex-start;gap:.5rem;padding:.8rem .5rem;display:flex}.skill-tech{width:100%;margin-bottom:.3rem;font-size:.8rem}.skill-level{width:100%;min-width:auto;margin-bottom:.3rem;font-size:.7rem}.skill-level:before{content:"Nivel: ";color:var(--text-dim)}.skill-xp{width:100%;min-width:auto}.xp-bar{width:100%;height:.25rem}.profile-content-wrapper .profile-data-box{font-size:.9rem}.sobre-mi-grid{gap:2rem}}.valeria-content .profile-header-flex{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;margin-bottom:2rem;display:flex}.valeria-content .profile-info{width:100%}.valeria-content .profile-image img{border:2px solid var(--terminal-green);object-fit:cover;border-radius:50%;width:180px;height:180px}.valeria-content .media-section{width:100%;margin-top:2rem}.valeria-content .contenedor-peliculas{border:1px solid #ffffff1a;width:100%;margin-bottom:2rem;padding:15px}.valeria-content iframe{aspect-ratio:16/9;border:1px solid var(--terminal-green);width:100%;margin-bottom:10px;display:block}.valeria-content .contenedor-peliculas h4{color:var(--text-accent);text-shadow:0 0 5px var(--terminal-green);margin:.5rem 0}.valeria-content .contenedor{align-items:flex-start;gap:1rem;display:flex}.valeria-content .description-peliculas{min-width:0;color:var(--terminal-green);flex:1;font-size:.78rem;line-height:1.5}.valeria-content .btn-leer{color:var(--terminal-green);text-transform:uppercase;border:solid 1px var(--terminal-green);cursor:pointer;white-space:nowrap;background-color:#0000;border-radius:5px;flex-shrink:0;align-self:flex-start;width:auto;height:auto;padding:4px 10px;font-family:inherit;font-size:.75rem}.valeria-content .btn-leer:hover{background:var(--terminal-green);color:var(--bg-color);font-weight:700}.contenedor-seccion-valeria{flex-wrap:wrap;width:100%;display:flex}.habilidades-valeria{flex-wrap:wrap;justify-content:space-evenly;width:100%;display:flex}.listas-valeria{margin-left:0;padding-left:0;list-style:none}.valeria-content .proyectos-carrusel{overflow:hidden}@keyframes logo-hover{0%{opacity:1;filter:drop-shadow(0 0 #0000);transform:scale(1)}to{opacity:.7;filter:drop-shadow(0 0 10px #13f826b3);transform:scale(1.2)}}.logo-tecnologias-valeria{width:75px;height:75px}.logo-tecnologias-valeria:hover{animation:.3s forwards logo-hover}.valeria-content .discos{box-sizing:border-box;width:100vw;margin-left:calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%);position:relative}.valeria-content .carrusel-container{width:100%;margin:1.5rem 0;padding:0 50px;position:relative;overflow:hidden}.valeria-content .discos-favoritos{box-sizing:border-box;flex-wrap:nowrap;gap:15px;width:100%;transition:transform .5s;display:flex}.valeria-content .disco-item{text-align:center;background:#10101c66;border:1px solid #00ff4126;border-radius:8px;flex:0 0 calc(100% - 15px);min-width:150px;transition:transform .3s,box-shadow .3s,border-color .3s;overflow:hidden}.valeria-content .disco-item:hover{border-color:#00ff4166;transform:translateY(-5px);box-shadow:0 8px 20px #00ff4126}.valeria-content .disco-item img{aspect-ratio:1;object-fit:cover;border-bottom:1px solid #00ff4133;width:100%;transition:transform .3s}.valeria-content .disco-item:hover img{transform:scale(1.05)}.valeria-content .disco-item figcaption{flex-direction:column;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.valeria-content .disco-item figcaption span{color:var(--text-accent);text-align:center;font-size:.9rem;font-weight:700}.valeria-content .disco-item figcaption a{color:var(--terminal-green);border:1px solid var(--terminal-green);border-radius:3px;padding:.2rem .8rem;font-size:.8rem;text-decoration:none;transition:all .3s}.valeria-content .disco-item figcaption a:hover{background:var(--terminal-green);color:var(--bg-color)}.valeria-content .carrusel-btn{background:var(--terminal-green);color:var(--bg-color);cursor:pointer;z-index:5;border:none;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.valeria-content .prev{left:5px}.valeria-content .next{right:5px}.valeria-content .carrusel-btn:disabled{opacity:.3;cursor:not-allowed}.valeria-content .carrusel-btn:not(:disabled):hover{background:var(--text-accent);color:var(--terminal-green)}.skills-bars-valeria{flex-direction:column;gap:8px;width:100%;margin-top:20px;display:flex}@media (width<=600px){.valeria-content .discos{padding-left:0;padding-right:0;position:relative}.valeria-content .disco-item{flex:0 0 calc(100% - 15px)}.valeria-content .disco-item figcaption span{font-size:.75rem}.valeria-content .disco-item figcaption a{padding:.15rem .6rem;font-size:.7rem}.valeria-content .profile-header-flex{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.valeria-content iframe{height:180px}.valeria-content .profile-info{text-align:center;width:100%}.valeria-content .profile-info h2,.valeria-content .profile-info p{margin-bottom:1.5rem}.valeria-content .profile-image img{width:160px;height:160px}.valeria-content .habilidades-valeria{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:2rem;display:grid}.logo-tecnologias-valeria{width:50px;height:50px}.skills-bars-valeria{width:100%}.valeria-content .contenedor{flex-direction:column;align-items:center;gap:.8rem}.valeria-content .contenedor-peliculas{padding:10px}.valeria-content .contenedor-peliculas h4{font-size:.85rem}.valeria-content .description-peliculas{text-align:center;font-size:.75rem}.valeria-content .btn-leer{align-self:center;padding:3px 8px;font-size:.7rem}.valeria-content .carrusel-container{padding:0}.valeria-content .carrusel-btn{width:30px;height:30px;font-size:1rem}}@media (width>=600px) and (width<=900px){.valeria-content .discos{box-sizing:border-box;padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}.valeria-content .disco-item{flex:0 0 calc(33.33% - 15px)}.valeria-content .profile-header-flex{flex-direction:row;justify-content:center;gap:1.5rem}.valeria-content .profile-image img{width:160px;height:160px}.valeria-content .habilidades-valeria{justify-content:space-around;gap:.8rem}.logo-tecnologias-valeria{width:70px;height:70px}.valeria-content .contenedor-peliculas{padding:12px}.valeria-content .contenedor{flex-direction:row;gap:1rem}.valeria-content .description-peliculas{font-size:.8rem}.valeria-content .carrusel-container{padding:0 45px}.valeria-content .carrusel-btn{width:35px;height:35px}}@media (width>=900px) and (width<=1200px){.valeria-content .disco-item{flex:0 0 calc(25% - 15px)}.valeria-content .profile-header-flex{justify-content:flex-start;gap:2rem}.valeria-content .profile-image img{width:180px;height:180px}.valeria-content .habilidades-valeria{justify-content:space-between}.logo-tecnologias-valeria{width:80px;height:80px}.valeria-content .carrusel-container{padding:0 60px}.valeria-content .contenedor{gap:1.5rem}.valeria-content .description-peliculas{font-size:.9rem}.skills-bars-valeria{width:90%}}@media (width>=1200px){.valeria-content .disco-item{flex:0 0 calc(33.33% - 15px)}.valeria-content .profile-header-flex{justify-content:flex-start;gap:3rem;margin-bottom:2.5rem}.valeria-content .profile-image img{width:200px;height:200px}.valeria-content .habilidades-valeria{justify-content:space-evenly;gap:1.5rem}.logo-tecnologias-valeria{width:90px;height:90px}.valeria-content .carrusel-container{padding:0 80px}.valeria-content .contenedor{gap:2rem}.valeria-content .description-peliculas{font-size:1rem}.skills-bars-valeria{width:80%;margin:30px auto}.valeria-content .contenedor-peliculas{padding:20px}}:root{--bg-color:#0a0a0a;--terminal-green:#00ff41;--terminal-red:red;--text-accent:#fff;--link-color:#008f11;--surface-color:#333}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--terminal-green);margin:0;padding:0;font-family:JetBrains Mono,monospace;line-height:1.6}.dashboard-layout{min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:280px;transition:margin-left .3s;display:flex}.sidebar.collapsed~.main-content,.desktop-sidebar.collapsed~.main-content{margin-left:80px}.main-content main{flex:1;padding:2rem}h1,h2{color:var(--text-accent);text-shadow:0 0 5px var(--terminal-green)}.nav-button{border:1px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;background-color:#0000;margin-top:15px;padding:10px 20px;font-family:inherit;transition:all .3s}.nav-button:hover{background-color:var(--terminal-green);color:var(--bg-color)}.nav-button:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.main-content{margin-left:0;padding-top:3.5rem}.main-content main{padding:1rem}}@media (width<=480px){.main-content main{padding:1rem .5rem}}@media (width>=1200px){.main-content main{width:100%;max-width:1400px;margin:0 auto}}