*{box-sizing:border-box;font-family:var(--font-principal),cursive;margin:0;padding:0}:root{--font-principal:"Roboto";--fondo_negroazulado:#0b0f1a;--fondo_fuxiaoscuro:#7d2451;--fondo_secciones:#0f172a;--profundidad:#111827;--violeta:#a855f7;--violeta_suave:#c084fc;--fuxia:#ec4899;--fuxia_claro:#f472b6;--azul-neon:#22d3ee;--azul_claro:#38bff8;--texto_ppal:#f9fafb;--texto_secondary:#d1d5db;--texto_muted:#9ca3af}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background-color:var(--fondo_negroazulado);color:#d3d3d3}a{color:inherit;text-decoration:none}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes moveGradient{0%{background-position:0 0}to{background-position:200% 0}}.skills{border-top:2.5px solid var(--fondo_secciones);justify-content:space-between;align-items:left;flex-direction:row;justify-content:center;gap:0;width:100%;height:35vh;display:flex}@media (max-width:426px){.skills{flex-direction:column;height:auto}}@media (min-width:427px) and (max-width:769px){.skills{flex-wrap:wrap;height:auto}}@media (min-width:770px) and (max-width:1025px){.skills{height:auto}}.skills .connect,.skills .sendButton,.skills .social,.skills .imagen{align-items:left;flex-direction:column;justify-content:center;gap:20px;width:25%;height:100%;padding:20px;display:flex}@media (max-width:426px){.skills .connect,.skills .sendButton,.skills .social,.skills .imagen{gap:10px;width:100%;height:auto;padding:18px 6%}}@media (min-width:427px) and (max-width:769px){.skills .connect,.skills .sendButton,.skills .social,.skills .imagen{gap:12px;width:50%;height:auto;padding:14px 4%}}@media (min-width:770px) and (max-width:1025px){.skills .connect,.skills .sendButton,.skills .social,.skills .imagen{gap:12px;width:25%;height:auto;padding:14px 2%}}.skills .connect span,.skills .sendButton span,.skills .social span,.skills .imagen span{color:var(--fuxia);font-size:30px}@media (max-width:426px){.skills .connect span,.skills .sendButton span,.skills .social span,.skills .imagen span{font-size:18px}}@media (min-width:427px) and (max-width:769px){.skills .connect span,.skills .sendButton span,.skills .social span,.skills .imagen span{font-size:22px}}@media (min-width:770px) and (max-width:1025px){.skills .connect span,.skills .sendButton span,.skills .social span,.skills .imagen span{font-size:24px}}.skills .connect p:first-child,.skills .sendButton p:first-child,.skills .social p:first-child,.skills .imagen p:first-child{margin-bottom:2%;font-weight:700}.skills .connect p:nth-child(2),.skills .sendButton p:nth-child(2),.skills .social p:nth-child(2),.skills .imagen p:nth-child(2){font-size:30px}@media (max-width:426px){.skills .connect p:nth-child(2),.skills .sendButton p:nth-child(2),.skills .social p:nth-child(2),.skills .imagen p:nth-child(2){font-size:15px}}@media (min-width:427px) and (max-width:769px){.skills .connect p:nth-child(2),.skills .sendButton p:nth-child(2),.skills .social p:nth-child(2),.skills .imagen p:nth-child(2){font-size:20px}}@media (min-width:770px) and (max-width:1025px){.skills .connect p:nth-child(2),.skills .sendButton p:nth-child(2),.skills .social p:nth-child(2),.skills .imagen p:nth-child(2){font-size:22px}}.skills .sendButton p{color:#add8e6;font-family:monospace;font-size:15px}.skills .sendButton .button{align-items:left;background-color:var(--fondo_secciones);height:50px;color:var(--texto_ppal);border:var(--fuxia) solid 1px;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;gap:0;padding:20px;font-family:monospace;font-size:15px;font-weight:700;display:flex}.skills .sendButton .button:hover{background-color:var(--fuxia)}.skills .social{grid-template-columns:repeat(1,1fr);gap:0;width:25%;display:grid}@media (max-width:426px){.skills .social{gap:8px;width:100%}}@media (min-width:427px) and (max-width:769px){.skills .social{width:50%}}@media (min-width:770px) and (max-width:1025px){.skills .social{width:30%;overflow:hidden}}.skills .social .LinkItems{justify-content:space-between;align-items:center;display:flex}@media (max-width:426px){.skills .social .LinkItems{gap:12px}}@media (min-width:427px) and (max-width:769px){.skills .social .LinkItems{gap:10px}}@media (min-width:770px) and (max-width:1025px){.skills .social .LinkItems{white-space:nowrap;text-overflow:ellipsis;gap:8px;font-size:11px;overflow:hidden}}.skills .social .LinkItems .img{width:30px;height:30px}.skills .imagen{background-image:url(/assets/footer.png);background-size:cover}@media (max-width:426px){.skills .imagen{min-height:160px}}@media (min-width:427px) and (max-width:769px){.skills .imagen{min-height:180px}}@media (min-width:770px) and (max-width:1025px){.skills .imagen{width:20%;min-height:200px}}
*{box-sizing:border-box;font-family:var(--font-principal),cursive;margin:0;padding:0}:root{--font-principal:"Roboto";--fondo_negroazulado:#0b0f1a;--fondo_fuxiaoscuro:#7d2451;--fondo_secciones:#0f172a;--profundidad:#111827;--violeta:#a855f7;--violeta_suave:#c084fc;--fuxia:#ec4899;--fuxia_claro:#f472b6;--azul-neon:#22d3ee;--azul_claro:#38bff8;--texto_ppal:#f9fafb;--texto_secondary:#d1d5db;--texto_muted:#9ca3af}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}body{background-color:var(--fondo_negroazulado);color:#d3d3d3}a{color:inherit;text-decoration:none}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes moveGradient{0%{background-position:0 0}to{background-position:200% 0}}.footerContainer{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;height:10vh;display:grid}@media (max-width:426px){.footerContainer{grid-template-columns:1fr;gap:12px;height:auto;padding:16px 6%}}@media (min-width:427px) and (max-width:769px){.footerContainer{grid-template-columns:repeat(2,1fr);gap:10px;height:auto;padding:14px 4%}}@media (min-width:770px) and (max-width:1025px){.footerContainer{grid-template-columns:repeat(4,1fr);gap:8px;height:auto;padding:12px 3%}}.footerContainer p{color:var(--texto_ppal);flex-direction:row;justify-content:center;align-items:center;gap:5px;font-size:15px;display:flex}@media (min-width:770px) and (max-width:1025px){.footerContainer p{text-align:center;flex-wrap:wrap;justify-content:center;font-size:12px}}.footerContainer p span{color:var(--fuxia);align-items:center;gap:5px;display:flex}.footerContainer p img{width:50px;height:fit-content}