@import url(https://fonts.googleapis.com/css2?family=Kanit: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=Protest+Guerrilla&display=swap);*{border:0;font-size:100%;margin:0;padding:0;scroll-behavior:smooth;width:100%}:root{--tipografiaNombre:"Protest Guerrilla",Arial,sans-serif;--tipografiaGeneral:"Kanit",Arial,sans-serif;--FondoBody:#333333bf;--FondoNav:#1f1f1f;--TituloH1:#264653;--Texto:#f5f5f5;--TextoLink:#2ecc71;--ColorOpcion1:#2a9d8f;--ColorOpcion2:#708090;--ColorOpcion3:#d1c4e9;--ColorOpcion4:#ffeb3b;--Hover:#e63946}body{background-color:#333333bf;background-color:var(--FondoBody);font-family:Kanit,Arial,sans-serif;font-family:var(--tipografiaGeneral)}.dimensiones{box-sizing:border-box;justify-content:space-between;margin:0 auto;max-width:88rem;padding:45px 20px 20px;width:100%}.contenedor,.dimensiones{align-items:center;display:flex}.contenedor{justify-content:center}.linea{background-color:#f5f5f5;background-color:var(--Texto);border-radius:2px;height:7px;width:300px}@media (max-width:900px){.linea{height:6px;width:200px}}.lineaDerecha{align-items:center;display:flex;justify-content:flex-end;margin-right:0;margin-top:20px}.tamaño{margin:0 auto;max-width:88rem}.navbar,.tamaño{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar{background-color:#00000080;left:0;padding-bottom:1rem;padding-top:1rem;position:fixed;top:0;z-index:1000}.contenedorHamburguesa{display:flex;justify-content:flex-end;margin-right:50px;width:auto}.navbarLinks{display:flex;gap:2rem}.navbarLinks a{color:#f5f5f5;color:var(--Texto);font-size:1rem;padding-bottom:5px;position:relative;text-decoration:none;text-transform:uppercase}.navbarLinks a:after{background-color:#e63946;background-color:var(--Hover);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.navbarLinks a:hover:after{width:100%}.navbarLinks a:hover{color:#e63946;color:var(--Hover)}.navbarBoton{cursor:pointer;display:none;flex-direction:column;margin-left:auto}.navbarBoton .barra{background-color:#f5f5f5;background-color:var(--Texto);height:3px;margin:3px 0;width:25px}@media (max-width:900px){.navbarLinks{display:none}.navbarBoton{display:flex}.navbarLinks.activo{background-color:#1f1f1f;background-color:var(--FondoNav);display:flex;flex-direction:column;gap:1rem;padding:1rem;position:absolute;right:0;top:60px;width:100%}.navbarLinks a{padding:1rem 0;text-align:center}}.sobreMi{display:flex;justify-content:space-between;margin-right:50px;padding-top:2.2rem;width:100%}.fotoPerfil{border-radius:50%;height:300px;overflow:hidden;width:300px}.fotoPerfil img{height:100%;object-fit:cover;width:100%}.detallesPerfil{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-left:100px}.titulo{color:#264653;color:var(--TituloH1);font-family:Protest Guerrilla,Arial,sans-serif;font-family:var(--tipografiaNombre);font-size:6rem;margin-bottom:1rem}.detallesPerfil p{color:#f5f5f5;color:var(--Texto);font-size:1.4rem;margin-bottom:2rem}.iconosSociales{display:flex;gap:2rem;justify-content:flex-start}.iconosSociales a{align-items:center;color:#f5f5f5;color:var(--Texto);display:flex;font-size:1.5rem;height:60px;justify-content:center;text-decoration:none;transition:background-color .3s,transform .3s ease;width:60px}.iconosSociales a:hover{transform:scale(1.1)}.iconosSociales a svg:hover{color:#e63946;color:var(--Hover)}.iconosSociales a svg{color:#f5f5f5;color:var(--Texto);font-size:1.8rem}@media (max-width:768px){.sobreMi{flex-direction:column;margin-right:0;text-align:center}.fotoPerfil{height:200px;margin:0 auto;width:200px}.detallesPerfil{padding-left:0}.titulo{font-size:3rem}.detallesPerfil p{font-size:1.2rem}.iconosSociales{justify-content:center}.iconosSociales a{height:50px;width:50px}}@media (min-width:768px) and (max-width:1200px){.sobreMi{flex-direction:row;justify-content:space-between;padding:0 1rem}.fotoPerfil{height:250px;width:250px}.detallesPerfil{padding-left:50px}.titulo{font-size:4rem;padding-top:50px}.detallesPerfil p{font-size:1.3rem}.iconosSociales a{height:55px;width:55px}}@media (min-width:1200px){.sobreMi{justify-content:space-between}.fotoPerfil{width:300px}.detallesPerfil{padding-left:100px}.titulo{font-size:6rem}.detallesPerfil p{font-size:1.4rem}.iconosSociales a{height:60px;width:60px}}.dimensionesTarjeta{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:5rem 20px 20px}.tamañoTarjeta{flex-basis:calc(25% - 40px);flex-grow:1;flex-shrink:1;max-width:300px;overflow:hidden;transition:transform .3s ease;width:300px}.tamañoTarjeta:hover{transform:scale(1.05)}.tarjeta{flex-direction:column;height:100%}.tarjeta,.tarjetaImagen{align-items:center;display:flex}.tarjetaImagen{border-radius:50%;height:150px;justify-content:center;overflow:hidden;width:150px}.tarjetaImagen img{height:100%;object-fit:cover;width:100%}.tarjetaTitulo{font-size:1.5rem;margin:15px 0}.descripcion,.tarjetaTitulo{color:#f5f5f5;color:var(--Texto);text-align:center}.descripcion{border-radius:8px;font-size:1rem;line-height:1.5;margin:10px 0}.tarjetaIconos{display:flex;gap:0;justify-content:center}.tarjetaIconos a i{color:#f5f5f5;color:var(--Texto);font-size:1.8rem;transition:color .3s ease}.tarjetaIconos a:hover i{color:#e63946;color:var(--Hover)}@media (max-width:768px){.tamañoTarjeta{flex-basis:calc(50% - 40px);flex-grow:1;flex-shrink:1}}@media (max-width:480px){.tamañoTarjeta{flex:1 1 100%}.tarjetaTitulo{font-size:1.3rem}.tarjetaIconos a i{font-size:1.5rem}}.conocimientos{color:#f5f5f5;color:var(--Texto);text-align:center}.tituloConocimientos{font-size:48px;font-weight:700;margin-bottom:40px}.iconosLenguajes{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center}.icono{border:none!important;height:120px;object-fit:contain;transition:transform .3s ease;width:120px}.icono:hover{transform:scale(1.1)}@media (max-width:768px){.tituloConocimientos{font-size:30px}.icono{height:90px;width:90px}}.contacto{color:#f5f5f5;color:var(--Texto);padding:40px;text-align:center}.tituloContacto{font-size:48px;font-weight:700;margin-bottom:40px;text-transform:uppercase}.texto{font-size:1.4rem;margin-bottom:2rem}.javaScriptDeshabilitado,.texto{color:#f5f5f5;color:var(--Texto)}.javaScriptDeshabilitado{align-items:center;background-color:#333333bf;background-color:var(--FondoBody);display:flex;flex-direction:column;height:100vh;justify-content:center;padding:2rem;text-align:center}.javaScriptDeshabilitado h2{font-size:2rem}.javaScriptDeshabilitado h2,.javaScriptDeshabilitado p{font-family:Kanit,Arial,sans-serif;font-family:var(--tipografiaGeneral);margin-bottom:1rem}.javaScriptDeshabilitado p{font-size:1.2rem}.javaScriptDeshabilitadoImagen{margin-top:1rem;max-width:200px}.tituloSobreMi{color:#f5f5f5;color:var(--Texto);padding-top:50px;text-align:center}@media (max-width:768px){.tituloContacto{font-size:30px}.texto{font-size:15px}}.behance{color:#f5f5f5;color:var(--Texto);position:relative;text-decoration:none;transition:color .3s ease}.behance:after{background-color:#e63946;background-color:var(--Hover);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.behance:hover{color:#e63946;color:var(--Hover)}.behance:hover:after{width:100%}.tarjetaProyecto{align-items:center;border-radius:16px;cursor:pointer;display:flex;flex-direction:row;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:800px;min-height:300px;overflow:hidden;padding:20px;transition:all .5s ease-in-out;width:100%}.tarjetaProyecto,.tarjetaProyecto.abierta{background-color:#1f1f1f;background-color:var(--FondoNav)}.tarjetaProyecto:not(.abierta) .contenedorLogo{margin:0 auto;text-align:center}.contenedorLogo{flex-shrink:0;margin:0;text-align:center;transition:all .5s ease;width:180px}.logoProyecto{border-radius:50%;height:150px;object-fit:cover;transition:transform .5s ease;width:150px}.tituloProyecto{color:#f5f5f5;color:var(--Texto);margin-top:1rem}.tarjetaProyecto.abierta .logoProyecto{height:140px;transform:translateX(-15px);width:140px}.contenidoProyecto{animation:aparecer .6s ease forwards;color:#f5f5f5;color:var(--Texto);flex-grow:1;padding-left:2rem}@keyframes aparecer{0%{opacity:0;transform:translateX(30%)}to{opacity:1;transform:translateX(0)}}.tituloExpandido{font-size:1.6rem;margin-bottom:10px}.descripcionExpandida{-ms-overflow-style:none;font-size:1rem;line-height:1.5;margin:10px 0;max-height:110px;overflow-y:auto;padding-right:1rem;scrollbar-width:none}.descripcionExpandida::-webkit-scrollbar{display:none}.tecnologiasUsadas{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.iconoTecnologia{height:36px;object-fit:contain;width:36px}.botonesProyecto{display:flex;flex-wrap:nowrap;gap:2.5rem;justify-content:flex-start}.botonesProyecto a{align-items:center;background:none;border:none;color:#f5f5f5;color:var(--Texto);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:6px;justify-content:flex-start;max-width:max-content;padding-bottom:5px;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s ease;width:auto!important}.botonesProyecto a:after{background-color:#e63946;background-color:var(--Hover);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease-in-out;width:0}.botonesProyecto a:hover:after{width:100%}.botonesProyecto a:hover{color:#e63946;color:var(--Hover)}@media (min-width:768px){.contenedorTarjetas{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.tarjetaProyecto{flex-basis:calc(45% - 2rem);flex-grow:1;flex-shrink:1;max-width:600px}}.liniaPro{background-color:#f5f5f5;background-color:var(--Texto);border-radius:2px;height:4px;margin:10px auto;width:320px}@media (max-width:768px){.tarjetaProyecto{align-items:center;flex-direction:column;min-height:0;min-height:auto;padding:15px;text-align:center}.contenedorLogo{margin:0 auto;width:auto}.contenidoProyecto{padding-left:0;padding-top:1rem}.logoProyecto{height:120px;width:120px}.tarjetaProyecto.abierta .logoProyecto{height:100px;transform:none;width:100px}.tituloExpandido{font-size:1.3rem}.descripcionExpandida{max-height:200px}.botonesProyecto{flex-wrap:wrap}.botonesProyecto,.tecnologiasUsadas{justify-content:center}}.tarjetaConocimiento{align-items:flex-start;animation:aparecerSuave .4s ease forwards;background-color:#1f1f1f;background-color:var(--FondoNav);border-radius:16px;box-shadow:0 4px 16px #0000004d;box-sizing:border-box;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin:20px auto;max-width:90vw;padding:16px 24px;position:absolute;transform:translateX(5%);transition:all .3s ease;width:auto}.mensaje{color:#f5f5f5;color:var(--Texto);display:inline-block;font-size:1.1rem;margin-bottom:22px;max-width:100%;text-align:left;white-space:pre-line}.contenidoTarjetaConocimiento{align-items:stretch;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;margin-bottom:10px;width:100%}.infoProyecto{align-items:center;display:flex;gap:1rem;min-width:0;width:100%}.iconoProyecto{border-radius:50%;height:48px;object-fit:cover;width:48px}.tituloProyectoTecnologia{display:inline-block;font-size:1.08rem;font-weight:500;max-width:320px;padding-left:1px;white-space:nowrap;width:180px}.sinProyectos,.tituloProyectoTecnologia{color:#f5f5f5;color:var(--Texto);text-align:left}.sinProyectos{box-sizing:border-box;font-size:1rem;height:auto;width:280px}.seccionSinProyectos .iconosSociales{gap:8px}.seccionSinProyectos .iconosSociales a{font-size:1.2rem;height:auto;padding-top:15px;width:40px}@media (max-width:600px){.tarjetaConocimiento{box-sizing:border-box;left:0;margin-top:-25px;max-width:95vw;max-width:none;padding:16px;position:absolute;position:static;right:0;transform:none;width:90vw;width:100vw;width:68vw}.mensaje{font-size:1rem;margin-bottom:16px}.contenidoTarjetaConocimiento{gap:.8rem}.botonesProyecto{align-items:flex-start;flex-direction:column;gap:1px;margin-bottom:1px;margin-top:1px}.botonesProyecto a{max-width:none;width:100%}.infoProyecto{align-items:center;flex-direction:row;gap:12px;justify-content:flex-start;padding-left:0}.iconoProyecto{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.tituloProyectoTecnologia{font-size:1rem;line-height:1.3;text-align:left;white-space:normal}}
/*# sourceMappingURL=main.588c69fc.css.map*/