@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Roboto:wght@400;500&display=swap');
:root{--blue:#063187;--ink:#555d6b;--background:#f3f3f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:Roboto,Arial,sans-serif;font-size:16px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.page{width:min(100% - 32px,680px);margin:0 auto}.top-banner{width:100%;aspect-ratio:678/159;border-radius:0 0 32px 32px;overflow:hidden}.top-banner img{width:100%;height:100%;object-fit:cover;display:block}.profile{position:relative;text-align:center;margin-top:-79px;padding-bottom:29px}.avatar{width:152px;height:152px;padding:4px;background:#f3f3f3;border-radius:50%;margin:0 auto;position:relative}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.welcome{position:absolute;left:calc(50% + 99px);top:103px;width:110px;height:auto}h1{font-family:'Roboto Condensed',Arial,sans-serif;font-size:46px;line-height:1.1;letter-spacing:-.035em;color:var(--blue);margin:18px 0 3px}.profile p{font-size:15px;line-height:1.4;margin:0}.socials{display:flex;justify-content:center;gap:24px;margin-top:24px}.socials button{padding:0;border:0;background:none;color:var(--blue);width:26px;height:30px;display:flex;justify-content:center;align-items:center}.socials span{display:flex;width:25px;height:25px}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.links{width:min(100%,424px);margin:0 auto;display:flex;flex-direction:column;gap:15px}.link{border:0;background:#fff;border-radius:22px;min-height:83px;width:100%;display:flex;align-items:center;text-align:center;gap:9px;padding:15px 20px;color:var(--ink);font-size:19px;font-weight:400;line-height:1.35;box-shadow:0 9px 9px #00000020;transition:transform .2s,box-shadow .2s}.link:hover{transform:translateY(-2px);box-shadow:0 11px 13px #00000022}.tile{width:24px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:15px}.link>span:nth-child(2){flex:1;min-width:0;letter-spacing:-.045em}.end{width:13px;height:13px;display:flex;flex-shrink:0;color:#b1b1b1}.link small{display:inline-block;font-size:15px;font-weight:400;border:1px solid #b8b8b8;border-radius:5px;padding:1px 5px;margin-left:6px;white-space:nowrap;letter-spacing:0}.buy{background:white;border-radius:22px;box-shadow:0 9px 9px #00000020;overflow:hidden}.buy .link{box-shadow:none;min-height:64px;padding-block:13px}.buy .link:hover{transform:none;background:#fcfcfc}.buy .end{transition:transform .35s}.buy.open .end{transform:rotate(90deg)}.expand{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s cubic-bezier(.2,.7,.2,1),opacity .3s}.buy.open .expand{grid-template-rows:1fr;opacity:1}.expand-inner{overflow:hidden;min-height:0}.marketplaces{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;padding:0 20px 17px}.market{min-width:0;border:0;padding:0;background:transparent;border-radius:17px;overflow:hidden;transition:transform .2s}.market img{width:100%;height:auto;aspect-ratio:114/100;display:block;object-fit:cover}.market:hover{transform:scale(.96)}.facts{width:min(100%,424px);margin:36px auto 33px;display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center}.facts>div{display:flex;flex-direction:column;justify-content:center;padding:2px 7px;border-right:1px solid #8d929c}.facts>div:last-child{border:0}.facts strong{font-size:29px;font-weight:400;letter-spacing:-.055em;line-height:1.1;white-space:nowrap}.facts span{font-size:12px;line-height:1.4;letter-spacing:-.025em;white-space:nowrap}.bottom-banner{aspect-ratio:678/199;width:100%;overflow:hidden;border-radius:32px;position:relative}.bottom-banner img{width:100%;height:calc(100% + 32px);position:absolute;top:-16px;left:0;object-fit:cover;display:block;will-change:transform}footer{text-align:center;padding:0 0 30px}footer .socials{margin-top:20px;gap:22px}footer .socials button{color:var(--ink);width:23px;height:23px}footer .socials span{width:22px;height:22px}footer p{font-size:16px;margin:32px 0 0;line-height:1.4;letter-spacing:-.03em}dialog{border:1px solid #e1e3e8;border-radius:20px;padding:30px;max-width:390px;width:calc(100% - 32px);box-shadow:0 25px 100px #071b3540;color:var(--ink)}dialog::backdrop{background:#101f3b88;backdrop-filter:blur(4px)}dialog h2{font-size:22px}dialog p{font-size:16px;line-height:1.7}.close{position:absolute;right:12px;top:9px;border:0;background:none;font-size:28px;padding:6px;color:var(--ink)}.dismiss{background:var(--blue);color:white;border:0;border-radius:9px;padding:12px 24px;font-weight:500;margin-top:7px}@media(max-width:600px){.page{width:calc(100% - 24px)}.top-banner{aspect-ratio:3.4;border-radius:0 0 22px 22px}.top-banner img{object-position:center 46%}.profile{margin-top:-62px;padding-bottom:25px}.avatar{width:124px;height:124px;padding:3px}.welcome{width:91px;left:calc(50% + 64px);top:91px}h1{font-size:39px;margin-top:20px}.profile p{font-size:14px}.socials{margin-top:24px;gap:22px}.links{width:calc(100% - 12px);gap:14px}.link{min-height:72px;padding:14px 16px;font-size:17px;border-radius:19px}.tile{width:22px;height:24px;margin-left:7px}.link small{font-size:13px;padding:1px 4px;margin-left:3px}.buy{border-radius:19px}.buy .link{min-height:60px}.marketplaces{padding:0 16px 15px;gap:15px}.market{border-radius:15px}.facts{width:calc(100% - 12px);margin:31px auto 28px}.facts strong{font-size:25px}.facts span{font-size:10px}.bottom-banner{aspect-ratio:3.25;border-radius:22px}footer p{font-size:13px;margin-top:29px}}@media(max-width:360px){.welcome{width:77px;left:calc(50% + 57px)}.link{font-size:15px;padding-inline:12px;gap:5px}.link small{font-size:11px}.tile{margin-left:3px}.marketplaces{gap:10px}.facts strong{font-size:23px}.facts span{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.bottom-banner img{will-change:auto;transform:none!important}}

@font-face{font-family:Aller;src:url('assets/aller-bold.woff') format('woff');font-style:normal;font-weight:700;font-display:block}
h1{font-family:Aller,Arial,sans-serif;font-weight:700;letter-spacing:-.035em}
.clip-defs{position:absolute;width:0;height:0;overflow:hidden}
.top-banner{clip-path:url(#banner-curve);border-radius:0}
.top-banner img{object-position:center 43%}
.avatar{display:block;border:0;cursor:pointer;background:var(--background)}
.avatar img{border-radius:50%}
.socials button{transition:transform .2s ease,color .2s ease;transform-origin:center}
.socials button:hover{transform:translateY(-3px) scale(1.08);color:#164ea1}
.socials button:active{transform:scale(.96)}
.buy .link{min-height:83px;padding-block:15px}
.bottom-banner img{height:145%;top:-22.5%;object-position:center 62%}
@media(max-width:600px){.buy .link{min-height:72px;padding-block:14px}.top-banner{border-radius:0}}
@media(prefers-reduced-motion:reduce){.socials button:hover,.socials button:active{transform:none}}

:root{--ink:#4D586C}
.profile p,.link,.facts,footer,footer p{color:var(--ink)}
.link small,.end{color:var(--ink)}
[data-asset]{background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.socials button{color:#063187}
footer .socials button{color:#4D586C}
footer .socials button:hover{color:#4D586C}
.avatar{padding:10px;position:relative;isolation:isolate;background:var(--background)}
.avatar::before{content:'';position:absolute;inset:0;border-radius:50%;padding:4px;background:conic-gradient(from 190deg,#ffcf00,#ff8035,#ff154d,#d600ba,#a200c6,#ff154d,#ffcf00);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:stories-turn 4.8s cubic-bezier(.2,.65,.25,1) 1,stories-reminder 5.4s cubic-bezier(.2,.65,.25,1) 4.8s infinite;animation-play-state:var(--stories-play-state,running)}
.avatar img{position:relative;z-index:1}
.bottom-banner img{height:240%;top:-70%;object-position:center 62%}
@keyframes stories-turn{from{transform:rotate(0)}to{transform:rotate(720deg)}}
@media(max-width:600px){.avatar{padding:9px}.avatar::before{padding:3px}}
@media(prefers-reduced-motion:reduce){.avatar::before{animation:none}}
[data-asset="instagram"]{-webkit-mask-image:url("assets/icons/instagram.svg");mask-image:url("assets/icons/instagram.svg")}
[data-asset="facebook"]{-webkit-mask-image:url("assets/icons/facebook.svg");mask-image:url("assets/icons/facebook.svg")}
[data-asset="tiktok"]{-webkit-mask-image:url("assets/icons/tiktok.svg");mask-image:url("assets/icons/tiktok.svg")}
[data-asset="tiktok-button"]{-webkit-mask-image:url("assets/icons/tiktok-button.svg");mask-image:url("assets/icons/tiktok-button.svg")}
[data-asset="globe"]{-webkit-mask-image:url("assets/icons/globe.svg");mask-image:url("assets/icons/globe.svg")}
[data-asset="store"]{-webkit-mask-image:url("assets/icons/store.svg");mask-image:url("assets/icons/store.svg")}
[data-asset="cart"]{-webkit-mask-image:url("assets/icons/cart.svg");mask-image:url("assets/icons/cart.svg")}
[data-asset="briefcase"]{-webkit-mask-image:url("assets/icons/briefcase.svg");mask-image:url("assets/icons/briefcase.svg")}
[data-asset="chat"]{-webkit-mask-image:url("assets/icons/chat.svg");mask-image:url("assets/icons/chat.svg")}

/* Topo mais compacto e banner de ponta a ponta. */
.top-banner{width:min(100% - 32px,680px);margin-inline:auto;height:160px;aspect-ratio:auto}
.profile{padding-bottom:19px}
h1{font-size:39px;margin-top:10px;margin-bottom:1px}
.profile .socials{margin-top:16px}
@media(max-width:600px){.top-banner{width:100%;height:calc(100vw / 3.4)}.profile{padding-bottom:17px}h1{font-size:33px;margin-top:10px;margin-bottom:1px}.profile .socials{margin-top:16px}}

.socials span{width:24px;height:24px}
footer .socials span{width:21px;height:21px}

/* Pausa de 3s seguida por uma volta de 2.4s. */
@keyframes stories-reminder{0%,55.555556%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

/* Sincronização nativa com a rolagem, inclusive durante o toque. */
@keyframes banner-scroll-parallax{from{transform:translateY(-27%)}to{transform:translateY(27%)}}
@supports (animation-timeline:view()){
.bottom-banner{view-timeline-name:--banner-scroll;view-timeline-axis:block}
.bottom-banner img{animation:banner-scroll-parallax 1s linear both;animation-timeline:--banner-scroll;animation-range:cover 0% cover 100%}
}
@media(prefers-reduced-motion:reduce){.bottom-banner img{animation:none;transform:none!important}}

/* Apresentação progressiva uma única vez ao chegar. */
.entrance{animation:bio-entrance .6s cubic-bezier(.2,.7,.2,1) var(--entrance-delay,0ms) both}
@keyframes bio-entrance{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.entrance{animation:none;opacity:1;translate:none}}

[data-asset="partner"]{-webkit-mask-image:url("assets/icons/partner.svg");mask-image:url("assets/icons/partner.svg")}

.tile[data-asset="partner"]{width:26px;height:28px}
@media(max-width:600px){.tile[data-asset="partner"]{width:24px;height:26px}}

.career-dialog{max-width:560px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:30px 26px}.career-dialog h2{margin:0 30px 8px 0;color:var(--blue)}.career-intro{margin:0 0 22px!important}.career-dialog form{display:grid;gap:14px}.career-dialog label{display:grid;gap:7px;font-size:14px;font-weight:500}.career-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.career-dialog input,.career-dialog textarea{width:100%;min-width:0;border:1px solid #d9dde5;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;font-weight:400}.career-dialog input:focus-visible,.career-dialog textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.career-dialog textarea{resize:vertical}.career-dialog input[type=file]{background:#f6f7f9;font-size:13px}.career-dialog input::file-selector-button{border:0;border-radius:6px;padding:8px;background:#e7edf8;color:var(--blue);margin-right:10px;cursor:pointer}.career-dialog .label-title{display:block}.career-dialog .label-title strong{font-weight:600}.career-dialog .optional{font-weight:400;color:#727b89}.career-dialog p.file-help,.career-dialog p.career-privacy{font-size:12px;line-height:1.5;margin:-7px 0 0}.career-dialog p.career-status{font-size:13px;margin:0;line-height:1.5}.career-status:empty{display:none}.career-status.error{color:#b42318}.career-dialog p.career-pending{font-size:13px;line-height:1.6;margin:0;background:#f2f4f8;border-radius:10px;padding:12px}.career-submit{border:0;border-radius:11px;padding:13px;background:var(--blue);color:white;font-weight:500}.career-submit:disabled{opacity:.45;cursor:not-allowed}@media(max-width:480px){.career-dialog{padding:26px 20px}.career-row{grid-template-columns:1fr}}

.career-dialog[open]{animation:career-open .22s ease-out both}.career-dialog.career-closing{animation:career-close .18s ease-in both}.career-dialog[open]::backdrop{animation:career-backdrop-open .22s ease-out both}.career-dialog.career-closing::backdrop{animation:career-backdrop-close .18s ease-in both}.career-thanks{text-align:center;max-width:440px}.career-thanks h2{margin:16px 0 12px}.career-thanks p{font-size:15px;line-height:1.7}.career-thanks .career-submit{width:100%;margin-top:12px}.career-check{width:52px;height:52px;border-radius:50%;background:#e8eef9;color:var(--blue);font-size:28px;display:grid;place-items:center;margin:4px auto 0}
@keyframes career-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes career-close{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}@keyframes career-backdrop-open{from{opacity:0}to{opacity:1}}@keyframes career-backdrop-close{from{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.career-dialog[open],.career-dialog.career-closing,.career-dialog[open]::backdrop{animation:none}}
.career-dialog .career-privacy{color:#536071;margin:0;font-size:12px;line-height:1.5}.career-privacy a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.career-dialog .career-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.career-dialog #career-send-status{min-height:0}
