#app{background-color:var(--llescano-gris-claro);border-radius:.5rem;flex-direction:column;margin:1rem;padding:1rem;display:flex}.header{background-color:var(--llescano-blanco);border-radius:.5rem;justify-content:center;align-items:center;min-height:4rem;margin-bottom:1rem;display:flex}.nav ul{list-style:none}.nav a{color:var(--llescano-texto);text-decoration:none}.nav a:hover{color:var(--llescano-gris)}.nav-menu{flex-direction:row;gap:3rem;display:flex}.nav-menu-li:before{color:var(--llescano-gris);content:"<"}.nav-menu-li:after{color:var(--llescano-gris);content:"/>"}.hola{background-color:var(--llescano-blanco);color:var(--llescano-texto);border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;gap:4rem;margin-bottom:1rem;padding:1rem;display:flex}.hola-foto img{object-fit:cover;border-radius:50%;width:18.75rem}.hola-descripcion-saludo{font-size:2.5rem}.hola-descripcion-brand{color:var(--llescano-negro);font-family:Raleway,sans-serif;font-size:3rem}.hola-descripcion-quien-soy{color:var(--llescano-gris);font-size:1.2rem;font-weight:600}.hola-descripcion-lugar{margin-top:1rem}.hola-descripcion-pais,.hola-descripcion-edad{font-weight:600}.spinner-container{justify-content:center;align-items:center;display:flex}.skills{background-color:var(--llescano-blanco);color:var(--llescano-texto);border-radius:.5rem;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.comienzoSubTitulo{margin-bottom:1rem}.finSubTitulo{margin-top:1rem}.comienzoSubTitulo:before{color:var(--llescano-gris);content:"<"}.comienzoSubTitulo:after{color:var(--llescano-gris);content:">"}.finSubTitulo:before{color:var(--llescano-gris);content:"<"}.finSubTitulo:after{color:var(--llescano-gris);content:"/>"}.skills-main-wrapper{flex-direction:column;gap:1rem;display:flex}.skills-contenedor{gap:1rem;display:grid}.skills-contenedor-card{background-color:var(--llescano-gris);color:var(--llescano-blanco);border-radius:.5rem;padding:1rem;font-weight:300}.mensaje-error{color:red}.portfolio{background-color:var(--llescano-blanco);color:var(--llescano-texto);border-radius:.5rem;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.portfolio-contenedor{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.portfolio-contenedor-card{background-color:var(--llescano-gris);color:var(--llescano-blanco);border-radius:.5rem;padding:1rem;font-weight:300}.portfolio-contenedor-card img{object-fit:cover;width:100%}.portfolio-contenedor-card p{padding-top:.7rem}.portfolio-contenedor-card a{color:var(--llescano-blanco);font-weight:600;text-decoration:none}.portfolio-contenedor-card-descripcion,.portfolio-contenedor-card-url{font-size:.8rem}.portfolio-contenedor-card-estado{font-weight:600}.activo{color:#2ecc71}.baja{color:#e74c3c}.mantenimiento{color:#f39c12}.migrado{color:#3498db}.desarrollo{color:#f1c40f}.modernizado{color:#0ff}.portfolio-contenedor-btn{justify-content:center;align-items:center;display:flex}.btn{cursor:pointer;width:12.5rem;color:var(--llescano-gris);border-style:solid;border-width:1px;border-color:var(--llescano-gris);background-color:#0000;border-radius:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.btn:hover{background-color:var(--llescano-gris);color:var(--llescano-blanco)}.contacto{background-color:var(--llescano-blanco);color:var(--llescano-texto);border-radius:.5rem;flex-direction:column;gap:1rem;padding:1rem;display:flex}.contacto-contenedor{flex-direction:column;gap:1rem;display:flex}.contacto-contenedor a{color:var(--llescano-gris);font-weight:600}.footer{background-color:var(--llescano-blanco);color:var(--llescano-texto);border-radius:.5rem;justify-content:center;align-items:center;min-height:4rem;margin-top:1rem;display:flex}@media screen and (width<=992px){.hola-foto img{width:10rem}.hola-descripcion-saludo{font-size:2rem}.hola-descripcion-brand{font-size:2.5rem}.hola-descripcion-quien-soy{font-size:1rem}.hola-descripcion-lugar,.hola-descripcion-tengo{font-size:.8rem}.skills-contenedor{grid-template-columns:repeat(1,1fr)!important}.portfolio-contenedor{grid-template-columns:repeat(1,1fr)}}@media screen and (width<=576px){.header{display:none}.hola{flex-direction:column;gap:1rem}.hola-foto img{width:12.5rem}.hola-descripcion-saludo{font-size:2rem}.hola-descripcion-brand{font-size:2.5rem}.hola-descripcion-quien-soy{font-size:1rem}.hola-descripcion-lugar,.hola-descripcion-tengo{font-size:.8rem}.skills-contenedor{grid-template-columns:repeat(1,1fr)!important}.portfolio-contenedor{grid-template-columns:repeat(1,1fr)}}:root{--llescano-negro:#000;--llescano-blanco:#fff;--llescano-gris:#353d4f;--llescano-gris-oscuro:#303030;--llescano-gris-medio:#54595f;--llescano-gris-claro:#f8f8f8;--llescano-gris-hover:#d3d3d3;--llescano-texto:#7a7a7a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--llescano-gris);font-family:Roboto,sans-serif;font-size:1.125rem}