@keyframes rot{0%{transform:rotate(64deg)}to{transform:rotate(190deg)}}header[data-astro-cid-nen7h5rs]{flex-flow:column;place-items:center;gap:30px;padding:64px 16px 28px;display:flex;& section{& div{top:-8px;left:42px}& h1{letter-spacing:1px;color:#fff;font-size:2.5rem;font-weight:800}& p{font-size:1.1rem;font-weight:400;left:128px}& #prof{z-index:1;cursor:pointer;width:164px;height:164px;transition:all .3s;position:absolute;inset:-28px auto auto -138px;&:hover{scale:1.03}& img{border-radius:50%;outline:2px solid;width:100%;height:100%;position:absolute;inset:0}& svg{will-change:auto;width:100%;max-height:100%;animation:5s cubic-bezier(.5,0,.5,1) infinite alternate-reverse rot;position:absolute;transform:rotate(52deg);& path{fill:#0000}& text{font-size:1.1rem;font-weight:600;transform:translate(-6px,6px)}}}}&>div[data-astro-cid-nen7h5rs]{z-index:2;place-content:center;gap:46px;height:36px;display:flex;& a{text-align:center;color:#fff;border-radius:2rem;outline:1px solid #fff4;place-content:center;place-items:center;gap:8px;padding:8px 24px;font-weight:600;text-decoration:none;transition:all .5s;display:flex}& .linkedin{background:#06c6;flex:1;&:hover{background:#06c}}& .cv{background:#b006;&:hover{background:#b00}}& .indeed{background:#0396;&:hover{background:#039}}& .mail{background:#9006;max-width:50%;&:hover{background:#900}}}& nav{background:#0002;border:1px solid #fff4;border-radius:3rem;width:fit-content;display:flex;overflow:hidden;& a{cursor:pointer;opacity:.5;color:#fff;text-align:center;padding:12px 48px;font-size:1.3rem;transition:all .5s;&.activo{opacity:1;font-weight:700}}& .artista.activo{background:#0b08;border-right:1px solid #fff6;&:hover{background:#0b0}}& .dev.activo{background:#0af8;border-left:1px solid #fff6;border-right:1px solid #fff6;&:hover{background:#0af}}& .vfx.activo{background:#f098;border-left:1px solid #fff6;&:hover{background:#f09}}}}#dlg[data-astro-cid-nen7h5rs]{z-index:2;place-items:center;width:90%;max-width:1250px;max-height:100dvh;overflow:visible;& img{aspect-ratio:1;height:500px;min-width:unset;border-radius:2.5rem;outline:2px solid;flex:500px;place-self:center}& .info{scrollbar-width:thin;flex-flow:column;place-content:center;gap:10px;min-height:fit-content;max-height:70dvh;padding:0 28px;display:flex;inset:0;overflow:auto;& p{font-size:1rem;line-height:1.3}}}#dlg[data-astro-cid-nen7h5rs].hidden{transform:translate(110dvw)}@media (width<=850px){#dlg[data-astro-cid-nen7h5rs]{flex-flow:column;gap:18px;width:95%;& img{flex:0 0 275px;width:100%;max-width:275px;max-height:275px}& .info{text-align:center;text-wrap:balance;gap:2px;padding:0 8px}}}@media (width<=765px){header[data-astro-cid-nen7h5rs]{gap:22px;padding:48px 10px 18px;& section{& h1{font-size:2rem;left:12px}& p{font-size:.95rem;left:82px}& #prof{width:128px;height:128px;inset:-19px auto auto -80px}}&>div[data-astro-cid-nen7h5rs]{gap:28px;height:32px;& a{gap:6px;padding:6px 16px;font-size:.85rem}}& nav a{padding:10px 32px;font-size:1.1rem}}}@media (width<=600px){header[data-astro-cid-nen7h5rs]{gap:16px;& section{& h1{font-size:1.9rem;left:30px}& p{font-size:1rem;left:48px}& #prof{width:112px;height:112px;inset:-18px auto auto -64px}& div{left:34px}}&>div[data-astro-cid-nen7h5rs]{gap:10px;height:28px;margin-top:16px;& a{padding:5px 10px;font-size:.75rem}}& nav a{padding:6px 18px;font-size:.95rem}}}@media (width<=500px){header[data-astro-cid-nen7h5rs]{gap:14px;padding:20px 8px 14px;& section{& h1{text-align:end;width:230px;margin-top:18px;font-size:1.67rem;left:15px}& p{text-align:end;width:200px;font-size:.85rem;left:48px}& #prof{inset:4px auto auto -56px}& div{left:28px}}&>div[data-astro-cid-nen7h5rs]{margin-top:0}}}@media (width<=405px){header[data-astro-cid-nen7h5rs]{padding:18px 0 10px;& section{& h1{width:230px;font-size:1.4rem;left:8px}& p{width:180px;font-size:.8rem;left:58px}& #prof{width:92px;height:92px;inset:8px auto auto -32px}}&>div[data-astro-cid-nen7h5rs]{height:22px;& a{font-size:.75rem}}& nav{& a{padding:4px 8px;font-size:.85rem}}}}@media (width<=350px){header[data-astro-cid-nen7h5rs]{padding:0;& section{& h1{width:150px;margin-top:20px;font-size:1.2rem;left:4px}& p{width:140px;font-size:.65rem;left:12px}& #prof{width:72px;height:72px;inset:16px auto auto -24px}}&>div[data-astro-cid-nen7h5rs]{gap:8px;height:20px;margin-top:-6px;& a{padding:4px 8px;font-size:.47rem}}& nav{& a{padding:2px 8px;font-size:.75rem}}}}