@import"https://fonts.googleapis.com/css2?family=Gravitas+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap";.sobremi{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:40px}#sobremi h1{font-weight:600}.columna-sobremi{width:50%;padding:5px}.sobremi p{color:#000;font-size:25px;text-align:justify;line-height:1.2;letter-spacing:1px}.sobremi .columna-sobremi:nth-of-type(2){margin:0 2rem}.habilidades-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:0}.habilidad{background:#0aa138;color:#fff;padding:1.5rem .5rem;border-radius:12px;text-align:center;animation:floatUpDown 3s ease-in-out infinite}.habilidad i{font-size:2.2rem;margin-bottom:.5rem;color:#fff;display:block}.habilidad span{font-size:.95rem;font-weight:500}.habilidad:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px #0006;animation-play-state:paused}.habilidad:nth-child(1){animation-delay:0s}.habilidad:nth-child(2){animation-delay:.2s}.habilidad:nth-child(3){animation-delay:.4s}.habilidad:nth-child(4){animation-delay:.6s}.habilidad:nth-child(5){animation-delay:.8s}.habilidad:nth-child(6){animation-delay:1s}.habilidad:nth-child(7){animation-delay:1.2s}.habilidad:nth-child(8){animation-delay:1.4s}.habilidad:nth-child(9){animation-delay:1.6s}@media(max-width:768px){.sobremi{display:flex;flex-direction:column}.columna-sobremi{width:100%;margin:.5rem 0}.sobremi p{font-size:20px;line-height:1.2}.habilidades-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.habilidades-grid{grid-template-columns:1fr}}.proyectos{padding:4rem 2rem;text-align:center}.proyectos h1{margin-bottom:3rem;letter-spacing:2px;font-weight:600}.proyecto-card{display:inline-block;width:300px;margin:0 1rem;background:#111;border-radius:20px;overflow:hidden;text-decoration:none;color:#fff;animation:floatUpDown 3s ease-in-out infinite}.proyecto-card:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 20px 40px #0006;animation-play-state:paused}.proyecto-imagen img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .5s ease}.proyecto-card:hover .proyecto-imagen img{transform:scale(1.05)}.proyecto-nombre{padding:1rem;background:#0aa138}.proyecto-nombre h3{margin:0;font-size:1.1rem;letter-spacing:1px}@keyframes floatUpDown{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media(max-width:768px){.proyecto-card{width:80%;margin:1rem 0}.proyectos{padding:2rem 1rem}}@media(max-width:480px){.proyecto-card{width:90%;margin:1rem 0}.proyectos{padding:2rem 1rem}}.inicio{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:40px}.inicio h3{background:linear-gradient(90deg,#68ca07,#167d16,#26cd26);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.columna{width:50%;text-align:justify}.columna p:nth-of-type(1){color:#000;font-size:45px}.columna p:nth-of-type(2){color:#000;font-size:25px;line-height:1.2;letter-spacing:1px}.columna:nth-of-type(2){display:flex;justify-content:center;align-items:center}.columna:nth-of-type(2) img{width:60%;height:auto}@media screen and (max-width:768px){.inicio{flex-direction:column;justify-content:center;align-items:center;padding:20px 10px;gap:10px}.columna:nth-of-type(2){order:-1;width:100%;justify-content:center}.columna{width:100%}.columna p:nth-of-type(1){font-size:28px;font-weight:600;line-height:1.1;margin-bottom:5px;letter-spacing:1px}.columna p:nth-of-type(2){font-size:20px;line-height:1.2;letter-spacing:1px}.columna:nth-of-type(2) img{width:70%}}body{background-color:#fff;margin:0;font-family:sans-serif}.navbar{display:flex;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;border-bottom:3px rgb(220,220,220) solid;padding:0 2rem;box-sizing:border-box}.navbar-link{position:relative;text-decoration:none;color:#000;font-weight:600;padding:6px 12px}.navbar-centro{display:flex;gap:1.5rem;justify-content:center;flex:1;transition:color .2s ease;padding:2rem}.navbar-centro .navbar-link:hover{color:#0aa138}.navbar-centro .navbar-link:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:#0aa138;transition:width .25s ease}.navbar-centro .navbar-link:after{content:"";position:absolute;top:0;right:0;width:2px;height:0%;background-color:#0aa138;transition:height .25s ease .25s}.navbar-derecha .navbar-link{background-color:#0cc243;padding:7px 14px;border-radius:8px;border-color:transparent;color:azure;font-weight:600;display:inline-block;margin:0 0 0 -125px;cursor:pointer;transition:background-color .2s ease,transform .6s ease}.navbar-derecha .navbar-link:hover{background-color:#0aa138;transform:rotate(360deg) scale(1.08)}.navbar-link:hover:before{width:100%}.navbar-link:hover:after{height:100%}.hamburguesa{display:none;flex-direction:column;cursor:pointer;gap:5px;margin:1rem}.hamburguesa span{display:block;width:25px;height:3px;margin-left:-35px;background-color:#000;border-radius:2px}@media screen and (max-width:768px){.navbar{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:0 2rem}.hamburguesa{display:flex;cursor:pointer;z-index:1001}.navbar-derecha{display:flex;justify-content:flex-end;margin-right:-20px;gap:1rem;order:1}.navbar-centro{position:absolute;top:100%;left:0;right:0;background:#0aa138cc;border-radius:5px;flex-direction:column;align-items:center;padding:2rem 0;opacity:0;transform:scaleY(0);transform-origin:top;transition:transform .3s ease,opacity .3s ease;pointer-events:none;z-index:1000}.navbar-centro.open{opacity:1;transform:scaleY(1);pointer-events:auto}.navbar-link{color:#fff;padding:1rem 0;text-align:center}.navbar-centro .navbar-link:after{content:"";position:absolute;top:0;right:0;width:2px;height:0%;background-color:#fff;transition:height .25s ease .25s}.navbar-centro .navbar-link:hover{color:#fff}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-contenido{background:#fff;color:#000;padding:2rem;border-radius:15px;width:100%;max-width:450px;position:relative;text-align:center}.modal-cerrar{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:1.5rem;color:#000;cursor:pointer}.modal-contenido h2{margin-bottom:2rem 2rem;letter-spacing:1px}form{max-width:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.modal-contenido form input,.modal-contenido form textarea{width:100%;margin:.5rem 1rem;padding:.8rem;border-radius:8px;border:black 1px solid;outline:none}.modal-contenido form textarea{resize:none;height:100px}footer{background-color:#fff;border:1px rgb(220,220,220) solid;color:#999696;padding:1.5rem 0}.contenedor-footer{display:flex;justify-content:center}html,body,#root{height:100%;margin:0;scroll-behavior:smooth;font-family:sans-serif;background-color:#f7fff7;color:#1a1a1a}.gravitas-one-regular{font-family:Gravitas One,serif;font-weight:400;font-style:normal}.google-sans-text{font-family:Google Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"GRAD" 0}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-contenido{flex:1}.section-full{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;text-align:center;background-color:#fff}#inicio,#sobremi{position:relative}#inicio:after,#sobremi:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:55%;height:4px;background-color:#dcdcdc}@media screen and (max-width:768px){.section-full{padding-top:70px}}