html,body,#root{margin:0;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;transition:all .3.1s ease}:root{--primary: #ffbe01;--secondary: #ca1f3f;--third: #25172e ;--bg: #f4e8e8;--font: "Space Grotesk", system-ui, sans-serif;--p-s: .5rem;--p-m: 1rem;--p-lg: 1.5rem;--text-base: 1rem;--text-s: 1.125rem;--text-m: 1.5rem;--text-lg: 2rem;--text-lgg: 3rem;--text-xl: 5rem}#root{font-family:var(--font);color:var(--third);line-height:1.6}h1{font-size:var(--text-lg)}h2{font-size:var(--text-m)}h3{font-size:var(--text-s)}p{font-size:var(--text-base)}a{color:inherit;position:relative;text-decoration:none}a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:3px;background-color:#fff;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}a:hover:after{transform:scaleX(1)}ul{list-style:none}.section{padding:var(1.5rem);width:100%}.btn{background-color:var(--primary);border:none;font-size:var(--text-s);padding:20px;margin:10px;border-radius:15px;font-weight:700;transition:all .3s ease}.btn:hover{background-color:var(--third);color:var(--bg);transform:scale(1.03);border:1px solid;border-color:#fff}.nav{height:15vh;display:flex;padding:20px;justify-content:space-around;align-items:center;color:var(--bg);background-color:var(--secondary)}.hamburger,.mobileNav{display:none}h1{font-size:var(--text-lg);font-weight:700}.navMenu{display:flex;font-size:var(--text-m);font-weight:700;gap:60px}.sobreMi{height:79vh;background-color:var(--third);display:flex;align-items:center;justify-content:center}.imgSobreMi{border-radius:50px;max-width:300px}.contSobreMi{display:flex;justify-content:space-around;color:var(--bg);height:50%;width:70%}.mi{display:flex;flex-direction:column;justify-content:space-between}.btnProy{width:50%}.hero{height:100vh;display:flex}.bg{width:20%;background-image:url(/assets/heroFoto-B237Dvzp.png);background-repeat:no-repeat;background-size:cover;background-position:center center}.details{width:40%}.details p{margin-left:30px}.tituloHero{font-size:var(--text-xl)}.fotoPerfil{width:40%;display:flex;align-items:center;justify-content:center}.perfil{border-radius:50%;max-width:300px}.tecnologias{height:100vh;background-color:var(--third);display:flex;align-items:center}.tituloTec{writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--text-xl);font-weight:700;color:var(--primary)}.skills{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-right:20px}.logos{max-width:50px;max-height:50px}.contSkills{color:var(--bg);background-color:#332447;border-radius:25px;padding:20px;border-left:5px solid var(--secondary)}.tools{display:flex;gap:60px;color:var(--bg)}.tools div{display:flex;align-items:center;justify-content:center;gap:20px}.tools div p{font-size:var(--text-m)}.proyectos{height:auto;display:grid;text-align:center;grid-template-columns:repeat(1,1fr)}.tituloPro{font-size:var(--text-lgg)}.gridProyectos{display:grid;padding:10px;gap:20px;grid-template-columns:repeat(3,1fr);margin:10px}.card{background-color:#fff;max-width:400px;min-height:200px;border-radius:15px;border-left:6px solid var(--primary);box-shadow:0 12px 30px #0000001f;transition:all .3s ease}.card:hover{box-shadow:0 20px 40px #0000002e}.cardTitulo{font-size:var(--text-lg);text-align:left;margin-left:10px;padding:10px}.cardParrafo{font-size:var(--text-base);text-align:left;margin-left:10px;padding:10px}.imgPro{max-width:400px;border-top-left-radius:15px;border-top-right-radius:15px}.card div{display:flex;align-items:center;justify-content:center;padding:10px;transition:all .3s ease}.btnGit,.btnLive{width:100%;align-items:center;display:flex;justify-content:center;gap:10px;font-size:var(--text-base);transition:all .3s ease}.btnGit:hover,.btnLive:hover{border:none}.fa-github,.fa-eye{font-size:var(--text-m)}.contactameSection{height:100vh;display:flex}.contactameTitulo{display:flex;align-items:center;flex-direction:column;width:50%}.tituloContactame{font-size:var(--text-lgg)}.parrafoContactame{font-size:var(--text-m)}.imgContactame{max-width:300px}.input{width:80%;padding:15px;margin:10px 0;border:none;border-radius:5px;font-size:var(--text-base);transition:all .3s ease;box-shadow:0 10px 25px #00000014}.input:hover,.textarea:hover{transform:scale(1.01)}.textarea{width:80%;min-height:150px;max-height:150px;padding:15px;margin:10px 0;border:none;border-radius:5px;font-size:var(--text-base);resize:none;transition:all .3s ease;box-shadow:0 10px 25px #00000014}.btnEnviar{width:80%;display:flex;align-items:center;justify-content:center;gap:10px}.formContactame{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.modalOverlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:999}.modal{background:#fff;padding:30px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:320px;animation:scaleIn .3s ease}.iconSuccess{font-size:48px;color:#28a745;margin-bottom:10px}.cerrar{width:100%}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.footerSection{height:auto;background-color:var(--secondary);display:flex;justify-content:space-around;align-items:center;color:var(--bg)}.tituloFooter{font-size:var(--text-lg)}.emailFooter,.phoneFooter{font-size:var(--text-m);transition:all .3s ease}.emailFooter:hover,.phoneFooter:hover{transform:scale(1.02);cursor:pointer}.footerIcons{display:flex;gap:40px;margin-bottom:20px}.footerIcons i{color:var(--bg);font-size:var(--text-lgg);transition:all .3s ease}.footerIcons i:hover{transform:scale(1.1);cursor:pointer}.tituloLogin{font-size:var(--text-lgg);margin-bottom:20px}.sectionLogin{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.adminForm{display:flex;flex-direction:column;align-items:center;width:30%;padding:30px;box-sizing:border-box}.inputLogin{width:93%;padding:15px;margin:10px 0;border:none;border-radius:10px;font-size:var(--text-base);transition:all .3s ease;box-shadow:0 10px 25px #00000014}.btnLogin{width:100%;margin:10px 0 0}.dashboardSection{height:auto;display:flex;align-items:center;flex-direction:column;width:100%}.tituloDash{font-size:var(--text-lg)}.tituloMensaje{display:flex;align-items:center;text-align:center;justify-content:center;font-size:var(--text-lg)}.agregarProyectos{display:flex;gap:20px}.formDash{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70%;padding:20px;transition:all .3s ease}.formDash input{width:100%;padding:15px;margin:10px 0;border:none;border-radius:10px;font-size:var(--text-base);transition:all .3s ease;box-shadow:0 10px 25px #00000014}.textareaDash{min-width:100%;min-height:100px;padding:15px;margin:10px 0;border:none;border-radius:10px;resize:none;font-size:var(--text-base);transition:all .3s ease;box-shadow:0 10px 25px #00000014}.btnGuardarProyecto{width:100%;margin:10px 0 0}.proyectos{height:100%;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.listaProyectos{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%}.itemProyecto{display:flex;text-align:center;justify-content:center;flex-direction:column;background-color:var(--third);color:var(--bg);padding:20px;margin:10px;height:150px;border-radius:10px;box-shadow:0 10px 25px #00000014}.listaMensajes{display:flex;height:auto;padding:20px;gap:40px}.mensajeItem{background-color:var(--third);color:var(--bg);padding:20px;border-radius:10px;box-shadow:0 10px 25px #00000014;display:flex;flex-direction:column;gap:10px;transition:all .3s ease}.dashboardSection:nth-child(4) .btnLogin{display:flex;justify-content:center;align-items:center}.btnLogin{display:flex;align-items:center;justify-content:center;width:75%;margin:20px}@media(max-width:600px){.navMenu,.navMenu a,.navButton{display:none!important}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}p{font-size:14px}.hamburger{display:flex;position:fixed;bottom:20px;right:20px;z-index:2000;width:56px;height:56px;border-radius:50%;border:2px solid var(--bg);background:var(--secondary);color:#fff;font-size:26px;align-items:center;justify-content:center}.mobileNav{display:flex;position:fixed;bottom:90px;right:20px;z-index:1999;background:#332447;border-radius:16px;padding:20px;flex-direction:column;gap:15px;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .3s ease}.mobileNav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.contSobreMi{flex-direction:column!important;align-items:center!important;width:100%!important;height:auto!important}.imgSobreMi{width:150px!important}.mi,.mi div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.btnProy{width:50%!important;padding:15px!important;font-size:14px!important}.hero{flex-direction:column!important;align-items:center!important;width:100%;background-image:url(/assets/heroFoto-B237Dvzp.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.bg{display:none!important}.tituloHero{font-size:38px!important;text-align:center!important;color:var(--primary)}.details{width:100%}.details :nth-child(2){margin-left:15px!important;padding:40px!important;margin-right:15px!important;font-size:16px!important;text-align:justify!important;color:var(--primary)}.perfil{width:150px!important;height:180px!important;margin-top:20px}.tecnologias{flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important}.tituloTec{transform:rotate(270deg)!important;font-size:38px}.skills{display:flex;flex-direction:column;align-items:center;padding:20px;width:80%;margin-left:20px!important}.contSkills{width:100%;max-width:100%;height:auto}.contSkills h2{font-size:var(--text-lg);display:flex;align-items:center;justify-content:center}.tools{display:grid;grid-template-columns:repeat(1,1fr);padding:20px}.tools div p{font-size:18px!important}.logos{max-width:40px;max-height:40px}.gridProyectos{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%}.card{max-width:90%!important}.card div{display:flex!important;flex-direction:column!important}.imgPro{max-width:90%!important}.cardTitulo{max-width:90%!important;font-size:24px}.btnGit,.btnLive{display:flex!important;align-items:center!important;justify-content:center;text-align:center;width:100%!important;padding:15px!important;font-size:14px!important}.btnGit a,.btnLive a{display:flex!important;align-items:center!important;justify-content:center;text-align:center;gap:5px!important;font-size:14px!important}.contactameSection{flex-direction:column!important;align-items:center!important;width:100%!important;height:auto!important}.formContactame{width:100%!important;margin-bottom:40px}.input{max-width:90%!important}.footerSection{flex-direction:column!important;align-items:center!important;text-align:center;width:100%!important;height:auto!important}.emailFooter{font-size:1.3rem}.footerIcons{justify-content:center!important;align-items:center!important}.agregarProyectos{flex-direction:column}.formDash{width:90%!important}.listaProyectos{display:flex!important;flex-direction:column!important}.itemProyecto{max-width:90%!important;margin-bottom:20px!important}.listaMensajes{display:flex;flex-direction:column}}@media(min-width:600px)and (max-width:960px){.navMenu,.navMenu a,.navButton{display:none!important}h1{font-size:26px}h2{font-size:22px}h3{font-size:20px}p{font-size:16px}.hamburger{display:flex;position:fixed;bottom:20px;right:20px;z-index:2000;width:80px;height:80px;border-radius:50%;border:2px solid var(--bg);background:var(--secondary);color:#fff;font-size:32px;align-items:center;justify-content:center}.mobileNav{display:flex;position:fixed;bottom:105px;right:20px;z-index:1999;background:#332447;border-radius:16px;padding:26px;flex-direction:column;gap:15px;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .3s ease}.mobileNav a{font-size:22px}.mobileNav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.contSobreMi{flex-direction:column!important;align-items:center!important;width:100%!important;height:auto!important}.imgSobreMi{width:150px!important}.mi,.mi div{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}.btnProy{width:50%!important;padding:18px!important;font-size:20px!important}.hero{flex-direction:column!important;align-items:center!important;width:100%;background-image:url(/assets/heroFoto-B237Dvzp.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;height:auto!important;transition:all .3s ease}.bg{display:none!important}.tituloHero{font-size:52px!important;text-align:center!important;color:var(--primary)}.details{width:100%}.details :nth-child(2){margin-left:15px!important;padding:40px!important;margin-right:15px!important;font-size:20px!important;text-align:justify!important;color:var(--primary)}.perfil{width:150px!important;height:180px!important;margin-top:10px;margin-bottom:20px;transition:all .3s ease}.tecnologias{flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;height:auto!important}.tituloTec{transform:rotate(270deg)!important;font-size:52px}.skills{display:flex;flex-direction:column;align-items:center;padding:20px;width:80%;margin-left:20px!important}.contSkills{width:100%;max-width:100%;height:auto}.contSkills h2{font-size:var(--text-lg);display:flex;align-items:center;justify-content:center}.tools{display:grid;grid-template-columns:repeat(2,1fr);padding:20px}.tools div p{font-size:18px!important}.logos{max-width:40px;max-height:40px}.gridProyectos{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%}.card{max-width:75%!important;height:auto!important}.card div{display:flex!important;flex-direction:column!important}.imgPro{max-width:100%!important}.cardTitulo{max-width:90%!important;font-size:24px}.btnGit,.btnLive{display:flex!important;align-items:center!important;justify-content:center;text-align:center;width:100%!important;padding:15px!important;font-size:18px!important}.btnGit a,.btnLive a{display:flex!important;align-items:center!important;justify-content:center;text-align:center;gap:5px!important;font-size:18px!important}.contactameSection{flex-direction:column!important;align-items:center!important;width:100%!important;height:auto!important}.formContactame{width:100%!important;margin-bottom:40px}.input{max-width:90%!important}.footerSection{flex-direction:column!important;align-items:center!important;text-align:center;width:100%!important;height:auto!important}.footerIcons{justify-content:center!important;align-items:center!important}.agregarProyectos{flex-direction:column}.formDash{width:90%!important}.listaProyectos{display:flex!important;flex-direction:column!important}.itemProyecto{max-width:90%!important;margin-bottom:20px!important}}