@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Orbitron:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:16px;box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0;font-size:1rem;font-weight:400;line-height:1.5;color:#ffffffde;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{margin:0 auto;padding:0 auto;text-align:center}.intro{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:80svh;margin:0;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity 1s ease,transform 1s ease;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0) 60%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#030303 75%,#0000)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000c9}.intro.visible{opacity:1}.intro-content{position:relative;padding:20px 40px;border-radius:10px;color:#fff;transform:translateY(0);opacity:1;transition:opacity 1s ease,transform 1s ease}.intro h1{font-size:48px;font-family:Ubuntu,sans-serif;font-weight:500;margin-bottom:10px}.highlight{color:#00bcd4}.intro p{font-size:20px;margin-bottom:20px;font-family:Montserrat,sans-serif}.buttons-intro{display:flex;gap:15px;justify-content:center;align-items:center}.cta-button{display:inline-block;padding:12px 24px;font-size:18px;font-family:Ubuntu,sans-serif;font-weight:400;text-decoration:none;color:#fff;background-color:#00bcd4;border:1px solid #00bcd4;border-radius:5px;transition:.3s ease}.cv-button{display:inline-block;padding:12px 24px;font-size:18px;font-weight:400;font-family:Ubuntu,sans-serif;text-decoration:none;color:#00bcd4;background-color:none;border:1px solid #00bcd4;border-radius:5px;transition:.3s ease}.cta-button:hover{background-color:#008ba3;border-color:#008ba3}.cv-button:hover{border:1px solid #008ba3af}@media (max-width: 960px){.intro{-webkit-mask-image:none;mask-image:none;height:100svh}.overlay{background:#000}.buttons-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}}.navbar{position:fixed;top:0;left:0;width:100%;background-color:transparent;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:10px 20px 0}.navbar.scrolled{background-color:#000c;box-shadow:0 4px 6px #0000001a}.logo{filter:invert(.9);height:36px;width:auto}.nav-links{list-style:none;display:flex;gap:20px;margin:10px 0}.nav-links .boton-navbar{background-color:transparent;border:none}.nav-links li a{text-decoration:none;color:#f4f4f4;font-family:Montserrat,sans-serif;font-size:18px;transition:color .3s ease}.nav-links li a:hover{color:#00bcd4}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:10}.bar{width:2rem;height:.25rem;background-color:#f4f4f4;border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}.hamburger.open .bar:nth-child(1){transform:rotate(45deg)}.hamburger.open .bar:nth-child(2){opacity:0;transform:translate(20px)}.hamburger.open .bar:nth-child(3){transform:rotate(-45deg)}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:fixed;top:0;right:0;height:100%;width:45%;background:#000c;flex-direction:column;justify-content:center;gap:24px;z-index:0;transform:translate(100%);transition:transform .3s ease}.nav-links.active{transform:translate(0)}.nav-links li{margin:15px 0}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080}}.proyect{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px}.proyect__container{width:450px;height:500px;background:#141414e6;border-radius:10px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.proyect__container:hover{transform:translateY(-5px);box-shadow:0 6px 15px #00000026}.proyect__image{width:100%;height:175px;object-fit:cover;display:block}.proyect__info{padding:20px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;height:290px}.proyect__title{font-size:1.5rem;font-family:Ubuntu,sans-serif;color:#fff;opacity:.8}.proyect__description{font-size:16px;font-family:Montserrat,sans-serif;color:#bbb}.final{display:flex;gap:10px;align-items:center}.proyect__status{font-size:14px;font-weight:500;font-family:Ubuntu,sans-serif;padding:8px 12px;border-radius:5px;width:fit-content}.proyect__status--completado{background-color:#4caf50;color:#fff}.proyect__status--en-progreso{background-color:#ff9800;color:#fff}.proyect__status--pendiente{background-color:#f44336;color:#fff}.proyect__ver__mas{background:#007bff;color:#fff;border:none;padding:6px 10px;border-radius:5px;font-size:14px;font-weight:500;font-family:Ubuntu,sans-serif;cursor:pointer;transition:background .3s ease;display:inline-block;text-align:center;min-width:80px;height:39px}.proyect__ver__mas:hover{background:#0056b3}@media (max-width: 768px){.proyect__container{width:100%}.proyect__title{font-size:16px}.proyect__description{font-size:14px}}.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;overflow:auto}.modal-content{background:#1e1e1e;color:#fff;padding:20px 40px;border-radius:10px;width:600px;max-height:80vh;overflow-y:auto;text-align:center;position:relative}.modal-image{width:80%;height:220px;object-fit:cover;margin-bottom:10px;border-radius:5px}.modal__descripcion{font-size:16px;font-family:Montserrat,sans-serif;text-align:justify;margin:10px 0}.modal__enlaces{text-decoration:none;padding:5px 10px;border-radius:5px;list-style:none;display:flex;justify-content:center;align-items:center;gap:1rem}.modal__enlace__boton{width:150px;font-family:Ubuntu,sans-serif;font-weight:400;padding:10px 20px;border-radius:5px;font-size:16px;transition:all .3s ease-in-out;display:flex;justify-content:center;align-items:center;gap:1rem;text-decoration:none}.modal__enlace__boton__enabled{background:#1e1e1e;color:#fff;border:1px solid white;cursor:pointer}.modal__enlace__boton__disabled{background:#333;color:#888;border:1px solid #555;cursor:not-allowed}.modal__enlace__boton__enabled:hover{background:#f4f4f4;color:#1e1e1e;border:1px solid #1e1e1e;transform:scale(1.05)}.modal__enlace__boton__enabled:hover .modal__enlaces__icono{filter:invert(.25)}.modal__enlace__boton:active{transform:scale(.95)}.modal__enlaces__icono{height:60px;width:60px;filter:invert(.8);transition:.3s}.modal__tecnologias__titulo{font-size:24px;font-family:Ubuntu,sans-serif;margin-top:40px}.modal__tecnologia-container{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem;padding:0;width:120px;border-radius:5px;border:1px solid #1e1e1e;transition:.5s}.modal__icono{width:60px;height:60px;filter:invert(.8);padding-top:10px}.modal__tecnologias{font-size:15px;font-family:Montserrat,sans-serif;text-align:justify;display:flex;justify-content:center;align-items:center;gap:2rem;padding:0}.modal__tecnologia{text-decoration:none;padding:5px 10px;border-radius:5px;list-style:none}.modal-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff;font-size:24px;cursor:pointer}.modal-close:hover{color:red}.proyects__container .proyects__title{font-size:48px;color:#fff;opacity:.8;font-weight:500;font-family:Ubuntu,sans-serif;margin-bottom:10px}.proyects__container .proyects{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.aboutMe{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1a1a1a;color:#f4f4f4;padding:10vh 0}.aboutMe__title{font-size:2rem;font-weight:500;font-family:Ubuntu,sans-serif;color:#f4f4f4;margin-bottom:20px}.aboutMe__description{font-size:1.2rem;font-family:Montserrat,sans-serif;opacity:.8;margin-bottom:5px}.aboutMe__tecnologias__titulo{font-size:1.5rem;font-weight:500;font-family:Ubuntu,sans-serif;color:#f4f4f4;margin-top:10vh;margin-bottom:5vh}.aboutMe__tecnologias__lista{display:flex;justify-content:center;flex-wrap:wrap;margin-top:20px;gap:100px;padding:0}@media (max-width: 960px){.aboutMe__tecnologias__lista{gap:60px}}.tecnologia__individual__icono{width:75px;height:75px;margin:0 auto;filter:invert(.8)}.tecnologia__individual__nombre{font-size:1.2rem;font-weight:300;font-family:Ubuntu,sans-serif;color:#f4f4f4;margin-top:10px;text-align:center}@media (max-width: 960px){.tecnologia__individual__icono{width:50px;height:50px}.tecnologia__individual__nombre{font-size:14px}}.estudio{display:flex;justify-content:center;align-items:center;padding:20px;background-color:transparent}.estudio__info{position:relative;width:420px;height:250px;background:#141414e6;border-radius:10px;padding:20px;box-shadow:0 4px 10px #0009;transition:transform .3s ease,box-shadow .3s ease;text-align:center;display:flex;justify-content:space-around;align-items:center;flex-direction:column;overflow:hidden}.estudio__icono__fondo{position:absolute;top:0;left:20px;width:90%;height:100%;max-width:100%;max-height:100%;opacity:0;transition:opacity .3s ease;z-index:0;object-fit:contain}.estudio__info:hover .estudio__icono__fondo{opacity:.035}.estudio__info__distinta__opacidad:hover .estudio__icono__fondo{opacity:.055}.estudio__title{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px;height:50px;font-family:Ubuntu,sans-serif}.estudio__institution{font-size:18px;color:#bbb;margin-bottom:5px;font-family:Montserrat,sans-serif}.estudio__date{font-size:16px;color:#888;margin-bottom:10px;font-family:Montserrat,sans-serif}.estudio__status__vermas{display:flex;justify-content:center;align-items:center;gap:1rem;font-family:Ubuntu,sans-serif}.estudio__vermas{background:#007bff;color:#fff;text-decoration:none;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:background .3s ease;display:inline-block;text-align:center;min-width:80px;height:39px;display:flex;align-items:center;justify-content:center;z-index:1;font-family:Ubuntu,sans-serif}.estudio__vermas:hover{background:#0056b3}.estudio__certificado{background-color:#52c7e1;color:#fff;text-decoration:none;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:background .3s ease;display:inline-block;z-index:1;text-align:center;min-width:90px;height:39px;display:flex;align-items:center;justify-content:center;font-family:Ubuntu,sans-serif}.estudio__certificado:hover{background-color:#3e9dbf}.estudio__status{font-size:14px;font-weight:500;padding:8px 12px;border-radius:5px;display:inline-block;z-index:1}.estudio__status--egresado{color:#ffec3f;background-color:#1f1f1f;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .4s;border:2px solid rgba(161,145,0,.384)}.estudio__status--completado{background-color:#4caf50;color:#fff}.estudio__status--en-curso{background-color:#ff9800;color:#fff}.estudio__status--pendiente{background-color:#f44336;color:#fff}@media (max-width: 768px){.estudio{padding:20px 0}.estudio__info{width:100%}}.estudios{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10vh 0}.estudios__titulo{font-size:2rem;font-weight:500;font-family:Ubuntu,sans-serif;color:#f4f4f4;margin-bottom:20px}.estudios__container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.contact{padding:50px 0 0;display:flex;justify-content:center;align-items:center;background-color:#1e1e1e;color:#f4f4f4;width:100%}.contact__container{width:100%;text-align:center}.contact__title{font-size:2rem;margin-bottom:10px;font-family:Ubuntu,sans-serif;font-weight:500}.contact__content{width:100%;display:flex;flex-direction:column;justify-content:center}.contact__description{font-size:1.5rem;margin-bottom:20px;opacity:.8;font-family:Montserrat,sans-serif}.contact__form{display:flex;flex-direction:column;gap:15px;width:45%;margin:0 auto}.contact__input,.contact__textarea{padding:12px;background:transparent;color:#f4f4f4;font-size:1rem;font-family:Montserrat,sans-serif}.contact__input{border:none;border-bottom:1px solid #f4f4f4;color:#b9b9b9;border-radius:2px;transition:.3s ease-out}.contact__input:focus{outline:none;background-color:#383838}.contact__textarea{border:1px solid #b9b9b9;color:#b9b9b9;border-radius:2px;transition:.3s ease-out;height:120px;resize:none}.contact__textarea:focus{outline:none;background-color:#383838}.contact__button{background:#f4f4f4;color:#1e1e1e;border:none;padding:12px;border-radius:5px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;font-family:Ubuntu,sans-serif;font-weight:500}.contact__button:hover{background:#ccc;color:#000}.contact__status{margin-top:10px;font-size:1rem;color:#4caf50;text-align:center}@media (max-width: 768px){.contact__form{width:80%}}.contacto__individual{list-style-type:none;padding:20px 0 80px;text-align:left;display:flex;flex-direction:column;align-items:center;justify-content:left;justify-items:center;margin:-57px auto 0}.contacto__individual__icono{font-size:2.5rem;filter:invert(.8);background-color:#000;border-radius:5rem;padding:1.5rem}.contacto__tipo{font-size:1.4rem;font-family:Ubuntu,sans-serif;opacity:.8;margin-top:12px}.contacto__dato{font-size:1.2rem;font-family:Montserrat,sans-serif;opacity:.8;margin-top:8px}.contacto__btn{margin-top:15px;padding:10px 20px;color:#fff;text-decoration:none;font-size:16px;font-family:Ubuntu,sans-serif;border-radius:5px;transition:.3s ease;border:none;cursor:pointer}.contacto__btn-email{background-color:#007bff}.contacto__btn-email:hover{background-color:#0056b3}.contacto__btn-wpp{background-color:#25d366}.contacto__btn-wpp:hover{background-color:#1a8f45}.datos__contacto{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0 0}.contacto__lista{width:60%;display:flex;flex-wrap:wrap;flex-direction:row;padding:0;margin:25px 0;justify-content:space-evenly;position:relative;background-color:#161616}@media (max-width: 960px){.contacto__lista{width:90%}}.footer{background-color:#242424;padding:160px 0 60px;margin-top:-120px}.footer__texto{opacity:.8;padding:0;font-size:14px;font-family:Montserrat,sans-serif;margin:15px 0 0}.footer__hipervinculos__lista{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.footer__hipervinculos__item{margin:0 25px 15px}.footer__hipervinculo{text-decoration:none;color:#fff;font-size:14px;font-family:Ubuntu,sans-serif;transition:.3s}.footer__hipervinculo:hover{opacity:.8}.footer__hipervinculo__icono{filter:invert(.8);width:50px}