:root{--fundo:#F8F6FC;--fundo2:#EEE9F6;--escuro:#3B3157;--medio:#A99BC9;--claro:#D6CDEA;--destaque:#C9A86A;--texto:#2E2840;--suave:#6C6582;--serif:'DM Serif Display',serif;--sans:'Nunito Sans',system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--fundo);color:var(--texto);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit}
.box{max-width:1080px;margin:0 auto;padding:0 20px}
.topo{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--fundo) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--claro)}
.topo .box{display:flex;align-items:center;justify-content:space-between;height:64px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--escuro)}
.marca svg{width:38px;height:38px}
.marca b{font:400 26px var(--serif);line-height:1}
.marca small{display:block;font:700 10px var(--sans);letter-spacing:3px;text-transform:uppercase;color:var(--destaque);margin-top:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 26px;font:700 15px var(--sans);text-decoration:none;border:1.5px solid var(--escuro);cursor:pointer;transition:transform .15s}
.btn:active{transform:scale(.97)}
.btn.cheio{background:var(--escuro);color:var(--fundo)}
.btn.vazio{background:transparent;color:var(--escuro)}
.btn.peq{padding:9px 16px;font-size:13px}
.hero{padding:40px 0 56px}
.hero .box{display:grid;gap:36px;align-items:center}
.selo{display:inline-block;background:var(--fundo2);color:var(--escuro);font:700 12px var(--sans);border-radius:999px;padding:6px 12px;margin-bottom:16px}
h1{font:400 clamp(36px,6vw,56px)/1.06 var(--serif);color:var(--escuro);letter-spacing:-.3px}
h1 em{font-style:normal;color:var(--destaque)}
.lista{list-style:none;padding:0;margin:22px 0 28px;display:grid;gap:10px}
.lista li{display:flex;gap:10px;align-items:flex-start}
.lista li:before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:var(--claro) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233B3157' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center/13px no-repeat;margin-top:2px}
.acoes{display:flex;flex-wrap:wrap;gap:12px}
.nota{font-size:13px;color:var(--suave);margin-top:14px}
.retrato{position:relative;max-width:480px;width:100%;justify-self:center}
.retrato img{width:100%;height:auto;aspect-ratio:1600/1840;object-fit:cover;border-radius:240px 240px 28px 28px;box-shadow:0 30px 60px rgba(59,49,87,.22)}
.etiqueta{position:absolute;left:14px;bottom:14px;background:var(--fundo);border-radius:14px;padding:10px 14px;display:flex;gap:10px;align-items:center;box-shadow:0 6px 20px rgba(59,49,87,.15)}
.etiqueta i{width:10px;height:10px;border-radius:50%;background:#4CAF50;display:block}
.etiqueta b{display:block;font-size:14px;color:var(--escuro)}
.etiqueta span{font-size:12px;color:var(--suave)}
section{padding:64px 0}
.alt{background:var(--fundo2)}
.kicker{font:800 12px var(--sans);letter-spacing:2px;text-transform:uppercase;color:var(--destaque)}
h2{font:400 clamp(30px,4.5vw,42px)/1.12 var(--serif);color:var(--escuro);margin:8px 0 12px}
.lead{color:var(--suave);max-width:600px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:28px}
.card{background:#fff;border:1px solid var(--claro);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:6px;text-decoration:none}
.card .ic{width:44px;height:44px;border-radius:14px;background:var(--fundo2);display:grid;place-items:center;color:var(--escuro);margin-bottom:8px}
.card .ic svg{width:24px;height:24px}
.card h3{font:800 17px var(--sans);color:var(--escuro)}
.card p{font-size:14px;color:var(--suave)}
.aviso{font-size:13px;color:var(--suave);margin-top:18px}
.video{display:grid;gap:28px;align-items:center}
.player{border-radius:24px;overflow:hidden;aspect-ratio:9/16;max-width:360px;width:100%;background:var(--escuro);box-shadow:0 30px 60px rgba(59,49,87,.25)}
.player video{width:100%;height:100%;object-fit:cover}
.passos{display:grid;gap:14px;margin:22px 0}
.passo{display:flex;gap:14px;align-items:flex-start}
.passo b{flex:0 0 32px;height:32px;border-radius:50%;background:var(--escuro);color:var(--fundo);display:grid;place-items:center;font-size:14px}
.passo span{color:var(--suave)}

/* Carrossel "Meus trabalhos" */
.trab-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.frase{font:400 22px/1.4 var(--serif);color:var(--escuro);border-left:3px solid var(--destaque);padding-left:14px;max-width:560px;margin-top:6px}
.frase small{display:block;font:700 12px var(--sans);color:var(--suave);margin-top:6px}
.setas{display:none;gap:8px}
.setas button{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--escuro);background:transparent;color:var(--escuro);font-size:20px;cursor:pointer}
.carrossel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:28px 20px 12px;margin:0 -20px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.carrossel::-webkit-scrollbar{display:none}
.slide{flex:0 0 78%;max-width:300px;scroll-snap-align:center;display:flex;flex-direction:column;gap:12px}
.pergunta{background:#fff;border:1px solid var(--claro);border-radius:18px;padding:14px 16px;font:400 20px/1.25 var(--serif);color:var(--escuro);min-height:76px;display:flex;align-items:center;gap:10px}
.pergunta:before{content:"?";flex:0 0 28px;height:28px;border-radius:50%;background:var(--destaque);color:#fff;font:800 15px var(--sans);display:grid;place-items:center}
.slide video{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:20px;background:var(--escuro);box-shadow:0 18px 40px rgba(59,49,87,.2)}
.pontos{display:flex;justify-content:center;gap:6px;margin-top:10px}
.pontos i{width:7px;height:7px;border-radius:50%;background:var(--claro);transition:all .2s}
.pontos i.on{width:20px;border-radius:4px;background:var(--escuro)}

/* Materiais */
.bandeja{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}
.item{background:#fff;border:1px solid var(--claro);border-radius:22px;padding:16px;display:flex;flex-direction:column;gap:6px}
.item .ilu{aspect-ratio:1/1;border-radius:16px;background:radial-gradient(circle at 50% 40%,#fff 0%,var(--fundo2) 75%);display:grid;place-items:center;margin-bottom:6px}
.item .ilu svg{width:78%;height:78%;filter:drop-shadow(0 10px 12px rgba(59,49,87,.18))}
.item h3{font:800 16px var(--sans);color:var(--escuro)}
.item p{font-size:13.5px;color:var(--suave);line-height:1.5}

.perfil{background:#fff;border:1px solid var(--claro);border-radius:28px;padding:28px;display:grid;gap:22px}
.perfil .topo-p{display:flex;gap:16px;align-items:center}
.perfil .topo-p img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--claro)}
.perfil h3{font:400 30px var(--serif);color:var(--escuro);line-height:1.1}
.perfil .sub{font-size:14px;color:var(--suave)}
.citacao{font:400 21px/1.5 var(--serif);color:var(--escuro);border-left:3px solid var(--destaque);padding-left:16px}
.quals{display:grid;gap:8px;font-size:14px}
.link-formacao{display:inline-block;margin-top:18px;font:800 14px var(--sans);color:var(--escuro);text-decoration:none;border-bottom:2px solid var(--destaque);padding-bottom:2px}
.historia p:not(.kicker):not(.citacao){color:var(--suave);margin-bottom:12px}
.historia em{font-style:normal;color:var(--escuro);font-weight:800}
.historia .desafio{background:var(--fundo2);border-radius:16px;padding:16px 18px;font:400 21px/1.35 var(--serif);color:var(--escuro)!important;margin:18px 0 6px}
.historia .assina{font:400 22px var(--serif);color:var(--escuro)!important;margin:4px 0 18px}

/* Formação e certificados */
.formacao{display:grid;gap:22px;margin-top:28px}
.linha{list-style:none;padding:0;display:grid;gap:0}
.linha li{display:flex;gap:16px;position:relative;padding-bottom:20px}
.linha li:not(:last-child):after{content:"";position:absolute;left:27px;top:44px;bottom:0;width:2px;background:var(--claro)}
.linha b{flex:0 0 56px;height:44px;border-radius:14px;background:var(--fundo2);color:var(--escuro);display:grid;place-items:center;font:800 14px var(--sans)}
.linha li.agora b{background:var(--escuro);color:var(--fundo)}
.linha strong{display:block;color:var(--escuro);line-height:1.35;padding-top:2px}
.linha span{display:block;font-size:14px;color:var(--suave);margin-top:2px}
.mente{background:var(--escuro);color:var(--fundo);border-radius:28px;padding:28px;align-self:start}
.mente .kicker{color:var(--destaque)}
.mente h3{font:400 28px/1.15 var(--serif);margin:8px 0 12px}
.mente p{color:color-mix(in srgb,var(--fundo) 82%,transparent)}
.mente p+p{margin-top:12px}
.mente strong{color:var(--fundo)}
.mente .citacao{color:var(--fundo);margin-top:18px;font-size:19px}
.tit-cert{font:400 28px var(--serif);color:var(--escuro);margin-top:48px}
.certs{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}
.certs button{background:#fff;border:1px solid var(--claro);border-radius:18px;padding:10px;cursor:zoom-in;text-align:left;font:inherit;color:var(--escuro);display:flex;flex-direction:column;gap:8px;transition:transform .15s,box-shadow .15s}
.certs button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(59,49,87,.14)}
.certs img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;background:var(--fundo2)}
.certs span{font:700 13px/1.35 var(--sans);padding:0 4px 4px}
.zoom{margin:auto;border:0;padding:0;background:transparent;width:min(1100px,94vw);max-width:none;max-height:94vh;overflow:visible}
.zoom img.carregando{visibility:hidden}
.zoom::backdrop{background:rgba(30,24,46,.86)}
.zoom figure{margin:0}
.zoom img{max-width:100%;max-height:80vh;border-radius:12px;margin:0 auto;box-shadow:0 30px 60px rgba(0,0,0,.4)}
.zoom figcaption{color:#fff;text-align:center;font:700 15px var(--sans);margin-top:12px}
.zoom button{width:46px;height:46px;border-radius:50%;border:0;background:var(--fundo);color:var(--escuro);font-size:22px;cursor:pointer}
.zoom figure{position:relative;width:fit-content;margin:0 auto}
.zoom .fechar{position:absolute;top:10px;right:10px;z-index:1;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.zoom .nav{display:flex;justify-content:center;gap:12px;margin-top:12px}
.confirmar{background:#FFF4C7;color:#6A5300;border-radius:6px;padding:0 6px;font-size:12px;font-weight:800;white-space:nowrap}
.final{text-align:center}
.final .slogan{font:400 clamp(30px,5vw,42px)/1.2 var(--serif);color:var(--escuro);margin:6px auto 22px;max-width:760px}
footer{padding:36px 0 48px;border-top:1px solid var(--claro);font-size:13px;color:var(--suave)}
footer .box{display:grid;gap:10px}
@media(min-width:720px){.bandeja{grid-template-columns:repeat(3,1fr)}.slide{flex-basis:300px}.certs{grid-template-columns:repeat(3,1fr)}}
@media(min-width:860px){.hero .box{grid-template-columns:1.05fr 1fr}.video{grid-template-columns:360px 1fr}.perfil{grid-template-columns:1fr 1.2fr;padding:40px}.setas{display:flex}.bandeja{grid-template-columns:repeat(5,1fr)}.formacao{grid-template-columns:1.15fr 1fr;gap:40px}.mente{padding:36px}.certs{grid-template-columns:repeat(4,1fr)}}
/* No celular, a foto entra logo depois do título */
@media(max-width:859px){
  .hero .box{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .hero-texto{display:contents}
  .hero .selo{order:1;align-self:flex-start}
  .hero h1{order:2}
  .retrato{order:3;margin:24px auto 4px;max-width:340px}
  .hero .lista{order:4}
  .hero .acoes{order:5}
  .hero .nota{order:6}
}
@media(max-width:520px){.topo .btn{display:none}.acoes .btn{width:100%}}