:root{font-family:Onest Variable,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-image:radial-gradient(ellipse 100% 100% at 50% 10%,#1c1f39,#030712);font-feature-settings:normal;font-variation-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{width:90%;min-height:100vh;margin:0;display:grid;place-items:center;padding:1rem}.informacion,.informacion-bottones,.proyectos,.contacto,.experiencie{max-width:69%;width:100%;margin:auto;margin-top:10vh;padding:0 1rem}.informacion{font-size:clamp(1rem,2vw,1.25rem);font-weight:700;display:flex;margin-top:2vh;flex-direction:column;align-items:flex-start;justify-content:center}.informacion p{font-size:clamp(.95rem,2vw,1.1rem);max-width:50%;text-align:start;margin:0}.informacion-bottones{margin-top:3vh;display:flex;flex-wrap:wrap;gap:1em;align-items:center}.container{display:flex;flex-direction:column;justify-content:center;gap:1em}button{font-size:1em;padding:10px 16px;border-radius:8px;font-weight:700;font-family:inherit;background-color:#1f2937;color:#fff;border:1px solid rgb(75 85 99 / 1);cursor:pointer;transition:border-color .25s,transform .25s}button:hover{background-color:#1f2937;border-color:#2e353f;transform:scale(1.1)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.carrusel{position:relative;width:100%;max-width:550px;border-radius:1rem;overflow:hidden;box-shadow:0 5px 15px #0000004d}.carrusel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#1e293bb3;color:#fff;border:none;padding:.5rem .7rem;font-size:1rem;cursor:pointer;z-index:1;border-radius:20%}.carrusel-btn:hover{background-color:#1e293be6;transform:translateY(-50%)}.carrusel-btn.izquierda{left:10px}.carrusel-btn.derecha{right:10px}.proyectos-lista{display:flex;flex-wrap:wrap;justify-content:center}.proyecto{background-color:#1e293b85;border-radius:20px;box-shadow:0 10px 25px #00000052;display:flex;flex-direction:row;flex-wrap:wrap;width:100%;margin:1rem 0;overflow:hidden}.preview-img{width:100%;height:100%;object-fit:cover;display:block}.contenido{flex:1;padding:1.5rem;box-sizing:border-box}.tags{margin-top:2vh;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.tag{display:flex;align-items:center;background-color:#0ea5e9;color:#fff;padding:5px 12px;border-radius:.25rem;font-size:.8rem}.tag p{margin:0;margin-left:.5vh;font-weight:600;letter-spacing:.5px}.tag img{width:15px;height:15px}.tag.vite{background-color:#4146b3}.tag.css{background-color:#003159}.tag.js{background-color:#9c8d18;color:#fff}.tag.node{background-color:#2f692d}.descripcion{color:#cbd5e1;font-size:.95rem;margin:0 0 1rem;text-align:start;width:100%}.titulo{margin:0 0 1rem;font-size:1.6rem;font-weight:700;text-align:start}.botones{margin-top:2vh;display:flex;gap:10px;flex-wrap:wrap}a.code,a.preview{padding:10px 16px;border-radius:8px;font-weight:700;transition:background-color .3s ease,transform .3s ease;text-decoration:none;display:inline-block}a.code{background-color:#1f2937;color:#fff}a.code:hover{background-color:#475569}a.preview{background-color:#1f2937;color:#fff;border:1px solid rgb(75 85 99 / 1)}a.preview:hover{transform:scale(1.05)}.contacto__contenido__formulario{display:flex;flex-direction:column;gap:1em;width:100%;max-width:600px}.contacto__contenido__formulario__input,.contacto__contenido__formulario__textarea{padding:10px;border-radius:8px;border:1px solid rgb(75 85 99 / 1);background-color:#1f2937;color:#fff}.contacto__contenido__formulario__textarea{resize:none;height:20vh}.contacto__contenido__formulario__boton{background-color:#1f2937;color:#fff;border:1px solid rgb(75 85 99 / 1);padding:10px 16px;border-radius:8px;font-weight:700}.experience-container{display:flex;flex-wrap:wrap;justify-content:space-between;background-color:#1e293b85;box-shadow:0 10px 25px #00000052;border-radius:20px;color:#fff;padding:1.2rem 1rem;gap:2rem}.experience-left,.experience-right{flex:1 1 300px}.experience-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;margin-top:0}.experience-description{color:#ccc;font-size:1.1rem;max-width:400px;margin:0}.timeline{margin-left:20px;border-left:2px solid #888;padding-left:2rem}.timeline-item{margin-bottom:2rem;padding-left:1rem;position:relative}.timeline-dot{width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;left:-4.5vh;top:50%;transform:translateY(-50%)}.timeline-content{background:#131a2782;padding:.8rem;width:30%;border-radius:8px;border:1px solid #ffffff12}.timeline-content h3{margin:0;font-size:1.1rem;font-weight:700}.timeline-content p{margin:0rem 0;font-size:1rem}.timeline-content span{font-size:.9rem;color:#0af}@media (max-width: 1024px){.timeline-dot{left:-2vh}.timeline-content{width:100%}}@media (max-width: 768px){.proyecto{flex-direction:column;align-items:center}.timeline-content{width:100%}.informacion p{max-width:100%}.contenido{padding:1rem}.experience-container{flex-direction:column;padding:2rem 1rem}.timeline{padding-left:1rem}.informacion,.informacion-bottones,.proyectos,.contacto,.experiencie{padding:0 1rem}.timeline-dot{left:-1.5vh}}@media (max-width: 768px){.carrusel{height:200px}}