:root{--fondo: #0d0d0d;--contenedor: #262626;--extra: #616161bc;--extra-2: #fde40069;--fuente-secundaria: #e2e2e2;--fuente-primaria: #74ff4e}body{box-sizing:border-box;padding:0;margin:0;width:100vw;height:100vh;font-family:Courier New,Courier,monospace}body #root{width:100%;height:100%;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;background-color:var(--fondo);background-image:url(https://media3.giphy.com/media/v1.Y2lkPTc5MGI3NjExNGJyNTFwYzQxeW1lZ3BwMW9iOXBiOGx0OW4yNGc2bTE3dW82aThybCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/jBncVXsbkjB8Nv5Igm/giphy.webp);background-repeat:no-repeat;background-size:cover;color:var(--fuente-primaria)}.borde-x-defecto{border:1px solid black}.centrar-x{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}.centrar-xw{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.centrar-y{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}.centrar-yw{display:flex;flex-flow:column wrap;justify-content:center;align-items:center}@media (max-width: 600px){#root{flex-flow:column nowrap;justify-content:flex-start;align-items:stretch}}.avatar{width:100%;height:45%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;border-bottom:1px solid black}.menu-app{width:100%;height:60%;display:flex;flex-flow:row wrap;justify-content:start;align-items:start;margin:0;padding:0;overflow:auto;list-style-type:none}.options{width:100%;height:8%;display:flex;flex-flow:row nowrap;justify-content:center;gap:0 17%;align-items:center;border-top:1px solid black}.barra-lateral{width:18%;height:95%;background:var(--contenedor);display:flex;flex-flow:column nowrap;border-radius:10px;transition:left .3s ease-in-out}@media (max-width: 768px){.barra-lateral{position:fixed;top:-100%;left:0;width:100%;height:90%;z-index:1000;transition:top .3s ease-in-out;background:var(--contenedor);border-radius:0 0 10px 10px}.barra-lateral.open{top:0}.avatar{height:30%;border-bottom:1px solid black}.menu-app{height:70%}.options{height:10%}}#avatar{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.avatar-picture{width:100%;height:55%;display:flex;justify-content:center;align-items:center}.avatar-picture img{width:62%;height:100%;border-radius:10%;filter:drop-shadow(1px 1px 5px gray) drop-shadow(1px 1px 5px black) drop-shadow(1px 1px 5px gray)}.avatar-title{width:100%;height:10%;text-align:center;font-size:1.6rem;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:9px;margin:30px 0 10px;padding:0}.avatar-title span{color:var(--fuente-secundaria)}.avatar-role{width:100%;height:5%;text-align:center;font-size:1.2rem;color:var(--fuente-secundaria)}@media (max-width: 320px){#avatar{justify-content:space-evenly;padding-bottom:15px;flex-direction:column;flex-wrap:wrap}#avatar .avatar-picture{height:100%;width:53%}#avatar .avatar-picture img{width:74%;height:60%}#avatar .avatar-title{font-size:1.5rem;margin:0;width:52%;height:65%;gap:0;flex-flow:row wrap;align-items:center;justify-content:center}#avatar .avatar-title img{width:100%;height:50%}#avatar .avatar-title span{width:30%;display:inline}#avatar .avatar-role{font-size:1rem;width:52%;height:25%}}@media (max-width: 375px) and (min-width: 321px){#avatar{justify-content:space-evenly;padding-bottom:15px;flex-direction:column;flex-wrap:wrap}#avatar .avatar-picture{height:100%;width:52%}#avatar .avatar-picture img{width:76%;height:64%}#avatar .avatar-title{font-size:1.5rem;margin:0;width:52%;height:65%;gap:0;flex-flow:row wrap;align-items:center;justify-content:center}#avatar .avatar-title img{width:100%;height:50%}#avatar .avatar-title span{width:30%;display:inline}#avatar .avatar-role{font-size:1rem;width:52%;height:25%}}@media (max-width: 425px) and (min-width: 376px){#avatar{justify-content:space-evenly;padding-bottom:15px;flex-direction:column;flex-wrap:wrap}#avatar .avatar-picture{height:100%;width:50%}#avatar .avatar-picture img{width:76%;height:67%}#avatar .avatar-title{font-size:1.5rem;margin:0;width:52%;height:65%;gap:0;flex-flow:row wrap;align-items:center;justify-content:center}#avatar .avatar-title img{width:100%;height:50%}#avatar .avatar-title span{width:30%;display:inline}#avatar .avatar-role{font-size:1rem;width:52%;height:25%}}@media (max-width: 596px) and (min-width: 426px){#avatar{justify-content:space-evenly;padding-bottom:15px;flex-direction:column;flex-wrap:wrap}#avatar .avatar-picture{height:100%;width:45%}#avatar .avatar-picture img{width:75%;height:70%}#avatar .avatar-title{font-size:1.5rem;margin:0;width:52%;height:65%;gap:0;flex-flow:row wrap;align-items:center;justify-content:center}#avatar .avatar-title img{width:100%;height:50%}#avatar .avatar-title span{width:30%;display:inline}#avatar .avatar-role{font-size:1rem;width:52%;height:25%}}@media (max-width: 768px) and (min-width: 597px){#avatar{justify-content:space-evenly;padding-bottom:15px;flex-direction:column;flex-wrap:wrap}#avatar .avatar-picture{height:100%;width:44%}#avatar .avatar-picture img{width:60%;height:70%}#avatar .avatar-title{font-size:1.5rem;margin:0;width:52%;height:65%;gap:0;flex-flow:row wrap;align-items:center;justify-content:center}#avatar .avatar-title img{width:100%;height:50%}#avatar .avatar-title span{width:30%;display:inline}#avatar .avatar-role{font-size:1rem;width:52%;height:25%}}@media (max-width: 924px) and (min-width: 769px){#avatar .avatar-picture img{width:90%;height:70%}}@media (max-width: 1024px) and (min-width: 925px){#avatar .avatar-picture img{width:87%;height:78%}}@media (max-width: 1224px) and (min-width: 1025px){#avatar .avatar-picture img{width:85%;height:90%}}@media (max-width: 1440px) and (min-width: 1225px){#avatar .avatar-picture img{width:82%;height:95%}}#menu-app{width:100%;height:100%;display:flex;flex-flow:column wrap;justify-content:start;align-items:start;margin:0;padding:0;overflow:auto;list-style-type:none}#menu-app::-webkit-scrollbar{display:none}.menu-app-item{width:100%;height:60px;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center;color:var(--fuente-secundaria);border:1px solid black;border-left:none;border-right:none}.menu-app-item svg{width:12%;height:auto;fill:#e8eaed}.menu-app-item span{width:77%;font-size:1.2rem}@media (max-width: 768px){.menu-app-item{flex-flow:row nowrap;justify-content:start;align-items:center;height:87px;gap:0 4px;padding:0 0 0 5px}.menu-app-item svg{width:49px;height:49px}.menu-app-item span{padding:0 2px;font-size:1.2rem;word-break:break-all;word-wrap:break-word}}#options{width:100%;height:100%;display:flex;flex-flow:row nowrap;justify-content:center;gap:0 17%;align-items:center}.options-idioma{height:100%;width:auto;display:flex;justify-content:center;align-items:center}.options-idioma img{border-radius:50%;height:55%;width:auto}.options-idioma .dropdown{width:auto;height:40%;fill:var(--fuente-secundaria)}.options-tema{width:auto;height:60%;fill:#e8eaed}.options-magia{width:auto;height:55%;fill:var(--fuente-secundaria)}@media (max-width: 600px){#options{width:90%;gap:0;justify-content:space-around}.options-idioma{width:30%}.options-idioma img{height:40%}.options-tema,.options-magia{width:23%}}.contenido-principal{width:80%;height:95%;overflow-x:hidden;box-sizing:border-box;justify-content:flex-start}@media (max-width: 768px){.contenido-principal{width:100%;padding:50px 10px 10px;margin:0;box-sizing:border-box}}.sub-contenedor{width:100%;height:100%;background:var(--contenedor);border-radius:2%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--fuente-primaria) transparent;display:flex;flex-flow:column nowrap;justify-content:start;align-items:center}.menu-mobile-toggle{display:none;position:fixed;top:15px;left:50%;transform:translate(-50%);z-index:1100;background-color:var(--contenedor);color:var(--fuente-primaria);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .3s ease;align-items:center;justify-content:center}.menu-mobile-toggle.open{transform:translate(-50%) rotate(180deg)}.arrow-icon{display:inline-block;width:12px;height:12px;border-top:3px solid var(--fuente-primaria);border-right:3px solid var(--fuente-primaria);transform:rotate(135deg);margin-top:-6px}.overlay-menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;transition:opacity .3s ease}.overlay-menu-none{display:none}@media (max-width: 768px){.menu-mobile-toggle{display:flex}.sub-contenedor{padding-top:5px}.menu-mobile-toggle.open .arrow-icon{transform:rotate(-45deg);margin-top:6px}}#resumen{width:95%;height:auto;padding-top:30px}#resumen h3,#intereses h3{font-size:1.5rem;padding:0;margin:15px 0 0}#resumen .contenedor-descripcion{width:100%;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:0 20px}#resumen .contenedor-descripcion img{width:16%}#resumen .contenedor-descripcion .descripcion{width:80%;text-align:center;font-size:1.2rem}@media (max-width: 768px){#resumen{width:90%;padding-top:15px}#resumen h3{font-size:1.3rem;text-align:center}#resumen .contenedor-descripcion{flex-flow:column nowrap;gap:20px 0}#resumen .contenedor-descripcion img{width:30%;max-width:120px}#resumen .contenedor-descripcion .descripcion{width:95%;font-size:1rem;line-height:1.5}}#encabezado{position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%;height:auto;padding:20px 0;margin-bottom:20px}#encabezado #saludo{width:90%;color:var(--extra);display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:0 12px;margin-top:40px}#encabezado #saludo svg{width:25px;height:25px;fill:var(--extra)}#encabezado #saludo h4{font-size:1.5rem;margin:10px 0}#encabezado #nombre{font-size:2.2rem;color:var(--fuente-secundaria);text-align:center;margin:15px 0;padding:0 15px;width:100%}#encabezado #nombre .cambio-color{color:var(--fuente-primaria)}#encabezado #datos{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;gap:10px 20px;margin-top:10px}#encabezado #borde-punteado{border-top:5px dotted var(--fuente-primaria);border-left:5px dotted var(--fuente-primaria);width:5rem;height:5rem;position:absolute;top:30px;left:30px;border-radius:8px 0 0}@media (max-width: 768px){#encabezado{padding:10px 0}#encabezado #borde-punteado{top:10px;left:10px;width:3rem;height:3rem}#encabezado #saludo{flex-flow:row wrap;justify-content:center;align-items:center;margin:10px 0;width:95%}#encabezado #saludo svg{width:20px;height:20px;margin-right:10px}#encabezado #saludo h4{font-size:1.2rem;text-align:center}#encabezado #nombre{font-size:1.6rem;margin:10px 0;padding:0 10px}#encabezado #datos{flex-direction:column;align-items:center;gap:10px}}#intereses{display:flex;flex-flow:column nowrap;width:95%;height:30%;padding:0;margin:0}#intereses .tarjetas{display:flex;flex-flow:column wrap;gap:1rem;justify-content:center;width:100%;height:100%;overflow-y:hidden;overflow-x:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--fuente-primaria) transparent}#intereses .tarjetas .tarjeta{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-evenly;height:70%;width:40%;background:var(--extra);border-radius:16px;box-shadow:0 2px 8px #00000014}#intereses .tarjetas .tarjeta img{width:20%;height:auto;object-fit:contain;flex-shrink:0}#intereses .tarjetas .tarjeta .contenido{display:flex;flex-flow:row wrap;height:100%;width:90%;padding:10px;justify-content:space-evenly;align-items:end}#intereses .tarjetas .tarjeta .contenido .titulo{width:100%;height:5%;font-size:1.5rem;justify-content:center}#intereses .tarjetas .tarjeta .contenido .descripcion{width:100%;height:50%;font-size:1.1rem}@media (max-width: 768px){#intereses{width:90%;height:auto;align-items:center}#intereses h3{font-size:1.3rem;text-align:center;margin-bottom:15px}#intereses .tarjetas{flex-flow:column nowrap;overflow-x:hidden;overflow-y:auto;padding:10px 0;gap:15px;align-items:center}#intereses .tarjetas .tarjeta{width:90%!important;min-height:120px;height:auto;padding:10px 0}#intereses .tarjetas .tarjeta img{width:25%;max-width:80px}#intereses .tarjetas .tarjeta .contenido{width:65%}#intereses .tarjetas .tarjeta .contenido .titulo{font-size:1.2rem;text-align:center}#intereses .tarjetas .tarjeta .contenido .descripcion{font-size:.95rem;text-align:center}}.sobre-mi-container{width:100%;display:flex;flex-direction:column;align-items:center;height:97%}@media (max-width: 768px){.sobre-mi-container{padding:5px}}#timeLine{list-style-type:none;position:relative;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%;margin:0;padding:0}#timeLine .timeLineItem{position:relative;padding-left:5%;border-left:.125rem solid var(--extra);width:80%;padding-bottom:2rem}#timeLine .timeLineItem #timeLineItemContent{background-color:var(--extra);padding:1.25rem;border-radius:.3125rem;box-shadow:0 .125rem .25rem #15ff00}#timeLine .timeLineItem #timeLineItemContent .header{display:flex;flex-flow:row wrap;gap:.625rem;width:100%}#timeLine .timeLineItem #timeLineItemContent .header .header-left{flex:1;min-width:60%}#timeLine .timeLineItem #timeLineItemContent .header .header-left .title{margin-bottom:.5rem;font-size:1.25rem;word-break:break-word}#timeLine .timeLineItem #timeLineItemContent .header .header-left .info{display:flex;align-items:center;gap:.3125rem;font-size:1rem;color:var(--fuente-secundaria)}#timeLine .timeLineItem #timeLineItemContent .header .header-left .info .fa-icon{font-size:1rem;margin-right:.3125rem}#timeLine .timeLineItem #timeLineItemContent .header .header-right{display:flex;align-items:center;justify-content:space-around;flex-flow:column nowrap;background-color:var(--contenedor);border-radius:.25rem;padding:.3125rem;flex-shrink:0}#timeLine .timeLineItem #timeLineItemContent .header .header-right img{width:1.25rem;height:1.25rem;margin-right:.3125rem;object-fit:contain}#timeLine .timeLineItem #timeLineItemContent .header .header-right span{font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#timeLine .timeLineItem #timeLineItemContent .main{margin-top:.625rem}#timeLine .timeLineItem #timeLineItemContent .main .text{font-size:1rem;line-height:1.5;color:var(--text);margin:0 .625rem}#timeLine .timeLineItem #timeLineItemContent .main .text p{margin:0;word-break:break-word}#timeLine .timeLineItem #timeLineItemContent .main .tags{display:flex;flex-wrap:wrap;gap:.3125rem;margin-top:.625rem}#timeLine .timeLineItem #timeLineItemContent .main .tags .badge{background-color:var(--extra-2);color:#fff;padding:.3125rem .625rem;border-radius:.1875rem;font-size:.75rem;display:flex;align-items:center;gap:.3125rem;white-space:nowrap}#timeLine .timeLineItem:before{content:"";position:absolute;left:-2.7rem;top:0;width:5rem;height:5rem;border-radius:50%;background-color:#fff;border:.125rem solid #ccc;background-image:url(/assets/images/inacap.png);background-size:cover;background-position:center}#educacion{width:100%}@media (max-width: 700px){#timeLine{width:100%;padding-left:1rem;margin-right:1.4rem}#timeLine .timeLineItem{padding:0 .625rem 1rem 2rem}#timeLine .timeLineItem .header{flex-direction:column}#timeLine .timeLineItem .header .header-left,#timeLine .timeLineItem .header .header-right{width:100%}#timeLine .timeLineItem:before{left:-1.5rem;width:2.5rem;height:2.5rem}#timeLine #timeLineItemContent .header .title{font-size:1.125rem}#timeLine #timeLineItemContent .header .info{font-size:.875rem}#timeLine #timeLineItemContent .main .text{font-size:.9rem;margin:0 .3125rem}#timeLine #timeLineItemContent .main .tags .badge{font-size:.675rem;padding:.1875rem .5rem}}#Habilidades{width:99.85%;height:62.7%;margin-top:5px;display:flex;flex-flow:column nowrap}#tarjetas-destacadas{width:100%;height:40%}#tarjetas-destacadas .tarjetas{display:flex;flex-flow:column wrap;justify-content:space-evenly;align-items:center;width:98.6%;height:100%;padding:0 10px;margin:0;list-style-type:none;overflow-y:hidden;overflow-x:auto;gap:0 30px}#tarjetas-destacadas .tarjetas .tarjeta{background-color:gray;width:500px;height:100%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;border-radius:20px}.tarjetas-incrustadas{width:97.5%;height:auto;padding-left:30px;display:flex;flex-flow:column nowrap}.tarjetas-incrustadas #titulo{width:99.85%;height:10%;font-size:2em;color:#fff}.tarjetas-incrustadas .tarjetas{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;height:100%;overflow-y:hidden;overflow-x:auto;padding:0;scrollbar-width:thin;scrollbar-color:var(--fuente-primaria) transparent;list-style-type:none}.tarjetas-incrustadas .tarjetas .tarjeta #contenedor-imagen{display:flex;align-items:center;justify-content:center}.tarjetas-incrustadas .tarjetas .tarjeta #contenedor-imagen img{width:5rem;height:5rem;padding:5px;background-color:gray;border-radius:15px}@media (max-width: 768px){#tarjetas-destacadas{height:25%}#tarjetas-destacadas .tarjetas .tarjeta{padding:0;flex-flow:row nowrap;width:420px}#tarjetas-destacadas .tarjetas .tarjeta img{height:60%;margin-right:10px}.tarjetas-incrustadas{padding-left:20px;width:95%;justify-content:center;align-items:center}.tarjetas-incrustadas #titulo{height:auto}.tarjetas-incrustadas .tarjetas{justify-content:center;align-items:center}.tarjetas-incrustadas .tarjetas .tarjeta{width:60%;height:19%}}#contenedor-principal-contacto{width:100%;height:70%;display:flex;flex-flow:row nowrap;justify-content:space-around;align-items:center}#contenedor-formulario{width:50%;height:100%;margin:0;background:var(--contenedor, #262626);border-radius:16px;box-shadow:0 2px 12px #00000014;padding:1rem 0}#contenedor-formulario h1{text-align:center;color:var(--fuente-primaria, #74ff4e);margin-bottom:1.5rem;font-size:1.5rem}#contenedor-contacto{width:40%;height:100%;background:var(--contenedor, #262626);border-radius:16px;box-shadow:0 2px 12px #00000014}#contenedor-contacto h1{text-align:center;color:var(--fuente-primaria, #74ff4e);margin-bottom:1.5rem;font-size:1.5rem}.tarjetas{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;overflow-x:hidden;height:100%;scrollbar-width:thin}.tarjeta{display:flex;flex-direction:column;align-items:center;background:var(--extra, #606060bc);border-radius:12px;padding:1.5rem;text-align:center}.tarjeta img{width:80px;height:80px;object-fit:contain;margin-bottom:1rem;border-radius:8px}.tarjeta .contenido{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tarjeta .titulo{color:var(--fuente-primaria, #74ff4e);font-size:1.2rem;margin:0}.tarjeta .descripcion{color:var(--fuente-secundaria, #e2e2e2);font-size:1rem;margin:0}@media (max-width: 768px){#contenedor-principal-contacto{flex-direction:column;gap:10px;height:100%;justify-content:start}#contenedor-principal-contacto #contenedor-formulario{height:auto;width:80%}#contenedor-principal-contacto #contenedor-formulario .formulario-contacto .campo-formulario{height:20%}#contenedor-principal-contacto #contenedor-contacto{height:70%;padding-bottom:10px;width:80%}#contenedor-principal-contacto #contenedor-contacto .tarjetas{padding:0;height:89%}}.formulario-contacto{display:flex;flex-direction:column;gap:1rem;width:100%}.campo-formulario{display:flex;flex-direction:column;gap:.5rem}.campo-formulario label{color:var(--fuente-primaria, #74ff4e);font-size:1.1rem;font-weight:700}.campo-formulario-input,.campo-formulario-textarea{width:95%;padding:.7rem 1rem;border-radius:8px;border:1px solid #333;background:#181818;color:var(--fuente-secundaria, #e2e2e2);font-size:1rem;outline:none;transition:border .2s}.campo-formulario-input:focus,.campo-formulario-textarea:focus{border:1.5px solid var(--fuente-primaria, #74ff4e)}.boton-enviar{width:100%;max-width:300px;margin-top:1rem;padding:.7rem 2rem;border-radius:8px;border:none;background:var(--fuente-primaria, #74ff4e);color:#181818;font-weight:700;font-size:1.1rem;cursor:pointer;align-self:center;transition:background .2s}.boton-enviar:hover{background:#4fdc2d}@media (max-width: 600px){.boton-enviar{max-width:100%;padding:.6rem 1.5rem;font-size:1rem}.campo-formulario-input,.campo-formulario-textarea{font-size:.95rem;padding:.5rem .7rem;width:92%}}.proyectos-container{display:flex;flex-wrap:wrap;flex-direction:row;gap:1.5rem;padding:1rem;justify-content:center}.proyecto-card{flex:1 1 20rem;background-color:var(--extra);border-radius:16px;box-shadow:0 2px 8px #00000014;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease;color:var(--fuente-secundaria)}.proyecto-card:hover{transform:translateY(-5px);box-shadow:0 6px 15px #74ff4e4d}.proyecto-imagen{width:20%;height:auto;object-fit:contain;margin-bottom:1rem;filter:brightness(0) invert(1)}.proyecto-titulo{font-size:1.25rem;margin-bottom:.5rem;color:var(--fuente-primaria)}.proyecto-descripcion{font-size:1rem;color:var(--fuente-secundaria);margin-bottom:1rem}.proyecto-tecnologias{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1rem}.tecnologia{background-color:#3a3a3a;border-radius:12px;padding:.25rem .75rem;font-size:.875rem;color:var(--fuente-primaria)}.proyecto-enlace{text-decoration:none;color:var(--fuente-primaria);font-weight:600;transition:color .3s ease}.proyecto-enlace:hover{color:#a0ff7a}@media (max-width: 768px){.proyectos-container{flex-flow:column wrap;overflow-y:auto}.proyectos-container .proyecto-card{height:100%;width:92%}}