:root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;--bg-color: #eceef1;--text-color: #1a1a1a;--button-bg: #dddfe3;--main-window-bg: #ffffff;--titlebar-bg: #e4e4e4;--border-color: rgba(0, 0, 0, .12)}[data-theme=dark]{--bg-color: #1b1f2a;--text-color: #e6e1d9;--button-bg: #2a3040;--main-window-bg: #232938;--titlebar-bg: #2f3650;--border-color: rgba(255, 255, 255, .08)}body{margin:0;background-color:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease}@media(max-width:768px){:root{padding:0}body{align-items:flex-start;justify-content:flex-start}}.icon-unit{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:transform .2s ease-in-out;width:100px}.icon-unit:hover{transform:translateY(-5px)}@media(max-width:768px){.icon-unit{width:70px;gap:8px;font-size:.85rem}}.author-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px 40px}.author-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:3rem;font-weight:700;margin:0;color:var(--text-color);letter-spacing:-.5px}.author-name span{color:#d9906b;font-weight:700}.author-description{margin-top:10px;font-size:1.05rem;color:var(--text-color);font-weight:400;letter-spacing:.2px;opacity:.65;white-space:pre-line}@media(max-width:768px){.author-info{padding:40px 16px 28px}.author-name{font-size:2.2rem}.author-description{font-size:.95rem}}.boton-redondo{width:50px;height:50px;border-radius:50%;border:none;background-color:var(--button-bg);position:fixed;top:20px;left:20px}@media(max-width:768px){.boton-redondo{width:36px;height:36px;top:6px;right:12px;left:auto;z-index:1100}.boton-redondo img{width:20px;height:20px}}.music-btn{width:50px;height:50px;border-radius:50%;border:none;background-color:var(--button-bg);color:var(--text-color);cursor:pointer;position:fixed;top:20px;left:80px;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:100}.music-btn:hover{background-color:var(--titlebar-bg)}@media(max-width:768px){.music-btn{width:36px;height:36px;top:6px;left:auto;right:56px}}.main-window{min-width:700px;width:50vw;height:70vh;position:relative;background:var(--main-window-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000002e,0 4px 12px #00000014}@media(max-width:768px){.main-window{min-width:unset;width:100vw;height:100dvh;border-radius:0;border:none;box-shadow:none}.titlebar{height:56px;font-size:1rem}.titlebar-traffic{gap:8px}.icons-grid{gap:20px;margin-top:30px}}.titlebar{height:44px;background:var(--titlebar-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:500;font-size:.85rem;letter-spacing:.3px;color:var(--text-color);position:relative}.titlebar-traffic{display:flex;gap:6px;position:absolute;left:14px}.traffic-dot{width:12px;height:12px;border-radius:50%}.traffic-red{background:#ff5f57}.traffic-yellow{background:#febc2e}.traffic-green{background:#28c840}.icons-grid{display:flex;justify-content:center;align-items:flex-start;gap:40px;margin-top:50px;padding:20px}.floating-window{min-width:400px;position:fixed;width:30vw;height:70vh;background:var(--main-window-bg);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;z-index:1000;overflow:hidden;animation:popIn .18s cubic-bezier(.34,1.56,.64,1);box-shadow:0 24px 60px #00000038,0 4px 12px #00000014}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.floating-titlebar{height:44px;background:var(--titlebar-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;padding:0 14px;font-weight:500;font-size:.85rem;letter-spacing:.3px;color:var(--text-color);position:relative}.floating-traffic{display:flex;gap:6px;position:absolute;left:14px}.close-btn{background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;align-items:center;position:absolute;right:10px;opacity:.5;transition:opacity .15s}.close-btn:hover{opacity:1}@media(max-width:768px){.floating-window{min-width:unset!important;width:100vw!important;height:100dvh!important;top:0!important;left:0!important;border-radius:0;border:none;box-shadow:none;animation:slideUp .22s cubic-bezier(.34,1.2,.64,1)}.floating-titlebar{height:56px;font-size:1rem}.floating-traffic{gap:8px}.traffic-dot{width:14px;height:14px}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}}.bio-content{display:flex;flex-direction:column;height:100%;overflow:hidden}.header{position:sticky;top:0;background-color:var(--main-window-bg);z-index:10;display:flex;align-items:center;justify-content:space-evenly;height:50%}.profile-pic{width:6vw;height:6vw;border-radius:50%;object-fit:cover}.header-text{display:flex;flex-direction:column;justify-content:center}.header-text h1{margin:0;font-size:2rem;font-weight:500}.header-text p{margin:5px 0 0;font-size:1rem;color:#a0a0a0}.description-md{flex-grow:1;overflow-y:auto;padding:20px;text-align:left}@media(max-width:768px){.header{height:auto;padding:24px 16px;gap:16px}.profile-pic{width:72px;height:72px}.header-text h1{font-size:1.4rem}}.projects-grid{flex:1;min-height:0;overflow-y:auto;padding:5%}.project-card{display:flex;flex-direction:column;border:1px solid var(--border-color);border-radius:10px;padding:20px 20px 0;margin-bottom:5%;box-shadow:0 2px 8px #00000014;transition:all .25s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000024}.project-top-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-bottom:0}.project-aside{display:flex;flex-direction:column;align-items:center;justify-content:center}.project-image-wrapper{width:100%;height:15vh;aspect-ratio:4 / 3;display:flex;justify-content:center;align-items:center;padding-bottom:10px}.project-image-wrapper img{border:1px solid var(--border-color);border-radius:6px;object-fit:contain;max-width:100%;max-height:100%}.project-footer{display:flex;justify-content:space-evenly;flex-direction:row;width:100%}.project-footer a{font-size:.8rem;color:#4a90e2;text-decoration:none}.project-info-header{display:flex;flex-direction:column;gap:15px;text-align:left}.project-name,.tech-container{margin:0}.tech-badge{display:inline-block;background-color:var(--button-bg);color:var(--text-color);padding:3px 10px;border-radius:50px;font-size:.72rem;border:1px solid var(--border-color);margin:0 4px 4px 0}.project-description{font-size:.9rem;line-height:1.6;text-align:left;padding:2%;opacity:.85}.contact-content,.about-content{flex:1;min-height:0;overflow-y:auto;padding:5%;text-align:left}.icon-link{cursor:pointer;transition:all .2s ease}.icon-link:active{transform:scale(.4)}.icon-grid{display:flex;flex-direction:row;justify-content:center;height:10%}