@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations")}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:Inter Variable,sans-serif}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}.page-shell{z-index:1;isolation:isolate;background:#dadada;place-items:start center;gap:48px;min-height:100vh;padding:48px 64px 64px;transition:background-color .32s;display:grid;position:relative;overflow:hidden}.page-shell.is-night-mode{background:#0b0f11}.theme-toggle-bar{z-index:3;width:var(--bento-width,min(1250px, calc(100vw - 64px)));opacity:0;justify-content:center;animation:.7s 80ms forwards theme-toggle-load-fade;display:flex;position:relative;transform:translateY(10px)}@keyframes theme-toggle-load-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bento{--bento-width:min(1250px, calc(100vw - 64px));--cell-size:calc((var(--bento-width) - 48px) / 3.85);z-index:3;width:var(--bento-width);grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;grid-auto-rows:var(--cell-size);gap:20px;transition:opacity .2s;display:grid;position:relative}.card{width:100%;height:100%;transition:opacity 1.15s,transform .9s,filter .18s,background-color .32s,box-shadow .32s;transition-delay:var(--card-reveal-delay,0s), var(--card-reveal-delay,0s), 0s, 0s, 0s;opacity:0;will-change:opacity, transform;background:#fff;border-radius:24px;overflow:hidden;transform:translateY(14px);box-shadow:inset 0 0 #2a2f3500}.card:nth-child(2){--card-reveal-delay:.12s}.card:nth-child(3){--card-reveal-delay:.24s}.card:nth-child(4){--card-reveal-delay:.36s}.card:nth-child(5){--card-reveal-delay:.48s}.card:nth-child(n+6){--card-reveal-delay:.6s}.card.is-revealed{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.theme-toggle-bar{opacity:1;animation:none;transform:none}.intro-card__rainbow-name{background-position:0%;animation:none}.card{opacity:1;will-change:auto;transition:background-color .32s,box-shadow .32s;transform:none}}.page-shell.is-night-mode .card{background:#333a41;box-shadow:inset 0 0 0 1px #2a2f35}.page-shell.is-night-mode .card-3:before,.page-shell.is-night-mode .card-6:before,.page-shell.is-night-mode .card-7:before,.page-shell.is-night-mode .card-8:before{background:var(--card-circle-night-color,#2a2f35)}.card-1{color:#171717;z-index:10000;padding:20px 24px;position:relative;overflow:visible}.page-shell.is-night-mode .card-1{color:#fff}.intro-card{flex-direction:column;justify-content:space-between;gap:18px;height:100%;display:flex}.intro-card__top{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.intro-card__media{border-radius:999px;flex:none;width:110px;height:110px;position:relative;overflow:hidden}.intro-card__lead{width:100%;max-width:none;margin-bottom:0;font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.55}.intro-card__rainbow-name{color:#0000;background:linear-gradient(90deg,#ff6900,#facc15,#22c55e,#06b6d4,#6366f1,#ec4899,#ff6900) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;font-weight:800;animation:8s linear infinite rainbow-name-shift}@keyframes rainbow-name-shift{0%{background-position:0%}to{background-position:300%}}.intro-card__photo{object-fit:cover;opacity:0;border-radius:999px;width:110px;height:110px;transition:opacity .16s,transform .16s,filter .16s;position:absolute;top:0;left:0;transform:scale(.86)rotate(0)}.intro-card__photo:first-child{background:#dbdbdb}.intro-card__photo.is-visible{opacity:1;z-index:1;transform:scale(1)rotate(0)}.intro-card__photo.is-switching-out{z-index:2;animation:.32s ease-in-out forwards intro-photo-out}.intro-card__photo.is-switching-in{z-index:3;animation:.32s ease-in-out forwards intro-photo-in}@keyframes intro-photo-out{0%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.78)rotate(180deg)}}@keyframes intro-photo-in{0%{opacity:0;transform:scale(.78)rotate(-180deg)}to{opacity:1;transform:scale(1)rotate(0)}}.intro-card__toggle{appearance:none;color:#1f1a17;font:inherit;isolation:isolate;box-shadow:none;cursor:pointer;background:#fff;border:2px solid #efefef;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:10px 16px;transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex;position:relative;overflow:hidden}.page-shell.is-night-mode .intro-card__toggle{color:#fff;background:#0f1217;border-color:#2a2f35}.intro-card__toggle:before{content:"";border-radius:inherit;opacity:0;transform-origin:50%;z-index:0;pointer-events:none;background:#efefef;position:absolute;inset:0;transform:scaleX(.15)}.intro-card__toggle>*{z-index:1;position:relative}.intro-card__toggle.is-animating:before{animation:.28s ease-out toggle-button-fill}.intro-card__toggle-icon{object-fit:contain;fill:currentColor;transform-origin:50%;flex:none;width:14px;height:14px}.page-shell.is-night-mode .intro-card__toggle-icon{filter:brightness(0)invert()}.intro-card__toggle-icon.is-spinning{animation:.28s linear toggle-icon-spin}@keyframes toggle-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes toggle-button-fill{0%{opacity:0;transform:scaleX(.15)}40%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.intro-card__socials{z-index:10001;justify-content:flex-end;gap:12px;display:flex;position:relative}.dock{transform-origin:bottom;justify-content:center;align-items:flex-end;gap:12px;display:inline-flex;overflow:visible}.dock-icon{color:#202124;will-change:transform;background:#efefef;border:1px solid #efefef;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;text-decoration:none;transition:transform .12s,background-color .16s,border-color .16s,color .16s;display:grid;position:relative;overflow:visible}.page-shell.is-night-mode .dock-icon{color:#fff;background:#0f1217;border-color:#2a2f35}.dock-icon:hover{z-index:1000;transform:scale(1.15)}.dock-icon svg{color:currentColor;width:24px;height:24px;display:block}.dock-github__group{justify-content:center;align-items:center;width:100%;height:100%;transition:color .1s;display:inline-flex;position:relative;overflow:visible}.dock-github:hover .dock-github__group{color:#3b82f6}.page-shell.is-night-mode .dock-github:hover .dock-github__group{color:#fff}.dock-github__icon{color:currentColor;width:24px;height:24px;transition:color .1s,transform .2s,stroke .2s;display:block}.dock-github__tooltip{transform-origin:top;white-space:nowrap;opacity:0;pointer-events:none;z-index:1001;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:6px 11px;font-size:.75rem;line-height:1;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(8px)scale(.88);box-shadow:0 10px 20px #00000014}.page-shell.is-night-mode .dock-github__tooltip{color:#fff;background:#0f1217;border-color:#2a2f35}.dock-github:hover .dock-github__tooltip{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.dock-linkedin__group,.dock-mail__group,.dock-cv__group,.dock-phone__group{justify-content:center;align-items:center;width:100%;height:100%;transition:color .1s;display:inline-flex;position:relative;overflow:visible}.dock-linkedin:hover .dock-linkedin__group,.dock-mail:hover .dock-mail__group,.dock-cv:hover .dock-cv__group,.dock-phone:hover .dock-phone__group{color:#3b82f6}.page-shell.is-night-mode .dock-linkedin:hover .dock-linkedin__group,.page-shell.is-night-mode .dock-mail:hover .dock-mail__group,.page-shell.is-night-mode .dock-cv:hover .dock-cv__group,.page-shell.is-night-mode .dock-phone:hover .dock-phone__group{color:#fff}.dock-linkedin__icon,.dock-mail__icon,.dock-cv__icon,.dock-phone__icon{color:currentColor;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:24px;height:24px;transition:color .1s,transform .2s,stroke .2s;display:block}.dock-linkedin__tooltip,.dock-mail__tooltip,.dock-cv__tooltip,.dock-phone__tooltip{transform-origin:top;white-space:nowrap;opacity:0;pointer-events:none;z-index:1001;background:#fff;border:1px solid #d1d5db;border-radius:999px;padding:6px 11px;font-size:.75rem;line-height:1;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(8px)scale(.88);box-shadow:0 10px 20px #00000014}.page-shell.is-night-mode .dock-linkedin__tooltip,.page-shell.is-night-mode .dock-mail__tooltip,.page-shell.is-night-mode .dock-cv__tooltip,.page-shell.is-night-mode .dock-phone__tooltip{color:#fff;background:#0f1217;border-color:#2a2f35}.dock-linkedin:hover .dock-linkedin__tooltip,.dock-mail:hover .dock-mail__tooltip,.dock-cv:hover .dock-cv__tooltip,.dock-phone:hover .dock-phone__tooltip{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.card-1{grid-area:span 1/span 2}.card-2{grid-area:span 2/span 2}.card-2__cloud{place-items:center;width:100%;height:100%;min-height:0;display:grid;position:relative}.card-2__cloud canvas{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.card-2__cloud canvas:active{cursor:grabbing}.card-3{border-radius:24px;grid-area:span 1/span 2;position:relative;overflow:hidden}.card-3__efreipoker{top:var(--card-image-top,40%);right:var(--card-image-right,-110%);width:var(--card-image-width,175%);transform:translateY(var(--card-image-y,-50%)) rotate(var(--card-image-rotate,-20deg));transform-origin:50%;pointer-events:none;z-index:1;position:absolute}.card-3__efreipoker img{object-fit:contain;border-radius:20px;width:100%;height:auto;display:block}.theme-toggle{cursor:pointer;align-items:center;display:inline-flex;position:relative}.theme-toggle__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.theme-toggle__track{background:#fff;border-radius:999px;width:110px;height:50px;transition:background-color .3s,box-shadow .3s;position:relative}.theme-toggle__thumb{z-index:2;background:linear-gradient(90deg,#ff8a36,#fdbd32);border-radius:999px;width:40px;height:40px;transition:left .3s,width .3s,transform .3s,background .3s;position:absolute;top:5px;left:5px}.theme-toggle:active .theme-toggle__thumb{width:50px}.theme-toggle__input:checked+.theme-toggle__track{background:#efefef}.theme-toggle__input:not(:checked)+.theme-toggle__track{background:#2a2f35}.theme-toggle__input:not(:checked)+.theme-toggle__track .theme-toggle__thumb{background:#efefef;left:105px;transform:translate(-100%)}.theme-toggle__icon{z-index:3;pointer-events:none;width:24px;height:24px;transition:opacity .3s,fill .3s;position:absolute;top:50%;transform:translateY(-50%)}.theme-toggle__icon--sun{fill:#fff;left:13px}.theme-toggle__icon--moon{fill:#000;opacity:.6;right:13px}.theme-toggle__input:not(:checked)+.theme-toggle__track .theme-toggle__icon--sun{opacity:.6}.theme-toggle__input:not(:checked)+.theme-toggle__track .theme-toggle__icon--moon{fill:#000}.card-6{border-radius:24px;grid-area:span 1/span 2;position:relative;overflow:hidden}.card-6__jhdrivers{top:var(--card-image-top,25%);right:var(--card-image-right,-45%);width:var(--card-image-width,130%);transform:translateY(var(--card-image-y,-50%)) rotate(var(--card-image-rotate,-26deg));transform-origin:50%;pointer-events:none;z-index:1;position:absolute}.card-6__jhdrivers img{object-fit:contain;border-radius:20px;width:100%;height:auto;display:block}.card-7{grid-area:span 1/span 2;position:relative;overflow:hidden}.card-3:before,.card-6:before,.card-7:before,.card-8:before{content:"";background:var(--card-circle-color,#ffb47b);z-index:0;pointer-events:none;border-radius:50%;width:110%;height:100%;position:absolute;top:60%;left:-20%;transform:rotate(0)}.card-7__sealearning{top:var(--card-image-top,40%);right:var(--card-image-right,-28%);width:var(--card-image-width,100%);transform:translateY(var(--card-image-y,-50%)) rotate(var(--card-image-rotate,-30deg));transform-origin:50%;pointer-events:none;z-index:1;position:absolute}.card-7__sealearning img{object-fit:contain;border-radius:20px;width:100%;height:auto;display:block}.card-3__efreipoker img,.card-6__jhdrivers img,.card-7__sealearning img{border:7px solid var(--card-border-color,var(--card-circle-color,#ffb47b))}.page-shell.is-night-mode .card-3__efreipoker img,.page-shell.is-night-mode .card-6__jhdrivers img,.page-shell.is-night-mode .card-7__sealearning img{border-color:var(--card-border-night-color,var(--card-circle-night-color,#2a2f35))}.card-7__action{border:3px solid var(--card-border-color,var(--card-circle-color,#ffb47b));color:#1f1a17;z-index:2;cursor:pointer;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:0;min-width:44px;max-width:44px;height:44px;padding:0;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s,max-width .6s ease-out,padding .6s ease-out,gap .6s ease-out;display:inline-flex;position:absolute;bottom:16px;left:16px;overflow:hidden}.page-shell.is-night-mode .card-7__action{border-color:var(--card-border-night-color,var(--card-circle-night-color,#2a2f35));color:#fff;background:#0f1217}.page-shell.is-night-mode .card-7__action:hover,.page-shell.is-night-mode button.card-7__action:hover{border-color:var(--card-border-night-color,var(--card-circle-night-color,#2a2f35));background:#0f1217}.card-7__action svg{stroke:currentColor;fill:none;flex:none;width:18px;height:18px}.card-7__action-label{opacity:0;white-space:nowrap;max-width:0;margin-right:0;font-size:.92rem;font-weight:600;transition:opacity .6s ease-out,transform .6s ease-out,max-width .6s ease-out,margin-right .6s ease-out;display:inline-block;overflow:hidden;transform:translate(-6px)}.card-7__action:hover{background:#efefef}.card-7:hover .card-7__action,.card-7 .card-7__action:hover,.card-3:hover .card-7__action,.card-6:hover .card-7__action,.card-8:hover .card-7__action{justify-content:center;max-width:220px;padding:0 22px}.page-shell:not(.is-night-mode) .card-7:hover .card-7__action,.page-shell:not(.is-night-mode) .card-7 .card-7__action:hover,.page-shell:not(.is-night-mode) .card-3:hover .card-7__action,.page-shell:not(.is-night-mode) .card-6:hover .card-7__action,.page-shell:not(.is-night-mode) .card-8:hover .card-7__action{border-color:var(--card-border-color,var(--card-circle-color,#ffb47b))}.card-7:hover .card-7__action-label,.card-7 .card-7__action:hover .card-7__action-label,.card-3:hover .card-7__action-label,.card-6:hover .card-7__action-label,.card-8:hover .card-7__action-label{opacity:1;max-width:160px;margin-right:6px;transform:translate(0)}.card-8{grid-area:span 1/span 2;position:relative;overflow:hidden}.card-8__allanderras{top:var(--card-image-top,50%);right:var(--card-image-right,-40%);width:var(--card-image-width,110%);transform:translateY(var(--card-image-y,-50%)) rotate(var(--card-image-rotate,-30deg));transform-origin:50%;pointer-events:none;z-index:1;position:absolute}.card-instance-cerameo1{--card-circle-color:#a36a6d;--card-border-color:#a36a6d;--card-circle-night-color:#a36a6d;--card-border-night-color:#a36a6d;--card-image-top:65%;--card-image-right:-15%;--card-image-width:100%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-terramoka{--card-circle-color:#72a16e;--card-border-color:#72a16e;--card-circle-night-color:#72a16e;--card-border-night-color:#72a16e;--card-image-top:65%;--card-image-right:-15%;--card-image-width:100%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-romainatlante{--card-circle-color:#c3953c;--card-border-color:#c3953c;--card-circle-night-color:#c3953c;--card-border-night-color:#c3953c;--card-image-top:90%;--card-image-right:-15%;--card-image-width:100%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-desaltera2{--card-circle-color:#5ac8db;--card-border-color:#5ac8db;--card-circle-night-color:#5ac8db;--card-border-night-color:#5ac8db;--card-image-top:123%;--card-image-right:-5%;--card-image-width:90%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-hbcnante{--card-circle-color:#f5dc47;--card-border-color:#f5dc47;--card-circle-night-color:#f5dc47;--card-border-night-color:#f5dc47;--card-image-top:72%;--card-image-right:-5%;--card-image-width:90%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-sealearning{--card-circle-color:#b5d1ee;--card-border-color:#b5d1ee;--card-circle-night-color:#b5d1ee;--card-border-night-color:#b5d1ee;--card-image-top:65%;--card-image-right:-15%;--card-image-width:100%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-allanderras{--card-circle-color:#ffb47b;--card-border-color:#ffb47b;--card-circle-night-color:#ffb47b;--card-border-night-color:#ffb47b;--card-image-top:70%;--card-image-right:-15%;--card-image-width:100%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-efreipoker{--card-circle-color:#b40303;--card-border-color:#b40303;--card-circle-night-color:#b40303;--card-border-night-color:#b40303;--card-image-top:97%;--card-image-right:-5%;--card-image-width:90%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-lip2lip{--card-circle-color:#f39cc9;--card-border-color:#f39cc9;--card-circle-night-color:#f39cc9;--card-border-night-color:#f39cc9;--card-image-top:120%;--card-image-right:-15%;--card-image-width:100%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-jhdrivers{--card-circle-color:#79664b;--card-border-color:#79664b;--card-circle-night-color:#79664b;--card-border-night-color:#79664b;--card-image-top:61%;--card-image-right:-5%;--card-image-width:90%;--card-image-y:-50%;--card-image-rotate:0deg}.card-9{border-radius:24px;grid-area:span 1/span 2;padding:0;position:relative;overflow:hidden}.card-9__map{width:100%;height:100%;position:relative;overflow:hidden}.card-9__dotted-map{width:100%;height:100%;display:block;position:absolute;inset:0}.card-9__dotted-map>circle{fill:#999;fill-opacity:1}.page-shell.is-night-mode .card-9__dotted-map>circle{fill:#616161}.card-9__map-label-bg{fill:#000000b8}.card-9__map-label-text,.page-shell.is-night-mode .card-9__map-label-bg{fill:#fff}.page-shell.is-night-mode .card-9__map-label-text{fill:#0b0f11}.card-9__map-radar{fill:none;stroke:#ff6900;stroke-width:.35px;opacity:0;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-out infinite card-map-radar}.card-9__map-radar--two{animation-delay:.9s}@keyframes card-map-radar{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}p{margin-top:0}.card-text{margin-bottom:0;font-size:1rem;line-height:1.6}@media (width<=820px){.page-shell{padding:32px 20px 40px}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.card-1,.card-2,.card-3,.card-6,.card-7,.card-8,.card-9{grid-area:auto;height:auto}}@media (width<=560px){.page-shell{gap:20px;padding:20px}.theme-toggle-bar{justify-content:flex-start;width:100%}.bento{grid-template-columns:1fr;grid-auto-rows:auto;gap:20px;width:100%}.card{order:10;height:auto;min-height:200px;grid-area:auto!important}.card-1{order:1}.card-9{order:2}.card-2{order:3}.intro-card__top{align-items:flex-start}.intro-card__socials{justify-content:center;gap:0;width:100%}.intro-card__socials>div{width:100%}.intro-card__socials .dock{justify-content:space-between;gap:0;width:100%}.card-instance-cerameo1,.card-instance-terramoka{--card-image-top:60%;--card-image-right:-31%;--card-image-width:110%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-romainatlante{--card-image-top:78%;--card-image-right:-21%;--card-image-width:100%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-desaltera2{--card-image-top:110%;--card-image-right:-11%;--card-image-width:90%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-hbcnante{--card-image-top:64%;--card-image-right:-11%;--card-image-width:90%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-sealearning{--card-image-top:62%;--card-image-right:-31%;--card-image-width:110%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-allanderras{--card-image-top:63%;--card-image-right:-21%;--card-image-width:100%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-efreipoker{--card-image-top:88%;--card-image-right:-11%;--card-image-width:90%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-lip2lip{--card-image-top:105%;--card-image-right:-21%;--card-image-width:100%;--card-image-y:-50%;--card-image-rotate:0deg}.card-instance-jhdrivers{--card-image-top:61%;--card-image-right:-26%;--card-image-width:105%;--card-image-y:-50%;--card-image-rotate:0deg}}
