@import "https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap";@import "https://fonts.googleapis.com/css2?family=Google+Sans+Code:ital,wght@0,300..800;1,300..800&family=Playwrite+MX:wght@100..400&display=swap";html,body{background-color:#fffefe;height:100%;margin:0;padding:0;font-family:DM Sans,sans-serif}body{flex-direction:column;min-height:100vh;display:flex}.cuerpo{background:linear-gradient(120deg,#081f63,#034074,#04637e,#081f63) 0 0/400% 400%;justify-content:center;align-items:center;height:100vh;animation:15s infinite oceanGradient;display:flex;position:relative;overflow:hidden}@keyframes oceanGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.titulo{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:80%;display:flex}.capa{filter:blur(1rem);opacity:.4;z-index:-1;background-color:#0a0d31af;border-radius:2rem;width:90vw;height:90vh;position:absolute}.nombre{color:#e0e4e9;text-shadow:0 0 1rem #ffffff6b;z-index:1;margin:0;font-family:Google Sans Code,monospace;font-size:7rem;font-style:normal}.subnombre{color:#fff;text-shadow:0 0 1rem #ffffff6b;z-index:1;margin:0;font-family:Google Sans Code,monospace;font-size:5rem;font-style:normal;font-weight:400}@media (max-width:1200px){.nombre{font-size:5rem}.subnombre{font-size:3.5rem}}@media (max-width:768px){.nombre{font-size:3.5rem}.subnombre{font-size:2.5rem}.capa{width:95vw;height:80vh}}@media (max-width:480px){.nombre{font-size:2.5rem}.subnombre{font-size:1.8rem}.capa{width:100vw;height:70vh}}.cuerpo_sobre{background:linear-gradient(120deg,#081f63,#034074,#04637e,#081f63) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:4rem 2rem;animation:20s infinite oceanGradient;display:flex;position:relative;overflow:hidden}.recuadro{color:#e0e4e9;text-align:center;-webkit-backdrop-filter:blur(.6rem);backdrop-filter:blur(.6rem);z-index:2;background:#0a0d31bf;border-radius:2rem;max-width:800px;padding:3rem 2rem;position:relative;box-shadow:0 0 2rem #0ff6,0 0 1rem #0096ff33}.recuadro:before{content:"";z-index:-1;background:radial-gradient(circle,#00ffff1a,#0000 70%);border-radius:50%;width:140%;height:140%;animation:25s linear infinite floatBubbles;position:absolute;top:-20%;left:-20%}@keyframes floatBubbles{0%{transform:translateY(0)translate(0)}50%{transform:translateY(-20px)translate(15px)}to{transform:translateY(0)translate(0)}}.recuadro h1{text-shadow:0 0 1rem #66f3ff,0 0 .5rem #00d4ff;margin-bottom:1rem;font-size:3rem}.recuadro h2{text-shadow:0 0 .7rem #66f3ff,0 0 .3rem #00d4ff;margin-top:2rem;margin-bottom:1rem;font-size:2rem}.tech-list{flex-wrap:wrap;justify-content:center;gap:1rem;padding:0;list-style:none;display:flex}.tech-list li{background-color:#00ffff1a;border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;transition:all .3s;display:flex}.tech-list li:hover{background-color:#00ffff40;transform:translateY(-2px);box-shadow:0 0 1rem #00ffff80}.cv-button{color:#fff;background-color:#0a0d31;border-radius:1rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 .5rem #00d4ff,0 0 1rem #66f3ff}.cv-button:hover{background-color:#034074;transform:translateY(-3px);box-shadow:0 0 1rem #0ff,0 0 2rem #66f3ff}@media (max-width:768px){.recuadro h1{font-size:2.5rem}.recuadro h2{font-size:1.8rem}.tech-list li{font-size:.9rem}}@media (max-width:480px){.recuadro h1{font-size:2rem}.recuadro h2{font-size:1.5rem}.tech-list li{padding:.4rem .8rem;font-size:.8rem}}.cuerpo{height:100vh}.cuerpo_sobre{background:linear-gradient(120deg,#081f63,#475e72,#2a3280,#081f63);justify-content:center;align-items:center;height:100vh;display:flex}.tech-list li{background:#0eeeff33;border-radius:10px;padding:.5rem 1rem;font-weight:500}.cv-button{color:#000;background:#0ef;border-radius:10px;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s}.cuerpo_sobre{color:#fff;background:#030e46cc;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.recuadro{text-align:center;background:#00000080;border-radius:15px;max-width:800px;padding:2rem 3rem}.recuadro h1{color:#0ef;margin-bottom:1rem;font-size:2.5rem}.recuadro p{margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.tech-list{flex-wrap:wrap;justify-content:center;gap:1rem 2rem;margin-bottom:2rem;list-style:none;display:flex}.tech-list li{background:#0eeeff33;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex}.cv-download{margin-top:1rem}.cv-button{color:#0c0a75;background:#0ef;border-radius:10px;align-items:center;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.cv-button:hover{background:#00cfff;transform:translateY(-2px)}.proyectos-section{color:#e0f7ff;background:linear-gradient(#001a33,#036,#005580);flex-direction:column;align-items:center;gap:3rem;min-height:100vh;padding:4rem 2rem;font-family:Arial,sans-serif;display:flex}.proyectos-section h1{text-shadow:0 0 10px #6cf,0 0 20px #3af;text-align:center;margin-bottom:2rem;font-size:3rem}.proyecto-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00336680;border-radius:1.5rem;width:90%;max-width:800px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 0 20px #66ccff80}.proyecto-card:hover{transform:translateY(-10px);box-shadow:0 0 40px #66ccffb3}.proyecto-titulo{color:#a6e3ff;text-shadow:0 0 5px #6cf;margin-bottom:1rem;font-size:2rem}.proyecto-objetivos h3,.proyecto-tecnologias h3{color:#cef;margin-bottom:.5rem;font-size:1.3rem}.proyecto-objetivos ul,.proyecto-tecnologias ul{padding-left:0;list-style-type:none}.proyecto-objetivos li,.proyecto-tecnologias li{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.1rem;display:flex}.tech-list li svg{color:#6cf;font-size:1.3rem;transition:transform .3s}.tech-list li:hover svg{color:#a6e3ff;transform:rotate(20deg)scale(1.2)}.proyecto-media{gap:1rem;margin-top:1.5rem;display:flex}.floating-buttons{z-index:1000;gap:1rem;display:flex;position:fixed;bottom:2rem;right:2rem}.floating-button{color:#fff;background:#1ca3ec;border-radius:50px;align-items:center;gap:.5rem;padding:.8rem 1.2rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000004d}.floating-button:hover{background:#0d82c0;transform:translateY(-3px)scale(1.05);box-shadow:0 6px 16px #00000059}.floating-button.cv{background:#ff6f61}.floating-button.cv:hover{background:#e55b4f}.video-demo,.repo-link{color:#e0f7ff;background:#06c9;border-radius:1rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:700;text-decoration:none;transition:background .3s,transform .3s;display:flex}.video-demo:hover,.repo-link:hover{background:#6cfc;transform:scale(1.05)}