/* Minoru Raphael · site padrão Apple · tokens do DESIGN.md (paleta oficial de 25/09/2026) e guia DESIGN-site-apple.md */
@font-face{font-family:"Inter";font-style:normal;font-weight:400 600;font-display:swap;src:url("/fonts/inter-var-latin.woff2") format("woff2")}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:107%;ascent-override:90%;descent-override:22%;line-gap-override:0%}

:root{
  --branco:#FFFFFF;--cinza-0:#F5F6F7;--cinza-1:#DDE1E6;--cinza-2:#B7BEC8;
  --texto:#4A4E56;--mudo:#5C616B;--tinta:#23262B;
  --dourado:#D4B895;--dourado-hover:#C9A36D;--dourado-texto:#86673A;--dourado-0:#FBF7ED;
  --fonte:"Inter","Inter Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --menu-h:44px;--curva:cubic-bezier(.4,0,.6,1);--raio:28px;
}
@media(max-width:734px){:root{--menu-h:48px}}
*,*::before,*::after{box-sizing:border-box}
html{font-family:var(--fonte);font-size:100%;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--branco);color:var(--texto);font-size:17px;line-height:1.47;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0;color:var(--tinta);font-weight:600;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0}
a{color:var(--dourado-texto);text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}
main{max-width:2560px;margin-inline:auto;padding-top:var(--menu-h)}
.pular{position:absolute;left:-999px;top:8px;background:var(--tinta);color:var(--branco);padding:10px 14px;border-radius:12px;z-index:10000}
.pular:focus{left:12px}

/* menu */
.menu{position:fixed;inset:0 0 auto 0;height:var(--menu-h);z-index:1000;background:transparent;border-bottom:1px solid transparent;
  transition:background-color .24s var(--curva),-webkit-backdrop-filter .24s var(--curva),backdrop-filter .24s var(--curva),border-color .24s var(--curva)}
.menu.rolou{background:rgba(255,255,255,.8);-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);border-bottom-color:var(--cinza-1)}
.menu__in{max-width:1024px;margin:0 auto;height:100%;padding-inline:22px;display:flex;align-items:center;gap:28px}
.menu__marca{font-weight:600;font-size:17px;letter-spacing:0;color:var(--tinta);margin-right:auto;white-space:nowrap}
.menu__marca:hover{text-decoration:none}
.menu__links{display:flex;gap:28px}
.menu__links a{font-size:13px;letter-spacing:-.005em;color:var(--texto);opacity:.88;transition:opacity .24s var(--curva)}
.menu__links a:hover,.menu__links a[aria-current="page"]{opacity:1;color:var(--tinta);text-decoration:none}
.menu__estado,.menu__icone{display:none}
.menu.escuro .menu__marca,.menu.escuro .menu__links a{color:var(--cinza-0)}
.menu.escuro.rolou{background:rgba(35,38,43,.8);border-bottom-color:rgba(255,255,255,.12)}
@media(max-width:899px){
  .menu__in{gap:10px;padding-inline:16px 6px}
  .menu__links{display:none}
  .menu__icone{display:block;width:44px;height:44px;position:relative;cursor:pointer}
  .menu__icone span{position:absolute;left:14px;right:14px;height:1.5px;background:var(--tinta);transition:transform .24s var(--curva),top .24s var(--curva)}
  .menu.escuro .menu__icone span{background:var(--cinza-0)}
  .menu__icone span:first-child{top:19px}.menu__icone span:last-child{top:25px}
  .menu__estado:checked~.menu__icone span:first-child{top:22px;transform:rotate(45deg)}
  .menu__estado:checked~.menu__icone span:last-child{top:22px;transform:rotate(-45deg)}
  .menu:has(.menu__estado:checked){background:var(--branco)}
  .menu:has(.menu__estado:checked) .menu__marca{color:var(--tinta)}
  .menu:has(.menu__estado:checked) .menu__icone span{background:var(--tinta)}
  .menu:has(.menu__estado:checked) .menu__links{display:flex;flex-direction:column;gap:20px;position:fixed;inset:var(--menu-h) 0 0 0;padding:32px 22px;background:var(--branco)}
  .menu:has(.menu__estado:checked) .menu__links a{font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--tinta);opacity:1}
}

/* botões */
.botao{display:inline-block;font:inherit;font-size:17px;line-height:1.18;letter-spacing:-.014em;padding:11px 21px;border:1px solid transparent;border-radius:980px;text-align:center;cursor:pointer;
  transition:background-color .24s var(--curva),color .24s var(--curva),border-color .24s var(--curva)}
.botao:hover{text-decoration:none}
.botao--p{background:var(--dourado);color:var(--tinta)}
.botao--p:hover{background:var(--dourado-hover)}
.botao--s{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.botao--s:hover{background:var(--tinta);color:var(--branco)}
.escuro .botao--s,.heroi--escuro .botao--s,.tile--escuro .botao--s{color:var(--cinza-0);border-color:var(--cinza-0)}
.escuro .botao--s:hover,.heroi--escuro .botao--s:hover,.tile--escuro .botao--s:hover{background:var(--cinza-0);color:var(--tinta)}
.botao--menu{font-size:13px;padding:5px 13px;white-space:nowrap}
.escuro .botao:focus-visible,.heroi--escuro .botao:focus-visible,.tile--escuro .botao:focus-visible{outline-color:var(--cinza-0)}
@media(max-width:734px){.botao{font-size:15px;padding:10px 18px}.botao--menu{font-size:12px;padding:5px 11px}}
.acoes{display:flex;gap:17px;justify-content:center;margin-top:17px;flex-wrap:wrap}
@media(max-width:734px){.acoes{gap:14px;margin-top:11px}}

.eyebrow{font-size:17px;font-weight:600;line-height:1.2;color:var(--dourado-texto);margin-bottom:12px;letter-spacing:0}
.escuro .eyebrow{color:var(--dourado)}
@media(max-width:734px){.eyebrow{font-size:15px}}

/* herói */
.heroi{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;overflow:clip;
  min-height:420px;padding:56px 22px 63px;background:var(--branco);color:var(--texto)}
.heroi--escuro{background:var(--tinta);color:var(--cinza-2);min-height:clamp(500px,calc(80vh - var(--menu-h)),692px)}
.heroi h1:not(.eyebrow),.heroi h2{font-size:clamp(32px,4.4vw + 8px,56px);line-height:1.08;letter-spacing:-.025em;max-width:18ch;margin-inline:auto}
.heroi--escuro h1:not(.eyebrow),.heroi--escuro h2{color:var(--cinza-0)}
.heroi__apoio{margin:6px auto 0;font-size:clamp(20px,1.2vw + 12px,28px);line-height:1.17;letter-spacing:-.012em;max-width:32ch;text-wrap:balance}
.heroi__texto{position:relative;z-index:2;width:100%}
.heroi__nota{margin:14px auto 0;font-size:19px;line-height:1.3;max-width:38ch;text-wrap:balance}
.heroi__foto{position:relative;margin:44px auto 0;width:min(100%,760px)}
.heroi__foto img{width:100%;height:auto;border-radius:var(--raio);box-shadow:0 24px 60px rgba(35,38,43,.18)}
.heroi--escuro .heroi__foto{margin-bottom:-63px;border-radius:var(--raio) var(--raio) 0 0;overflow:clip}
.heroi--escuro .heroi__foto img{border-radius:var(--raio) var(--raio) 0 0;box-shadow:none}
.heroi__foto figcaption{margin-top:10px;font-size:13px;color:var(--mudo)}
.heroi--escuro .heroi__foto figcaption{display:none}
.heroi--artigo h1:not(.eyebrow),.heroi--artigo h2{max-width:20ch}
@media(max-width:1068px){.heroi{padding:54px 22px 61px}.heroi--escuro .heroi__foto{margin-bottom:-61px}}
@media(max-width:734px){.heroi{padding:39px 22px 43px;min-height:360px}.heroi--escuro{min-height:500px}.heroi--escuro .heroi__foto{margin-bottom:-43px;margin-top:32px}.heroi__nota{font-size:17px}}

/* faixa de destaque */
.faixa{background:var(--cinza-0);text-align:center;padding:120px 22px;margin-top:12px}
.faixa--branca{background:var(--branco)}
.faixa--escura{background:var(--tinta);color:var(--cinza-2)}
.faixa--quente{background:var(--dourado-0)}
.faixa h2{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;max-width:20ch;margin:0 auto}
.faixa--escura h2{color:var(--cinza-0)}
.faixa__apoio{margin:10px auto 0;font-size:clamp(19px,.6vw + 14px,21px);line-height:1.19;letter-spacing:-.01em;max-width:34ch;text-wrap:balance}
.faixa__texto{margin:14px auto 0;font-size:17px;line-height:1.47;max-width:46ch;text-wrap:pretty}
.faixa--foto{display:flex;flex-direction:column;align-items:center}
.faixa__foto{margin:44px auto 0;width:min(100%,520px)}
.faixa__foto img{width:100%;height:auto;border-radius:var(--raio);box-shadow:0 20px 50px rgba(35,38,43,.16)}
.faixa__foto figcaption{margin-top:10px;font-size:13px;color:var(--mudo)}
.link-seta{display:inline-block;margin-top:20px;font-size:19px;letter-spacing:-.011em;color:var(--dourado-texto)}
.link-seta::after{content:" \203A";display:inline-block;transition:transform .24s var(--curva)}
.link-seta:hover::after{transform:translateX(4px)}
.link-seta:hover{text-decoration:underline;text-underline-offset:4px}
.escuro .link-seta,.faixa--escura .link-seta,.tile--escuro .link-seta{color:var(--dourado)}
@media(max-width:1068px){.faixa{padding:96px 22px}}
@media(max-width:734px){.faixa{padding:72px 22px}.faixa h2{font-size:30px}.faixa__foto{margin-top:32px}}

/* tiles */
.tiles-sec{margin-top:12px;background:var(--branco)}
.tiles-cab{text-align:center;padding:96px 22px 52px}
.tiles-cab h2{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;max-width:20ch;margin:0 auto}
.tiles-cab p{margin:10px auto 0;font-size:clamp(19px,.6vw + 14px,21px);line-height:1.19;max-width:34ch;text-wrap:balance}
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-inline:12px}
.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:clip;
  min-height:420px;padding:53px 22px 60px;background:var(--cinza-0);color:var(--texto)}
.tile--escuro{background:var(--tinta);color:var(--cinza-2)}
.tile h3,.tile__frase{font-size:clamp(28px,2vw + 14px,40px);line-height:1.1;letter-spacing:-.02em}
.tile__frase{max-width:18ch;margin:28px auto 0;text-wrap:balance}
.tile--escuro h3,.tile--escuro .tile__frase{color:var(--cinza-0)}
.tile__apoio{margin:6px auto 0;font-size:clamp(19px,.6vw + 14px,21px);line-height:1.19;letter-spacing:-.01em;max-width:26ch;text-wrap:balance}
.tile .link-seta{margin-top:14px;font-size:17px}
.tile:last-child:nth-child(odd){grid-column:1/-1}
.tiles--3 .tile{min-height:360px}
.tiles-fim{height:12px}
@media(max-width:1068px){.tile{min-height:380px;padding:44px 22px 48px}.tiles-cab{padding:72px 22px 40px}}
@media(max-width:734px){.tiles{grid-template-columns:1fr;gap:12px;padding-inline:0}.tile{min-height:300px;padding:39px 22px 43px}.tile:last-child:nth-child(odd){grid-column:auto}.tiles-cab{padding:56px 22px 32px}.tiles--3 .tile{min-height:280px}}

/* logos */
.logos{background:var(--branco);text-align:center;padding:96px 22px 72px;margin-top:12px}
.logos h2{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;max-width:20ch;margin:0 auto 40px}
.logos__lista{list-style:none;margin:0 auto;padding:0;max-width:980px;display:flex;flex-wrap:wrap;gap:20px 44px;justify-content:center;align-items:center}
.logos__lista li{font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--mudo)}
.logos__texto{margin:40px auto 0;font-size:19px;line-height:1.38;max-width:46ch;text-wrap:pretty}
.logos__texto+.logos__texto{margin-top:14px}
@media(max-width:734px){.logos{padding:72px 22px 56px}.logos__lista{gap:14px 28px}.logos__lista li{font-size:19px}.logos__texto{margin-top:32px;font-size:17px}}

/* citação */
.citacao{margin:12px 0 0;background:var(--cinza-0);text-align:center;padding:120px 22px}
.citacao--escura{background:var(--tinta)}
.citacao::before{content:"";display:block;width:32px;height:2px;background:var(--dourado);margin:0 auto 32px}
.citacao__tit{font-size:21px;font-weight:600;color:var(--dourado-texto);margin-bottom:28px;letter-spacing:0}
.citacao--escura .citacao__tit{color:var(--dourado)}
.citacao blockquote{margin:0 auto;max-width:22ch}
.citacao blockquote+blockquote{margin-top:36px}
.citacao p{font-size:clamp(24px,2.4vw + 10px,40px);line-height:1.15;letter-spacing:-.02em;font-weight:600;color:var(--tinta);text-wrap:balance}
.citacao--escura p{color:var(--cinza-0)}
.citacao figcaption,.citacao__autor{margin-top:24px;font-size:17px;color:var(--mudo)}
.citacao--escura figcaption{color:var(--cinza-2)}
.citacao__apoio{margin:28px auto 0;font-size:19px;line-height:1.38;max-width:44ch;text-wrap:pretty}
.citacao--escura .citacao__apoio{color:var(--cinza-2)}
.citacao__sub{margin:0 auto 28px;font-size:21px;line-height:1.19;max-width:30ch;color:var(--texto)}
.citacao--escura .citacao__sub{color:var(--cinza-2)}
.citacao h2{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;max-width:20ch;margin:0 auto 24px}
.citacao--escura h2{color:var(--cinza-0)}
@media(max-width:734px){.citacao{padding:72px 22px}.citacao__apoio{font-size:17px}}

/* leitura: lista, linha do tempo, ficha, passos, perguntas */
.leitura{background:var(--branco);margin-top:12px;padding:96px 22px}
.leitura--cinza{background:var(--cinza-0)}
.leitura__in{max-width:680px;margin:0 auto}
.leitura h2{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;text-align:center;margin-bottom:12px}
.leitura__apoio{text-align:center;font-size:21px;line-height:1.19;margin:0 auto 40px;max-width:32ch;text-wrap:balance}
.leitura h2+.lista,.leitura h2+.tempo,.leitura h2+.passos,.leitura h2+.ficha{margin-top:40px}
.leitura p{margin-top:14px;font-size:17px;line-height:1.47}
.leitura__corpo p:first-child{margin-top:0}
.leitura .acoes{justify-content:center}
.lista{list-style:none;display:grid;gap:0;margin-top:8px}
.lista li{padding:18px 0;border-bottom:1px solid var(--cinza-1)}
.lista li:last-child{border-bottom:0}
.lista strong{display:block;font-size:21px;font-weight:600;color:var(--tinta);letter-spacing:-.014em;margin-bottom:2px}
.tempo{list-style:none;border-left:1px solid var(--cinza-2);margin-left:6px}
.tempo li{position:relative;padding:0 0 28px 28px}
.tempo li:last-child{padding-bottom:0}
.tempo li::before{content:"";position:absolute;left:-5px;top:.55em;width:9px;height:9px;border-radius:50%;background:var(--dourado)}
.tempo strong{display:block;font-size:19px;color:var(--tinta);font-weight:600}
.tempo__foto{margin:14px 0 0;max-width:300px}
.tempo__foto img{width:100%;height:auto;border-radius:var(--raio);box-shadow:0 12px 32px rgba(35,38,43,.14)}
.tempo__foto figcaption{margin-top:8px;font-size:13px;color:var(--mudo)}
.ficha{width:100%;border-collapse:collapse;font-size:17px;margin-top:8px}
.ficha th,.ficha td{padding:16px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--cinza-1)}
.ficha tr:last-child th,.ficha tr:last-child td{border-bottom:0}
.ficha th{width:30%;padding-right:20px;font-weight:600;color:var(--tinta)}
@media(max-width:560px){.ficha,.ficha tbody,.ficha tr,.ficha th,.ficha td{display:block;width:100%}.ficha th{border-bottom:0;padding:16px 0 2px}.ficha td{padding:0 0 16px}}
@media(max-width:1068px){.leitura{padding:72px 22px}}
@media(max-width:734px){.leitura{padding:56px 22px}.leitura__apoio{font-size:19px;margin-bottom:28px}.lista strong{font-size:19px}}
.mais{margin-top:12px;background:var(--branco)}
.mais--cinza{background:var(--cinza-0)}
.mais>.mais__in{max-width:680px;margin:0 auto}
.mais>details>summary{cursor:pointer;list-style:none;padding:36px 22px;position:relative;text-align:center;min-height:48px}
.mais>details>summary::-webkit-details-marker{display:none}
.mais>details>summary h2{display:inline;font-size:clamp(24px,2.4vw + 10px,36px);line-height:1.1;letter-spacing:-.02em;padding-right:44px;position:relative}
.mais>details>summary h2::after{content:"";position:absolute;right:6px;top:.28em;width:14px;height:14px;border-right:2px solid var(--dourado-texto);border-bottom:2px solid var(--dourado-texto);transform:rotate(45deg) translate(-3px,-3px);transition:transform .24s var(--curva)}
.mais>details[open]>summary h2::after{transform:rotate(-135deg) translate(-3px,-3px)}
.mais__corpo{padding:0 22px 72px}
.mais__corpo>.mais__in{max-width:680px;margin:0 auto}
.mais__corpo p{margin-top:14px}
.perguntas{display:grid;gap:0;margin-top:8px}
.perguntas details{border-bottom:1px solid var(--cinza-1)}
.perguntas summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;position:relative;font-size:21px;font-weight:600;line-height:1.25;color:var(--tinta);letter-spacing:-.014em;min-height:48px}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"";position:absolute;right:6px;top:28px;width:10px;height:10px;border-right:2px solid var(--dourado-texto);border-bottom:2px solid var(--dourado-texto);transform:rotate(45deg);transition:transform .24s var(--curva)}
.perguntas details[open] summary::after{transform:rotate(-135deg)}
.perguntas .resp{padding:0 0 22px}
.perguntas .resp p{margin-top:0}
.perguntas .resp p+p{margin-top:12px}
.perguntas .resp a,.perguntas details a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:734px){.perguntas summary{font-size:19px}.mais__corpo{padding-bottom:56px}.mais>details>summary{padding:28px 22px}}

/* artigo */
.artigo{background:var(--branco);padding:72px 22px 96px}
.artigo__in{max-width:680px;margin:0 auto}
.artigo__essencial{background:var(--dourado-0);border-radius:18px;padding:28px 28px 12px;margin-bottom:56px}
.artigo__essencial h2{font-size:24px;line-height:1.15;letter-spacing:-.02em;margin-bottom:16px}
.artigo__essencial ul{list-style:none}
.artigo__essencial li{padding:0 0 16px 22px;position:relative}
.artigo__essencial li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--dourado)}
.artigo h2.sec{font-size:clamp(24px,2vw + 12px,32px);line-height:1.15;letter-spacing:-.02em;margin:56px 0 12px}
.artigo p{margin-top:14px;font-size:19px;line-height:1.5}
.artigo ul.pontos{margin:14px 0 0 1.2em;font-size:19px;line-height:1.5}
.artigo ul.pontos li{margin-top:8px}
.artigo .acoes{justify-content:flex-start}
.artigo__transc{margin-top:28px;background:var(--cinza-0);border-radius:18px}
.artigo__transc summary{cursor:pointer;list-style:none;padding:20px 28px;font-weight:600;color:var(--tinta);min-height:48px}
.artigo__transc summary::-webkit-details-marker{display:none}
.artigo__transc div{padding:0 28px 22px}
.artigo__transc p{font-size:17px}
.artigo__prox{margin-top:56px;padding-top:28px;border-top:1px solid var(--cinza-1);font-size:17px}
.artigo__prox a{margin-right:20px;display:inline-block}
.blog-lista{list-style:none}
@media(max-width:734px){.artigo{padding:48px 22px 72px}.artigo p,.artigo ul.pontos{font-size:17px}.artigo__essencial{padding:22px 22px 8px}}

/* rodapé */
.rodape{background:var(--cinza-0);color:var(--mudo);font-size:12px;line-height:1.33;letter-spacing:-.005em;margin-top:12px}
.rodape__in{max-width:980px;margin:0 auto;padding:20px 22px 28px}
.rodape__cols{display:flex;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--cinza-1)}
.rodape__cols>div{flex:1 1 0}
.rodape h2{font-size:12px;font-weight:600;color:var(--tinta);margin:0 0 8px;letter-spacing:-.005em;text-wrap:wrap}
.rodape ul{list-style:none;margin:0;padding:0}
.rodape li{margin:0 0 8px}
.rodape a{color:var(--texto);text-decoration:none}
.rodape a:hover{color:var(--tinta);text-decoration:none}
.rodape__id{padding-top:16px}
.rodape__legal{padding-top:8px}
.rodape__legal a{display:inline-block;margin:8px 16px 0 0}
.rodape__assina{padding-top:10px}
@media(max-width:734px){.rodape__cols{flex-direction:column;gap:20px}}

/* páginas legais, media kit e 404 (mesma identidade) */
.legal{padding:56px 22px 96px}
.legal .texto{max-width:680px;margin:0 auto}
.legal h1{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;margin:0 0 14px}
.legal h2{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:40px 0 10px}
.legal h3{font-size:19px;margin:24px 0 8px}
.legal p{margin:0 0 14px}
.legal ul,.legal ol{margin:0 0 14px 1.2em}
.legal li{margin-bottom:6px}
.legal table{width:100%;border-collapse:collapse;display:block;overflow-x:auto;margin:0 0 20px;font-size:15px}
.legal th,.legal td{border:1px solid var(--cinza-1);padding:9px 12px;text-align:left;vertical-align:top}
.legal th{background:var(--cinza-0);color:var(--tinta)}
.legal a,.artigo a,.mais a{text-decoration:underline;text-underline-offset:4px}
.legal .eyebrow{display:block;font-size:13px;font-weight:400;color:var(--mudo);margin-bottom:10px}
.lead{font-size:21px;line-height:1.3;color:var(--texto)}
.erro{padding:96px 22px;text-align:center}
.erro .texto{max-width:520px;margin:0 auto}
.erro h1{font-size:clamp(30px,3.4vw + 8px,44px);letter-spacing:-.022em;line-height:1.1;margin:0 0 14px}
.erro .acoes{margin-top:28px}
.km{padding:56px 22px 96px}
.km__in{max-width:680px;margin:0 auto}
.km h1{font-size:clamp(30px,3.4vw + 8px,44px);letter-spacing:-.022em;line-height:1.1;margin-bottom:8px}
.km h2{font-size:24px;line-height:1.2;letter-spacing:-.02em;margin:48px 0 10px}
.km p{margin:0 0 14px}
.km ul,.km ol{margin:0 0 14px 1.2em}
.km li{margin-bottom:6px}
.km .acoes{justify-content:flex-start;margin-top:20px}
.km a:not(.botao){text-decoration:underline;text-underline-offset:4px}
.km .ficha{margin-bottom:14px}
.km .tempo{margin-bottom:14px}
.km .paleta{list-style:none;margin:16px 0;padding:0;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.km .paleta li{margin:0;border:1px solid var(--cinza-1);border-radius:12px;overflow:hidden;background:var(--branco);font-size:14px}
.km .paleta i{display:block;height:44px;border-bottom:1px solid var(--cinza-1)}
.km .paleta span{display:block;padding:8px 10px}
.km details{border-bottom:1px solid var(--cinza-1)}
.km summary{cursor:pointer;list-style:none;padding:18px 40px 18px 0;position:relative;font-size:19px;font-weight:600;color:var(--tinta);min-height:48px}
.km summary::-webkit-details-marker{display:none}
.km summary::after{content:"";position:absolute;right:6px;top:24px;width:10px;height:10px;border-right:2px solid var(--dourado-texto);border-bottom:2px solid var(--dourado-texto);transform:rotate(45deg)}
.km details[open] summary::after{transform:rotate(-135deg)}
.km .resp,.km details>div{padding:0 0 18px}

@media print{.menu{display:none}main{padding-top:0}}

/* complementos */
.citacao--branca{background:var(--branco)}
.tile h3 a{color:inherit}
.tile h3 a:hover{text-decoration:none}
.tile h3 a::after{content:"";position:absolute;inset:0;z-index:3}
.tile .seta{color:var(--dourado-texto)}
.tile--escuro .seta{color:var(--dourado)}
.tile--link:hover h3 a{text-decoration:underline;text-underline-offset:6px}
.tiles-pos{text-align:center;padding:52px 22px 72px}
.tiles-pos .faixa__texto{margin-top:0}
.heroi__foto--retrato{width:min(100%,420px)}
.logos__fotos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:760px;margin:48px auto 0;text-align:left}
.logos__fotos--4{grid-template-columns:repeat(4,1fr);max-width:980px;align-items:start}
.logos__foto{margin:0}
.logos__foto img{width:100%;height:auto;border-radius:var(--raio);box-shadow:0 12px 32px rgba(35,38,43,.14)}
.logos__foto figcaption{margin-top:8px;font-size:13px;line-height:1.33;color:var(--mudo)}
@media(max-width:734px){.logos__fotos,.logos__fotos--4{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}}
.logos .link-seta,.logos__texto a{text-decoration:underline;text-underline-offset:4px}
.mais p a,.faixa__texto a,.perguntas a{text-decoration:underline;text-underline-offset:4px}
.artigo>.artigo__in>.link-seta{margin-top:18px}
.artigo__prox a{margin:0 10px}
.heroi--escuro .eyebrow,.faixa--escura .eyebrow,.tile--escuro .eyebrow{color:var(--dourado)}
.citacao blockquote{max-width:min(100%,640px)}
.link-seta::after{margin-left:.2em}
.menu.escuro{background:var(--tinta)}
.rodape__assina a{color:var(--tinta);font-weight:600}

/* logos de produto (abre a seção com a marca, como a Apple) */
.marca-logo{display:flex;justify-content:center;align-items:center;margin:0 0 20px;min-height:48px}
.marca-logo img{display:block;height:auto;max-height:48px;width:auto;max-width:100%}
.marca-logo--vazio{min-height:48px}
.heroi .marca-logo{margin-bottom:24px}
.faixa .marca-logo{margin-bottom:24px}
@media(max-width:734px){.marca-logo,.marca-logo--vazio{min-height:44px;margin-bottom:16px}.marca-logo img{max-height:44px}}

/* crédito do rodapé à direita; centralizado quando o rodapé empilha */
.rodape__assina{text-align:right}
.rodape__assina a,.rodape__assina a:hover,.rodape__assina a:focus,.rodape__assina a:focus-visible,.rodape__assina a:active{text-decoration:none}
@media(max-width:734px){.rodape__assina{text-align:center}}

/* ícone oficial do WhatsApp ao lado do texto de todo botão ou link de WhatsApp */
.ico-wa{display:inline-block;width:1.1em;height:1.1em;margin-right:.45em;vertical-align:-.2em;flex:none}

/* logo do Minoru no menu (troca de versão com o tema da seção) e no rodapé */
.menu__marca{display:flex;align-items:center;line-height:0}
.logo-minoru{display:block;height:auto;width:auto}
.menu__marca .logo-minoru{height:29px;width:auto;max-width:none}
.logo-minoru--branco{display:none}
.menu.escuro .logo-minoru--preto{display:none}
.menu.escuro .logo-minoru--branco{display:block}
.menu:has(.menu__estado:checked) .logo-minoru--preto{display:block}
.menu:has(.menu__estado:checked) .logo-minoru--branco{display:none}
.rodape__logo{margin:0;padding-top:16px;line-height:0}
.rodape__logo .logo-minoru{height:25px;width:auto}
@media(max-width:734px){.menu__marca .logo-minoru{height:28px}}

/* logos empilhados (mais altos que os de linha única) */
.marca-logo--alto{min-height:64px}
.marca-logo--alto img{max-height:64px}
@media(max-width:734px){.marca-logo--alto{min-height:56px}.marca-logo--alto img{max-height:56px}}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.tile .marca-logo--alto,.tile .marca-logo--largo{margin:0;min-height:0}
.tile .marca-logo--alto img{height:140px;width:auto;max-height:none}
.tile .marca-logo--largo img{width:280px;height:auto;max-width:100%;max-height:none}
.tile .marca-logo+.tile__apoio{margin-top:28px}
.tile:has(.marca-logo--alto),.tile:has(.marca-logo--largo){padding-block:60px}
.tile__mais{margin:14px 0 0;font-size:17px;line-height:1.2}
.tile__mais a{color:inherit}
.tile__mais a:hover{text-decoration:none}
.tile__mais a::after{content:"";position:absolute;inset:0;z-index:3}
@media(max-width:734px){.tile .marca-logo--alto img{height:96px}.tile .marca-logo--largo img{width:240px}.tile:has(.marca-logo--alto),.tile:has(.marca-logo--largo){padding-block:44px}}

/* tile inteiro clicável: foco, hover */
.tile--link{cursor:pointer}
.tile h3 a:focus-visible,.tile__mais a:focus-visible{outline:none}
.tile h3 a:focus-visible::after,.tile__mais a:focus-visible::after{outline:3px solid var(--dourado-texto);outline-offset:-8px;border-radius:18px}
.tile--escuro h3 a:focus-visible::after,.tile--escuro .tile__mais a:focus-visible::after{outline-color:var(--dourado)}
@media (prefers-reduced-motion:no-preference){
.tile--link .marca-logo img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.tile--link:hover .marca-logo img{transform:scale(1.04)}
}
.tile__mais .ico-wa{vertical-align:-3px;margin-right:7px}

/* faixa de logos em rolagem contínua: técnica da faixa de parceiros da CI9 (trilho duplicado, translateX -50%, pausa no hover), cores do Minoru */
.logos--faixa{padding-inline:0}
.logos--faixa h2,.logos--faixa .logos__texto{padding-inline:22px}
.faixa-logos{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.faixa-logos__trilho{display:flex;width:max-content;animation:faixa-logos 48s linear infinite;will-change:transform}
.faixa-logos:hover .faixa-logos__trilho,.faixa-logos:focus-within .faixa-logos__trilho{animation-play-state:paused}
@keyframes faixa-logos{from{transform:translateX(0)}to{transform:translateX(-25%)}}
.faixa-logos__lista{display:flex;align-items:center;flex:none;list-style:none;margin:0;padding:0}
.faixa-logos__lista li{display:flex;align-items:center;justify-content:center;flex:none;width:240px;height:56px}
.faixa-logos__lista img{display:block;height:auto}
.faixa-logos__nome{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1;color:#8a8f98;white-space:nowrap}
@media(max-width:734px){.faixa-logos__lista li{width:168px}.faixa-logos__nome{font-size:21px}}
@media (prefers-reduced-motion:reduce){
.faixa-logos{-webkit-mask-image:none;mask-image:none}
.faixa-logos__trilho{animation:none;width:auto;justify-content:center;padding-inline:22px;will-change:auto}
.faixa-logos__lista[aria-hidden="true"]{display:none}
.faixa-logos__lista{flex-wrap:wrap;justify-content:center;gap:20px 0}
.faixa-logos__lista li{width:auto;padding-inline:36px}
}

/* ===== padrão Apple: fundo em degradê de luminosidade, foto encostada na borda, ícones, botões ===== */
.tile{background:linear-gradient(180deg,#FFFFFF 0%,var(--cinza-0) 45%,#DDE1E6 100%)}
.tile--f-ouro{background:linear-gradient(180deg,#FFFFFF 0%,var(--dourado-0) 42%,#E6D6BE 100%)}
.tile--escuro,.tile--f-escuro{background:linear-gradient(180deg,#0B0C0E 0%,#17191C 50%,#2E3238 100%)}
.tile--img.tile--f-claro{background:linear-gradient(180deg,#FFFFFF 0%,var(--cinza-0) 38%,#C5CAD2 100%)}
.tile--img.tile--f-ouro{background:linear-gradient(180deg,#FFFFFF 0%,var(--dourado-0) 35%,var(--dourado) 100%)}
.tile--img{justify-content:flex-start;padding:56px 22px 0;min-height:680px}
.tiles--3 .tile--img{min-height:680px}
.tile__foto{margin:auto 0 0;padding-top:36px;width:min(100%,440px);overflow:clip;border-radius:var(--raio) var(--raio) 0 0;transform-origin:50% 100%}
.tile__foto img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio) var(--raio) 0 0;box-shadow:0 -12px 40px rgba(35,38,43,.14)}
.tile .acoes{margin-top:22px;position:relative;z-index:4}
.tile--escuro .botao--p{background:var(--dourado)}
.ico{display:inline-flex;align-items:center;justify-content:center;color:var(--dourado-texto)}
.ico svg{display:block}
.tile--escuro .ico,.faixa--escura .ico{color:var(--dourado)}
.ico--tile{width:56px;height:56px;border-radius:50%;background:rgba(212,184,149,.22);margin:0 0 18px}
.tile--escuro .ico--tile{background:rgba(212,184,149,.16)}
.tile .ico--tile+h3{margin-top:0}

/* passos do método: cartões visíveis, número em destaque */
.etapas{background:var(--cinza-0);margin-top:12px;padding:96px 22px}
.etapas__in{max-width:1024px;margin:0 auto}
.etapas h2{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;text-align:center}
.etapas__in>p{margin:28px auto 0;text-align:center;max-width:46ch}
.passos{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:48px}
.passos li{position:relative;display:flex;flex-direction:column;background:var(--branco);border-radius:var(--raio);padding:24px 22px 28px;min-height:230px;font-size:15px;line-height:1.4;text-align:left;background-image:linear-gradient(180deg,#fff 0%,#fff 55%,var(--dourado-0) 100%)}
.passos strong{display:block;font-size:19px;line-height:1.2;font-weight:600;color:var(--tinta);letter-spacing:-.014em;margin-bottom:6px}
.ico--passo{width:48px;height:48px;border-radius:16px;background:var(--dourado-0);margin-bottom:auto}
.passos li>.ico--passo+.passos__n+strong{margin-top:22px}
.passos__n{position:absolute;top:16px;right:20px;font-size:52px;line-height:1;font-weight:600;letter-spacing:-.05em;color:var(--dourado-texto)}
@media(max-width:1068px){.passos{grid-template-columns:repeat(2,1fr)}.etapas{padding:72px 22px}}
@media(max-width:734px){.passos{grid-template-columns:1fr;margin-top:32px}.passos li{min-height:0}.ico--passo{margin-bottom:18px}.passos li>.ico--passo+.passos__n+strong{margin-top:0}.etapas{padding:56px 22px}.tile--img,.tiles--3 .tile--img{min-height:0}.tile__foto{padding-top:28px}}

/* movimento: só opacity e transform, curva única, desligado em prefers-reduced-motion */
.botao{position:relative}
.botao::before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 10px 24px rgba(35,38,43,.22);opacity:0;pointer-events:none}
.botao--seta::after{content:"\203A";display:inline-block;margin-left:.35em}
@media (prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .botao{transition:background-color .24s var(--curva),color .24s var(--curva),border-color .24s var(--curva),transform .3s var(--curva)}
  .botao::before{transition:opacity .3s var(--curva)}
  .botao:hover{transform:translateY(-2px)}
  .botao:hover::before{opacity:1}
  .botao--seta::after{transition:transform .3s var(--curva)}
  .botao--seta:hover::after{transform:translateX(4px)}
  .js .sobe{opacity:0;transform:translateY(16px);transition:opacity .7s var(--curva),transform .7s var(--curva);transition-delay:calc(var(--i,0)*80ms)}
  .js .sobe--img{transform:translateY(24px) scale(.97)}
  .js .revela{opacity:0;transform:translateY(28px);transition:opacity .8s var(--curva),transform .8s var(--curva)}
  .js .sobe.visivel,.js .revela.visivel{opacity:1;transform:none}
  .js .tile__foto.visivel{transition-property:opacity,transform}
  .js .tile:hover .tile__foto.visivel{transform:scale(1.03);transition-delay:0s;transition-duration:.6s}
  .js .tile__foto.visivel img{animation:foto-tile 1.4s var(--curva) backwards}
  .heroi__foto[data-par]{transform:translateY(var(--py,0px))}
  @keyframes foto-heroi{from{transform:scale(1.06)}to{transform:none}}
  @keyframes foto-tile{from{transform:scale(1.03)}to{transform:none}}
}

/* ===== fotos sem moldura (padrão Apple): pessoa recortada sangrando pela base, cena full-bleed com fade, zero canto arredondado na foto ===== */
.heroi--rec,.heroi--cena{padding-bottom:0}
.heroi--escuro.heroi--rec,.heroi--escuro.heroi--cena{background:radial-gradient(ellipse 46% 40% at 50% 84%,rgba(212,184,149,.2),rgba(212,184,149,0) 70%),linear-gradient(180deg,#000 0%,#17191C 58%,#2E3238 100%)}
.heroi__recorte{position:relative;margin:22px auto 0;line-height:0;isolation:isolate;max-width:100%}
.heroi__recorte::before{content:"";position:absolute;z-index:-1;left:-34%;right:-34%;bottom:-6%;height:78%;background:radial-gradient(closest-side,rgba(212,184,149,.3),rgba(212,184,149,0) 72%);pointer-events:none}
.heroi__recorte img{width:auto;max-width:100%;height:clamp(360px,54vh,560px);border-radius:0;box-shadow:none;filter:drop-shadow(0 22px 30px rgba(0,0,0,.5));
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)}
.heroi__cena{position:relative;margin:36px -22px 0;width:calc(100% + 44px);height:clamp(300px,44vw,580px);line-height:0}
.heroi__cena img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%);mask-image:linear-gradient(180deg,transparent 0,#000 20%)}
.heroi--rec .heroi__texto,.heroi--cena .heroi__texto{padding-bottom:0}
@media(max-width:1068px){.heroi--rec,.heroi--cena{padding-bottom:0}}
@media(max-width:734px){.heroi--rec,.heroi--cena{padding-bottom:0}.heroi__recorte{margin-top:28px}.heroi__recorte img{height:clamp(300px,52vh,420px)}.heroi__cena{margin-top:28px;height:clamp(300px,96vw,420px)}}

/* Sobre: retrato com livro ao lado do texto */
.heroi--lado{background:radial-gradient(ellipse 36% 48% at 74% 78%,rgba(212,184,149,.28),rgba(212,184,149,0) 70%),linear-gradient(180deg,#FFFFFF 0%,var(--cinza-0) 58%,#DDE1E6 100%)}
.heroi--lado .heroi__recorte img{filter:drop-shadow(0 20px 26px rgba(35,38,43,.3));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 84%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 84%,transparent 100%)}
@media(min-width:900px){
  .heroi--lado{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);column-gap:56px;align-items:end;text-align:left;padding-inline:max(22px,calc((100% - 1080px)/2));min-height:560px}
  .heroi--lado .heroi__texto{align-self:center;padding-block:56px 72px}
  .heroi--lado h1:not(.eyebrow),.heroi--lado h2,.heroi--lado .heroi__apoio,.heroi--lado .heroi__nota{margin-inline:0}
  .heroi--lado .heroi__recorte{margin:0;justify-self:center}
  .heroi--lado .heroi__recorte img{height:clamp(420px,66vh,600px)}
}

/* tiles: recorte sangrando pela base, cena do tamanho do tile com fade no topo */
.tile--img,.tile.tile--img:has(.marca-logo--alto),.tile.tile--img:has(.marca-logo--largo){padding-bottom:0}
.tile__recorte{position:relative;margin:auto 0 0;padding-top:30px;line-height:0;isolation:isolate;transform-origin:50% 100%}
.tile__recorte::before{content:"";position:absolute;z-index:-1;left:-40%;right:-40%;bottom:-8%;height:72%;background:radial-gradient(closest-side,rgba(212,184,149,.26),rgba(212,184,149,0) 72%);pointer-events:none}
.tile__recorte img{width:min(72vw,330px);height:auto;border-radius:0;box-shadow:none;filter:drop-shadow(0 18px 22px rgba(0,0,0,.45));
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.tile__cena{margin:auto -22px 0;padding-top:0;width:calc(100% + 44px);height:420px;line-height:0;transform-origin:50% 100%}
.tile__cena img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none;aspect-ratio:auto;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%);mask-image:linear-gradient(180deg,transparent 0,#000 9%)}
.tile__cena img[src*="triptico-palestra"]{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 8%);mask-image:linear-gradient(180deg,transparent 0,#000 8%)}
.tile__cena--alta{height:540px}
.tile__cena--diag{height:540px}
@media(max-width:734px){.tile__cena--alta{height:340px}.tile__cena{height:340px}.tile__recorte img{width:min(72vw,300px)}.tile__cena--diag{height:440px}}

/* faixa de cenas da página de palestras: de lado a lado, sem caixa */
.logos .cena-faixa{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:56px -22px 0;text-align:left}
.cena-faixa__item{margin:0}
.cena-faixa__item img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:0;box-shadow:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
.cena-faixa__item figcaption{margin:6px 22px 0;font-size:13px;line-height:1.33;color:var(--mudo)}
@media(max-width:734px){.logos .cena-faixa{grid-template-columns:1fr 1fr;margin-top:40px}}

/* cena solta (foto pequena em página de leitura): sem caixa, bordas dissolvidas no fundo */
.logos__fotos--solo{grid-template-columns:1fr;max-width:420px}
.cena-solta img,.tempo__foto img{border-radius:0;box-shadow:none;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-composite:intersect}

/* movimento do recorte: sobe 24px + fade + escala 1.04→1; herói nasce visível (só transform), parallax curto */
@media (prefers-reduced-motion:no-preference){
  .heroi__recorte[data-par],.heroi__cena[data-par]{transform:translateY(var(--py,0px))}
  .heroi__recorte img{transform-origin:50% 100%}
  .js .tile__recorte.sobe{transform:translateY(24px) scale(1.04)}
  .js .tile__cena.sobe{transform:translateY(24px) scale(1.04)}
  .js .tile__recorte.sobe.visivel,.js .tile__cena.sobe.visivel{transform:none}
  @keyframes rec-heroi{from{transform:translateY(24px) scale(1.04)}to{transform:none}}
}

/* ===== FRENTE LAYOUT DO HERÓI (12/10/2026): herói escuro com recorte (Home e Diagnóstico), só desktop >= 900px. Duas colunas 55/45, texto à esquerda, retrato 1.3x à direita sangrando pela base. Seletores por classe. ===== */
@media(min-width:900px){
  .heroi--escuro.heroi--rec{
    display:grid;grid-template-columns:minmax(0,55fr) minmax(0,45fr);column-gap:clamp(24px,3vw,56px);align-items:end;
    text-align:left;padding:0 max(32px,calc((100% - 1280px)/2));
    height:clamp(600px,calc(100svh - var(--menu-h)),1120px);min-height:0;
    background:radial-gradient(ellipse 34% 46% at 77% 86%,rgba(212,184,149,.22),rgba(212,184,149,0) 70%),linear-gradient(180deg,#000 0%,#17191C 58%,#2E3238 100%)}
  .heroi--escuro.heroi--rec .heroi__texto{align-self:center;width:auto;padding-block:48px 64px}
  .heroi--escuro.heroi--rec h1:not(.eyebrow),.heroi--escuro.heroi--rec h2,.heroi--escuro.heroi--rec .heroi__apoio,.heroi--escuro.heroi--rec .heroi__nota{margin-inline:0}
  .heroi--escuro.heroi--rec .acoes{justify-content:flex-start}
  .heroi--escuro.heroi--rec .marca-logo{justify-content:flex-start}
  .heroi--escuro.heroi--rec .heroi__recorte{margin:0;justify-self:end;align-self:end;max-width:100%}
  .heroi--escuro.heroi--rec .heroi__recorte img{height:clamp(468px,70svh,728px);max-width:100%;object-fit:contain;object-position:100% 100%}
}

/* ===== HERÓI DA HOME, foto de fundo preto (12/10/2026): o preto da foto (RGB 0-3) é o fundo do herói, sem recorte; máscara suaviza as bordas e não há retângulo nem emenda. Só a Home usa. ===== */
.heroi--escuro.heroi--preta{padding-bottom:0;background:radial-gradient(ellipse 46% 40% at 50% 84%,rgba(212,184,149,.1),rgba(212,184,149,0) 70%),#000}
.heroi--preta .heroi__texto{padding-bottom:0}
.heroi__preta{position:relative;margin:26px auto 0;line-height:0;width:min(80vw,400px);max-width:100%}
.heroi__preta img{display:block;width:100%;height:auto;border-radius:0;box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%),linear-gradient(180deg,transparent 0,#000 7%);mask-composite:intersect}
@media (prefers-reduced-motion:no-preference){
  .heroi__preta img{transform-origin:50% 100%}
  .heroi__preta[data-par]{transform:translateY(var(--py,0px))}
}
@media(min-width:900px){
  .heroi--escuro.heroi--preta{
    display:grid;grid-template-columns:minmax(0,52fr) minmax(0,48fr);column-gap:clamp(24px,3vw,56px);align-items:end;
    text-align:left;padding:0 max(32px,calc((100% - 1280px)/2));
    height:clamp(600px,calc(100svh - var(--menu-h)),1120px);min-height:0;
    background:radial-gradient(ellipse 30% 40% at 80% 62%,rgba(212,184,149,.1),rgba(212,184,149,0) 70%),#000}
  .heroi--escuro.heroi--preta .heroi__texto{align-self:center;width:auto;padding-block:48px 64px}
  .heroi--escuro.heroi--preta h1:not(.eyebrow),.heroi--escuro.heroi--preta h2,.heroi--escuro.heroi--preta .heroi__apoio,.heroi--escuro.heroi--preta .heroi__nota{margin-inline:0}
  .heroi--escuro.heroi--preta .acoes{justify-content:flex-start}
  .heroi--escuro.heroi--preta .heroi__preta{margin:0;justify-self:end;align-self:end;width:auto;height:100%;max-height:calc(100% - 24px);max-width:100%;display:flex;justify-content:flex-end;align-items:flex-end}
  .heroi--escuro.heroi--preta .heroi__preta img{width:auto;max-width:100%;height:100%;max-height:100%;object-fit:contain;object-position:100% 100%}
}

/* FRENTE MENU MOBILE (<900px): sem WhatsApp no cabeçalho, hambúrguer dourado da marca */
@media(max-width:899px){
  .menu .botao--menu{display:none}
  .menu__icone span{background:var(--dourado-texto)}
  .menu.escuro .menu__icone span{background:var(--dourado)}
  .menu:has(.menu__estado:checked) .menu__icone span{background:var(--dourado-texto)}
}

/* participação em podcasts: seção escura, degradê de luminosidade (grafite → preto), dourado só como destaque */
.pods{background:linear-gradient(180deg,#2B2F35 0%,#17191C 55%,#0E0F11 100%);color:var(--cinza-2);padding:96px 22px}
.pods__in{max-width:1068px;margin:0 auto;display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:64px;align-items:start}
.pods__cab{position:sticky;top:calc(var(--menu-h) + 32px)}
.pods .eyebrow{color:var(--dourado)}
.pods h2{color:#fff;font-size:48px;line-height:1.08;letter-spacing:-.003em}
.pods__apoio{margin-top:20px;font-size:19px;line-height:1.42;color:var(--cinza-2)}
.pods__lista{display:flex;flex-direction:column;gap:16px}
.pods__resto{display:flex;flex-direction:column;gap:16px;margin-top:16px}
.pods__mais>summary{list-style:none;cursor:pointer;display:inline-flex;margin-top:4px;background:#202327;color:#fff;border-color:rgba(255,255,255,.4)}
.pods__mais>summary::-webkit-details-marker{display:none}
.pods__mais[open]>summary{display:none}
.pod{position:relative;display:grid;grid-template-columns:216px minmax(0,1fr);gap:0 24px;align-items:stretch;background:linear-gradient(135deg,#2A2D33,#1D2024);border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden}
.pod__foto{position:relative;margin:0;background:#0E0F11}
.pod__foto img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;display:block}
.pod__corpo{padding:22px 76px 22px 0;min-width:0}
.pod__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;font-size:14px;line-height:1.2;margin-bottom:10px}
.pod__n{font-weight:600;color:var(--dourado);font-variant-numeric:tabular-nums}
.pod__tag{padding:4px 10px;border-radius:980px;background:rgba(212,184,149,.14);color:var(--dourado);font-weight:600}
.pod__canal{color:var(--cinza-2)}
.pod h3{color:#fff;font-size:19px;line-height:1.26;letter-spacing:-.011em}
.pod__desc{margin-top:8px;font-size:15px;line-height:1.45;color:var(--cinza-2)}
.pod__play{position:absolute;right:20px;bottom:20px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.22)}
.pod__play svg{margin-left:2px}
.pod__play:focus-visible{outline:3px solid var(--dourado);outline-offset:3px}
.pod:hover .pod__play,.pod__play:hover{background:var(--dourado);color:var(--tinta);border-color:var(--dourado)}
@media (prefers-reduced-motion:no-preference){
  .pod{transition:transform .35s var(--curva),box-shadow .35s var(--curva),border-color .35s var(--curva)}
  .pod:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.45);border-color:rgba(212,184,149,.35)}
  .pod__play{transition:background-color .24s var(--curva),color .24s var(--curva),border-color .24s var(--curva)}
}
@media(max-width:1068px){.pods__in{gap:40px;grid-template-columns:minmax(0,260px) minmax(0,1fr)}.pods h2{font-size:40px}}
@media(max-width:734px){
  .pods{padding:64px 22px}
  .pods__in{grid-template-columns:minmax(0,1fr);gap:32px}
  .pods__cab{position:static}
  .pods h2{font-size:32px}
  .pods__apoio{font-size:17px}
  .pod{grid-template-columns:minmax(0,1fr)}
  .pod__corpo{padding:18px 20px 84px}
  .pod__play{right:16px;bottom:16px}
}

/* herói da Sobre: recorte largo (braço aberto) sem o fade lateral dos recortes estreitos; proporção preservada em qualquer largura */
.heroi__recorte--solto img{-webkit-mask-image:none;mask-image:none;object-fit:contain;object-position:50% 100%}
@media(max-width:899px){.heroi__recorte--solto{width:min(100%,520px)}.heroi__recorte--solto img{width:100%;height:auto;max-height:none}}

/* ===== RITMO DE CORES DOS PAINÉIS (12/10/2026): preto, branco, dourado em sequência, sem dois seguidos iguais. O gerador (gen.ritmo) põe data-cor e data-tema em cada painel; aqui só tinta, fundo e texto por cor. Dourado = #D4B895 variando só a luminosidade (#D9BE9C a #CBAA82), texto #1D1D1F. ===== */
section[data-cor]{--r-h:#23262B;--r-t:#4A4E56;--r-m:#5C616B;--r-ac:#86673A;--r-ln:#DDE1E6;--r-bg:#FFFFFF;color:var(--r-t)}
section[data-cor="preto"]{--r-h:#F5F6F7;--r-t:#B7BEC8;--r-m:#B7BEC8;--r-ac:#D4B895;--r-ln:rgba(255,255,255,.16);--r-bg:linear-gradient(180deg,#000 0%,#17191C 58%,#2E3238 100%)}
section[data-cor="dourado"]{--r-h:#1D1D1F;--r-t:#26231E;--r-m:#322E27;--r-ac:#1D1D1F;--r-ln:rgba(29,29,31,.28);--r-bg:linear-gradient(180deg,#D9BE9C 0%,#CBAA82 100%)}
section[data-cor]:not(.heroi):not(.pods){background:var(--r-bg)}
section[data-cor="preto"].heroi:not(.heroi--rec):not(.heroi--cena):not(.heroi--preta){background:var(--r-bg)}
.heroi--artigo.heroi--escuro,.heroi--escuro:not(.heroi--rec):not(.heroi--cena):not(.heroi--preta){min-height:0}
.menu{transition:background-color .24s var(--curva),-webkit-backdrop-filter .24s var(--curva),backdrop-filter .24s var(--curva),border-color .24s var(--curva),color .24s var(--curva)}

/* texto, linhas e detalhes por cor (tiles e cards têm as próprias variáveis; o painel de tiles só pinta o cabeçalho) */
section[data-cor]:not(.heroi):not(.tiles-sec) :is(h1:not(.eyebrow),h2,h3,.lista strong,.tempo strong,.perguntas summary,.ficha th,.citacao p,.artigo h2.sec,.faixa-logos__nome){color:var(--r-h)}
section[data-cor]:not(.heroi):not(.tiles-sec) :is(.citacao__apoio,.citacao__sub,.logos__lista li,.faixa__apoio,.faixa__texto,.leitura__apoio,.pods__apoio){color:var(--r-t)}
section[data-cor]:not(.heroi):not(.tiles-sec) :is(figcaption,.citacao__autor,.tempo__foto figcaption){color:var(--r-m)}
section[data-cor]:not(.heroi):not(.tiles-sec) :is(.eyebrow,.citacao__tit){color:var(--r-ac)}
section[data-cor]:not(.heroi):not(.tiles-sec) :is(.link-seta,.logos__texto a,.mais p a,.perguntas a,.faixa__texto a,.artigo a,.leitura a,.citacao a){color:var(--r-ac)}
section[data-cor]:not(.heroi):not(.tiles-sec) :is(.lista li,.ficha th,.ficha td,.perguntas details,.artigo__prox){border-color:var(--r-ln)}
section[data-cor]:not(.heroi):not(.tiles-sec) .tempo{border-left-color:var(--r-ln)}
section[data-cor]:not(.heroi):not(.tiles-sec) :is(.tempo li::before,.artigo__essencial li::before){background:var(--r-ac)}
section[data-cor]:not(.heroi):not(.tiles-sec) .citacao::before,section[data-cor].citacao::before{background:var(--r-ac)}
section[data-cor]:not(.heroi):not(.tiles-sec) :is(.mais>details>summary h2::after,.perguntas summary::after){border-color:var(--r-ac)}
section[data-cor]:not(.heroi):not(.tiles-sec) .ico{color:var(--r-ac)}
section[data-cor="dourado"]:not(.heroi):not(.tiles-sec) .ico--tile{background:rgba(29,29,31,.1)}
.passos li,.artigo__essencial,.artigo__transc{--r-h:#23262B;--r-t:#4A4E56;--r-m:#5C616B;--r-ac:#86673A;--r-ln:#DDE1E6;color:#4A4E56}
section[data-cor="preto"] .passos li,section[data-cor="dourado"] .passos li{background-color:#fff}
section[data-cor="branco"] .passos li{background-color:var(--cinza-0);background-image:linear-gradient(180deg,var(--cinza-0) 0%,#E9EBEE 100%)}
section[data-cor="branco"] .artigo__transc{background:var(--cinza-0)}
section[data-cor="preto"] .artigo__transc,section[data-cor="dourado"] .artigo__transc{background:#fff}

/* botões por cor (fora de tiles e de heroi, que já têm os seus) */
section[data-cor="preto"]:not(.heroi):not(.tiles-sec) .botao--s{color:var(--cinza-0);border-color:var(--cinza-0)}
section[data-cor="preto"]:not(.heroi):not(.tiles-sec) .botao--s:hover{background:var(--cinza-0);color:var(--tinta)}
section[data-cor="preto"]:not(.heroi):not(.tiles-sec) .botao:focus-visible{outline-color:var(--cinza-0)}
section[data-cor="dourado"]:not(.tiles-sec) .botao--p{background:#1D1D1F;color:#fff}
section[data-cor="dourado"]:not(.tiles-sec) .botao--p:hover{background:#000}
section[data-cor="dourado"]:not(.tiles-sec) .botao--s{background:transparent;color:#1D1D1F;border-color:#1D1D1F}
section[data-cor="dourado"]:not(.tiles-sec) .botao--s:hover{background:#1D1D1F;color:#fff}
section[data-cor="dourado"]:not(.tiles-sec) .botao:focus-visible{outline-color:#1D1D1F}
section[data-cor="dourado"] .botao::before{box-shadow:0 10px 24px rgba(29,29,31,.28)}

/* painel de tiles: cabeçalho segue a cor; tiles mantêm o par escuro/claro e se destacam do fundo */
.tiles-sec[data-cor] .tiles-cab :is(h2,p){color:var(--r-h)}
.tiles-sec[data-cor] .tiles-cab p{color:var(--r-t)}
.tiles-sec[data-cor="preto"] :is(.tile--escuro,.tile--f-escuro){background:linear-gradient(180deg,#1B1D21 0%,#2A2D33 50%,#3C4048 100%)}
.tiles-sec[data-cor="branco"] .tile:not(.tile--escuro):not(.tile--f-escuro):not(.tile--f-ouro){background:linear-gradient(180deg,#F1F2F4 0%,#E4E7EB 50%,#D2D7DE 100%)}
.tiles-sec[data-cor="branco"] .tile--img.tile--f-ouro{background:linear-gradient(180deg,#F6EDDB 0%,#EBDCC3 40%,var(--dourado) 100%)}
.tiles-sec[data-cor="branco"] .tile--f-ouro:not(.tile--img){background:linear-gradient(180deg,#F8F0E0 0%,#EBDCC3 100%)}
.tiles-sec[data-cor="branco"] .tile--img.tile--f-claro{background:linear-gradient(180deg,#F1F2F4 0%,#E0E4E9 40%,#C5CAD2 100%)}
.tiles-sec[data-cor="dourado"] .tile:not(.tile--escuro):not(.tile--f-escuro){background:linear-gradient(180deg,#FFFFFF 0%,#F5F6F7 55%,#E9EBEE 100%)}

/* logos e marcas: versão que lê no fundo da posição (silhueta clara no preto, escura no dourado) */
section[data-cor="preto"]:not(.heroi):not(.tiles-sec) :is(.faixa-logos__lista img,.logos__lista img){filter:brightness(0) invert(1);opacity:.86}
section[data-cor="dourado"]:not(.heroi):not(.tiles-sec) :is(.faixa-logos__lista img,.logos__lista img){filter:brightness(0);opacity:.82}
section[data-cor="preto"]:not(.heroi):not(.tiles-sec) .faixa-logos__nome{color:var(--r-t)}

/* podcasts seguem a cor da posição (no preto é o visual já aprovado) */
section.pods[data-cor="branco"]{background:#fff}
section.pods[data-cor="dourado"]{background:var(--r-bg)}
section.pods[data-cor="branco"] :is(.pods__apoio),section.pods[data-cor="dourado"] .pods__apoio{color:var(--r-t)}
section.pods[data-cor="branco"] h2,section.pods[data-cor="dourado"] h2{color:var(--r-h)}
section.pods[data-cor="branco"] .eyebrow,section.pods[data-cor="dourado"] .eyebrow{color:var(--r-ac)}
section.pods[data-cor="branco"] .pod{background:var(--cinza-0);border-color:var(--cinza-1)}
section.pods[data-cor="dourado"] .pod{background:rgba(255,255,255,.55);border-color:rgba(29,29,31,.2)}
section.pods:is([data-cor="branco"],[data-cor="dourado"]) .pod h3{color:#1D1D1F}
section.pods:is([data-cor="branco"],[data-cor="dourado"]) :is(.pod__desc,.pod__canal){color:#3A3730}
section.pods:is([data-cor="branco"],[data-cor="dourado"]) :is(.pod__n,.pod__tag){color:#1D1D1F}
section.pods:is([data-cor="branco"],[data-cor="dourado"]) .pod__tag{background:rgba(29,29,31,.1)}
section.pods:is([data-cor="branco"],[data-cor="dourado"]) .pod__play{background:#1D1D1F;color:#fff;border-color:#1D1D1F}
section.pods:is([data-cor="branco"],[data-cor="dourado"]) .pods__mais>summary{color:#1D1D1F;border-color:#1D1D1F}

/* ===== BRAIN ACADEMY (12/10/2026): herói com logo grande, 5 itens em cards, autoria com recorte. A cor de cada painel vem do ritmo (data-cor). ===== */
.heroi--brain .brain-logo{margin:0 auto 24px;display:flex;justify-content:center}
.heroi--brain .brain-logo img{display:block;width:clamp(220px,32vw,400px);height:auto;filter:drop-shadow(0 0 44px rgba(212,184,149,.24))}
.heroi--brain h1:not(.eyebrow){max-width:22ch}
.heroi--brain .heroi__apoio{max-width:34ch}
.brain-itens{margin-top:12px;padding:120px 22px;text-align:center}
.brain-itens h2{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;max-width:20ch;margin:0 auto}
.brain-itens__lista{list-style:none;margin:56px auto 0;padding:0;max-width:1068px;display:flex;flex-wrap:wrap;justify-content:center;gap:20px}
.brain-itens__lista li{flex:0 1 calc((100% - 40px)/3);min-width:240px;display:flex;flex-direction:column;align-items:center;gap:22px;padding:32px 24px 34px;border-radius:var(--raio);background:rgba(255,255,255,.55);border:1px solid rgba(29,29,31,.2)}
.brain-itens__lista h3{font-size:21px;line-height:1.2;letter-spacing:-.014em;font-weight:600;max-width:16ch}
.brain-itens .ico--passo{margin-bottom:0}
.brain-autor{margin-top:12px;padding:96px 22px 0;display:grid;grid-template-columns:minmax(0,380px) minmax(0,500px);gap:64px;justify-content:center;align-items:end}
.brain-autor__foto{margin:0;align-self:end}
.brain-autor__foto img{display:block;width:100%;height:auto}
.brain-autor__texto{align-self:center;padding-bottom:96px;text-align:left}
.brain-autor__texto h2{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;max-width:16ch}
.brain-autor__texto .faixa__apoio,.brain-autor__texto .faixa__texto{margin-inline:0;max-width:34ch}
.brain-autor__texto .faixa__apoio{margin-top:18px}
@media(max-width:1068px){.brain-itens{padding:96px 22px}.brain-autor{gap:40px;padding-top:80px}.brain-autor__texto{padding-bottom:80px}}
@media(max-width:734px){
  .brain-itens{padding:72px 22px}
  .brain-itens__lista{margin-top:36px}
  .brain-itens__lista li{flex-basis:100%;min-width:0;flex-direction:row;text-align:left;gap:18px;padding:22px 20px}
  .brain-itens__lista h3{max-width:none;font-size:19px}
  .brain-autor{grid-template-columns:minmax(0,1fr);gap:0;padding:64px 22px 0}
  .brain-autor__texto{order:1;padding-bottom:36px}
  .brain-autor__foto{order:2;width:min(100%,320px);justify-self:center}
}

/* Diagnóstico (treinamento-in-company): herói com retrato inteiro, fundo original, sem recorte */
.heroi--retrato .heroi__retrato{filter:none}
.heroi--retrato .heroi__retrato::before{display:none}
.heroi--retrato .heroi__retrato img{border-radius:22px 22px 0 0;aspect-ratio:2/3;object-fit:cover;filter:none;-webkit-mask-image:none;mask-image:none;box-shadow:0 22px 48px rgba(0,0,0,.45)}
@media(max-width:899px){.heroi--retrato .heroi__retrato{width:min(100%,300px)}.heroi--retrato .heroi__retrato img{width:100%;height:auto}}
@media(min-width:900px){.heroi--escuro.heroi--retrato .heroi__retrato img{object-fit:cover;object-position:50% 20%}}

/* Brain Academy: retrato inteiro com fundo original, cantos suaves (sem recorte) */
.brain-autor--retrato{align-items:center;padding-bottom:96px}
.brain-autor--retrato .brain-autor__foto{align-self:center}
.brain-autor--retrato .brain-autor__foto img{border-radius:22px;aspect-ratio:2/3;object-fit:cover}
.brain-autor--retrato .brain-autor__texto{padding-bottom:0}
@media(max-width:1068px){.brain-autor--retrato{padding-bottom:80px}}
@media(max-width:734px){.brain-autor--retrato{padding-bottom:64px}.brain-autor--retrato .brain-autor__texto{padding-bottom:32px}.brain-autor--retrato .brain-autor__foto{width:min(100%,340px)}}

/* ===== Missão Da Vinci (12/10/2026): reaproveita .brain-itens e .brain-autor; só o que é próprio da página ===== */
.heroi--missao .brain-logo{margin:0 auto 24px;display:flex;justify-content:center}
.heroi--missao .brain-logo img{display:block;width:clamp(200px,26vw,280px);height:auto;filter:drop-shadow(0 0 44px rgba(212,184,149,.28))}
.heroi--missao h1:not(.eyebrow){max-width:20ch}
.heroi--missao .heroi__apoio{max-width:34ch}
#como-funciona{scroll-margin-top:var(--menu-h,48px)}
.mdv-leva .brain-itens__lista li>div{display:flex;flex-direction:column;align-items:center;gap:8px}
.mdv-leva .brain-itens__lista li p{margin:0;font-size:16px;line-height:1.35;max-width:26ch}
@media(max-width:734px){.mdv-leva .brain-itens__lista li>div{align-items:flex-start}}
.mdv-retrato{align-self:center;margin-bottom:96px}
.mdv-retrato img{border-radius:22px}
@media(max-width:1068px){.mdv-retrato{margin-bottom:80px}}
@media(max-width:734px){.mdv-retrato{margin-bottom:64px}}

/* ===== HERÓI CLARO COM BANNER (Braid Learning, 12/10/2026): o off-white do banner (#F5F4F2, amostrado do canto) é o fundo do painel; banner no máximo em 1600px (tamanho natural, sem ampliar), bordas dissolvidas; texto escuro, botões escuros em pílula; menu claro ===== */
section[data-cor="off"]{--r-h:#1D1D1F;--r-t:#3A3730;--r-m:#4A4E56;--r-ac:#86673A;--r-ln:#DDE1E6;--r-bg:#F5F4F2}
section.heroi--banner{display:flex;flex-direction:column;align-items:center;min-height:0;padding:0 22px 56px;background:#F5F4F2;color:#3A3730;overflow:clip}
.heroi--banner .heroi__banner{order:-1;position:relative;margin:0 -22px;width:calc(100% + 44px);max-width:1600px;line-height:0}
.heroi--banner .heroi__banner img{display:block;width:100%;height:auto;border-radius:0;box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0,#000 6%,#000 94%,transparent 100%);mask-composite:intersect}
.heroi--banner .heroi__texto{padding-top:0}
.heroi--banner h1:not(.eyebrow){font-size:15px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:#4A4E56;max-width:none;margin:0 auto 10px}
.heroi--banner .heroi__apoio{color:#1D1D1F;margin-top:0}
.heroi--banner .botao--p{background:#1D1D1F;color:#fff}
.heroi--banner .botao--p:hover{background:#000}
.heroi--banner .botao--s{background:transparent;color:#1D1D1F;border-color:#1D1D1F}
.heroi--banner .botao--s:hover{background:#1D1D1F;color:#fff}
.heroi--banner .botao:focus-visible{outline-color:#1D1D1F}
.heroi--banner .botao::before{box-shadow:0 10px 24px rgba(29,29,31,.22)}
@media(min-width:1800px){.heroi--banner .heroi__banner{margin-inline:auto;width:1600px}}
@media(max-width:734px){
  section.heroi--banner{padding:0 22px 40px}
  /* banner 3:1 ficaria pequeno: altura mínima de 200px, recorte centrado no logo */
  .heroi--banner .heroi__banner{height:200px}
  .heroi--banner .heroi__banner img{height:100%;object-fit:cover;object-position:50% 50%}
  .heroi--banner h1:not(.eyebrow){font-size:13px}
}
/* painel do metodo (Home): banner claro do Braid Learning ponta a ponta, sem degrade nem fade */
.tiles-sec[data-secao="metodo"] .tile{background:#F5F4F2!important;min-height:0;padding-bottom:0}
.tiles-sec[data-secao="metodo"] .tile__cena{height:auto;aspect-ratio:1600/533;margin-top:40px}
.tiles-sec[data-secao="metodo"] .tile__cena img{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 91%,transparent 100%);object-fit:cover}
/* rodape: links legais e logo centralizados */
.rodape__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:0 16px}
.rodape__legal a{margin:8px 0 0}
.rodape__logo{text-align:center}

/* ===== CONVITE PARA PODCAST (12/10/2026): botão na seção de podcasts e formulário em /convite-podcast/ ===== */
.pods__cab .acoes{justify-content:flex-start;margin-top:28px}
.pods__convite{text-wrap:balance}
section.pods[data-cor="dourado"] .pods__convite{background:#1D1D1F;color:#fff;border-color:#1D1D1F}
section.pods[data-cor="dourado"] .pods__convite:hover{background:#000}
@media(max-width:899px){.pods__cab .acoes{margin-top:20px}}
.convite{padding:96px 22px}
.convite__in{max-width:640px;margin:0 auto}
.convite h2{font-size:clamp(30px,3.4vw + 8px,44px);line-height:1.1;letter-spacing:-.022em;text-align:center;margin-bottom:40px}
.convite__form{display:flex;flex-direction:column;gap:22px}
.campo label{display:block;font-size:17px;font-weight:600;line-height:1.3;color:var(--r-h,#23262B);margin-bottom:6px}
.campo__dica{font-size:15px;line-height:1.35;color:var(--r-m,#5C616B);margin-bottom:8px}
.campo input,.campo textarea{display:block;width:100%;font:inherit;font-size:17px;line-height:1.35;color:#23262B;background:#fff;border:1px solid #8A919C;border-radius:14px;padding:13px 16px;min-height:50px;letter-spacing:-.011em}
.campo textarea{min-height:160px;resize:vertical}
.campo input:focus-visible,.campo textarea:focus-visible{outline:2px solid #23262B;outline-offset:2px;border-color:#23262B}
.campo [aria-invalid="true"]{border-color:#B3261E;border-width:2px}
.campo__erro,.convite__erro{font-size:15px;line-height:1.4;font-weight:600;color:#B3261E;margin-top:8px}
.convite__erro{margin:0 0 24px;padding:14px 18px;border:2px solid #B3261E;border-radius:14px;background:#FFF5F4;font-size:16px}
.convite__form .acoes{justify-content:flex-start;margin-top:6px}
.convite__form .botao{min-height:50px;padding:12px 28px;font-size:17px}
.isca{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
@media(max-width:734px){.convite{padding:64px 22px}.convite h2{margin-bottom:28px}.convite__form .botao{width:100%}}
/* Empresas atendidas (Home): titulo a 50%, branco, menos respiro em cima */
.logos--faixa[data-secao="empresas"]{padding-top:48px;padding-bottom:48px}
.logos--faixa[data-secao="empresas"] h2{font-size:clamp(15px,1.7vw + 4px,22px)!important;color:#fff!important;margin-bottom:24px}
.pods__convite{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.botao__ico{flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* rodape: copyright e credito na mesma linha */
.rodape__base{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
.rodape__base .rodape__id,.rodape__base .rodape__assina{padding-top:16px;margin:0}
@media(max-width:734px){.rodape__base{flex-direction:column;align-items:center;text-align:center}.rodape__base .rodape__id,.rodape__base .rodape__assina{padding-top:10px}}

.citacao[data-secao="cientifica"] .citacao__apoio{font-size:17px;font-weight:400;line-height:1.45;letter-spacing:0;color:var(--mudo)}
.citacao::before{display:none}
.citacao[data-secao="cientifica"]{padding:64px 22px}
@media(max-width:734px){.citacao[data-secao="cientifica"]{padding:48px 22px}}
.tile__wa{margin-top:20px;position:relative;z-index:4}
.palco-grade{background:var(--branco);padding:0 22px 96px}
.palco-grade__in{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:260px;gap:12px;max-width:1200px;margin:0 auto}
.palco-grade__item{margin:0;overflow:hidden;border-radius:22px}
.palco-grade__item img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0;box-shadow:none;display:block}
.pg-a{grid-column:1/3;grid-row:1/3}.pg-a img{object-position:50% 45%}
.pg-b{grid-column:1/5}.pg-b img{object-position:50% 22%}
.pg-f img{object-position:50% 72%}
@media(max-width:734px){.palco-grade{padding:0 16px 64px}.palco-grade__in{grid-template-columns:1fr 1fr;grid-auto-rows:190px;gap:8px}.pg-a{grid-column:1/3;grid-row:auto}.pg-b{grid-column:1/3}.palco-grade__item{border-radius:16px}}
.palco-grade__in{grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;grid-template-rows:400px 480px}
.pg-1,.pg-2{grid-column:span 3;grid-row:1}.pg-3,.pg-4,.pg-5{grid-column:span 2;grid-row:2}
.pg-1 img{object-position:50% 50%}.pg-2 img{object-position:50% 45%}.pg-3 img{object-position:50% 40%}.pg-4 img{object-position:50% 45%}.pg-5 img{object-position:50% 60%}
@media(max-width:734px){.palco-grade__in{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:220px}.pg-1,.pg-2{grid-column:1/3;grid-row:auto}.pg-3,.pg-4{grid-column:span 1;grid-row:auto}.pg-5{grid-column:1/3;grid-row:auto}}
.pg-6{grid-column:1/-1;grid-row:3}.pg-6 img{object-position:50% 55%}
.palco-grade__in{grid-template-rows:400px 480px 460px}
@media(max-width:734px){.palco-grade__in{grid-template-rows:none}.pg-6{grid-column:1/3;grid-row:auto}}
/* rodape: pilha centralizada, 15px entre cada item */
.rodape__fim{display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px;padding-top:28px}
.rodape__fim>p{margin:0;padding:0}
.rodape__fim .rodape__legal{display:contents}
.rodape__fim .rodape__legal a{display:block;margin:0;padding:0}
.rodape__fim .rodape__assina{text-align:center}
#temas{scroll-margin-top:56px}
.logos--faixa[data-secao="onde-falou"]{padding-top:50px;padding-bottom:50px}
/* faixa de logos: pretos, mais fina */
.faixa-logos img{filter:brightness(0)}
.logos--faixa[data-secao="onde-falou"]{padding-top:30px;padding-bottom:30px}
.logos--faixa[data-secao="onde-falou"] .faixa-logos__lista li{height:40px}
/* rodape: links legais em uma linha, 15px entre eles */
.rodape__fim .rodape__legal{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}
.rodape__fim .rodape__legal a{display:inline;margin:0;padding:0}
/* rodape: 7px acima e abaixo de cada item */
.rodape__fim{gap:0}
.rodape__fim>p{margin:7px 0}
/* logos em preto pleno, sem transparência, nas faixas claras e douradas */
section[data-cor="dourado"]:not(.heroi):not(.tiles-sec) :is(.faixa-logos__lista img,.logos__lista img),.logos--faixa:not([data-cor="preto"]) .faixa-logos__lista img{filter:brightness(0);opacity:1}
.logos--faixa[data-secao="onde-falou"]{margin-top:0}
/* empresas atendidas agora cai em fundo branco: título escuro */
.logos--faixa[data-secao="empresas"] h2{color:#1d1d1f!important}
/* empresas atendidas: fundo dourado mesmo depois de subir na ordem; título branco como antes */
.logos--faixa[data-secao="empresas"]{background:linear-gradient(180deg,#D9BE9C 0%,#CBAA82 100%)}
.logos--faixa[data-secao="empresas"] h2{color:#fff!important}
/* empresas atendidas: título só para leitor de tela, a faixa de logos fala por si */
.logos--faixa[data-secao="empresas"] h2{position:absolute!important;width:1px;height:1px;margin:-1px!important;padding:0!important;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.logos--faixa[data-secao="empresas"]{background:linear-gradient(180deg,#D9BE9C 0%,#CBAA82 100%)!important}
/* faixas de logos: fundo branco (Home e Palestras), vence o ritmo automático */
.logos--faixa[data-secao="empresas"],.logos--faixa[data-secao="onde-falou"]{background:#fff!important}
/* escola pública (Home): texto à esquerda, foto à direita */
.faixa[data-secao="educacao-publica"]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:64px;align-items:center;justify-content:center;max-width:1040px;margin-inline:auto;text-align:left;padding:72px 22px}
.faixa[data-secao="educacao-publica"]>h2,.faixa[data-secao="educacao-publica"]>.faixa__apoio,.faixa[data-secao="educacao-publica"]>.acoes{grid-column:1;text-align:left;margin-left:0;margin-right:0;max-width:34ch}
.faixa[data-secao="educacao-publica"]>.acoes{justify-content:flex-start}
.faixa[data-secao="educacao-publica"]>.educ__foto{grid-column:2;grid-row:1/span 3;margin:0}
.faixa[data-secao="educacao-publica"] .educ__foto img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 35%;border-radius:28px;display:block}
@media(max-width:734px){.faixa[data-secao="educacao-publica"]{grid-template-columns:1fr;row-gap:0;padding:56px 22px;text-align:center}.faixa[data-secao="educacao-publica"]>h2,.faixa[data-secao="educacao-publica"]>.faixa__apoio,.faixa[data-secao="educacao-publica"]>.acoes{grid-column:1;text-align:center;margin-inline:auto}.faixa[data-secao="educacao-publica"]>.acoes{justify-content:center}.faixa[data-secao="educacao-publica"]>.educ__foto{grid-column:1;grid-row:auto;margin-top:32px;max-width:320px;margin-inline:auto}}
/* barras de logos (Home e Palestras): mesmo estilo, logos maiores e menos espaço */
.logos--faixa[data-secao="empresas"],.logos--faixa[data-secao="onde-falou"]{padding-top:30px;padding-bottom:30px;margin-top:0}
.logos--faixa[data-secao="empresas"] .faixa-logos__lista li,.logos--faixa[data-secao="onde-falou"] .faixa-logos__lista li{height:46px}
/* citações: hierarquia clara (título, apoio curto, frase em destaque, autor, texto) */
.citacao p.citacao__sub{font-size:clamp(19px,1.1vw + 14px,24px);font-weight:400;line-height:1.3;letter-spacing:-.01em;color:var(--r-m,var(--mudo));max-width:32ch;margin:0 auto 40px}
.citacao p.citacao__autor{font-size:17px;font-weight:400;letter-spacing:0;line-height:1.3;color:var(--r-m,var(--mudo));margin:24px auto 0}
.citacao p.citacao__apoio{font-size:19px;font-weight:400;letter-spacing:0;line-height:1.5;color:var(--r-m,var(--mudo));max-width:46ch;margin:40px auto 0}
.citacao--escura p.citacao__sub,.citacao--escura p.citacao__autor,.citacao--escura p.citacao__apoio{color:var(--r-m,var(--cinza-2))}
@media(max-width:734px){.citacao p.citacao__apoio{font-size:17px}.citacao p.citacao__sub{margin-bottom:32px}}
.citacao p.citacao__sub,.citacao p.citacao__autor,.citacao p.citacao__apoio{color:var(--r-m,#5c616b)!important}
/* escola pública (Home), correção desktop: fundo dourado de ponta a ponta, texto agrupado ao centro da foto */
@media(min-width:735px){
.faixa[data-secao="educacao-publica"]{max-width:none;margin-inline:0;padding:72px max(22px,calc((100% - 1040px)/2));grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:auto auto auto;grid-auto-rows:min-content;align-content:center;align-items:start;column-gap:72px;row-gap:0}
.faixa[data-secao="educacao-publica"]>h2{align-self:end;margin:0 0 20px;font-size:clamp(34px,3.2vw + 8px,48px);line-height:1.08}
.faixa[data-secao="educacao-publica"]>.faixa__apoio{margin:0 0 28px;font-size:21px;line-height:1.35}
.faixa[data-secao="educacao-publica"]>.acoes{align-self:start;margin:0}
.faixa[data-secao="educacao-publica"]>.educ__foto{grid-column:2;grid-row:1/span 3;align-self:center}
}
.faixa[data-secao="educacao-publica"]>.eyebrow{grid-column:1;text-align:left;margin:0 0 14px}
@media(min-width:735px){.faixa[data-secao="educacao-publica"]{grid-template-rows:auto auto auto auto}.faixa[data-secao="educacao-publica"]>.eyebrow{align-self:end}.faixa[data-secao="educacao-publica"]>.educ__foto{grid-row:1/span 4}}
@media(max-width:734px){.faixa[data-secao="educacao-publica"]>.eyebrow{text-align:center}}

/* animação de entrada da imagem do herói só no desktop: no celular ela é o LCP e atrasa a pintura */
@media (prefers-reduced-motion:no-preference) and (min-width:735px){
  .heroi__foto img{animation:foto-heroi 1.1s var(--curva) backwards}
  .heroi__recorte img,.heroi__cena img{animation:rec-heroi 1.1s var(--curva) backwards}
  .heroi__preta img{animation:rec-heroi 1.1s var(--curva) backwards}
}

/* alvos de toque de 44px no celular: a área clicável cresce, o desenho não muda */
@media(max-width:734px){
  .botao{padding-block:12.2px}
  .menu__marca{min-height:44px}
  .link-seta{padding-block:8px;margin-top:12px;margin-bottom:-8px}
  .tile .link-seta{margin-top:6px}
  .tile__mais a{display:inline-block;padding:12px 0;margin:-12px 0}
  .rodape li{margin:0}
  .rodape li a{display:inline-block;padding:14.5px 0}
  .rodape li a{min-width:44px}
  .rodape__fim .rodape__legal{gap:0 15px}
  .rodape__fim .rodape__legal a{display:inline-block;padding:14px 0;margin:0;min-width:44px}
  .tile h3 a{display:inline-block;padding:5px 0;margin:-5px 0}
  .artigo__prox a{display:inline-block;padding:9.5px 0}
}