@font-face {
  font-family: 'Great Vibes';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/great-vibes-400-0237c8316409.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/playfair-display-600-italic-3308a003869d.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/playfair-display-500-5d91eb5d522a.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/poppins-400-3dc5d0c52428.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/poppins-500-289e0afc8be7.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/poppins-600-872e86291859.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* Instituto Tribo de Luz. Identidade do conceito: tinta, papel e penas. */
:root {
 --creme:#fcf8f1; --creme-profundo:#f5eee4; --roxo-950:#32056a; --roxo-900:#240963; --roxo-700:#590795; --roxo-600:#7131ad; --roxo-500:#b18add;
 --lilas-200:#e9d9f4; --lilas-100:#f4edf8; --dourado-400:#f0d088; --tinta:#2e1d65; --tinta-suave:#5b4879; --branco:#fff; --borda:#d6c3e5;
 --fonte-serifada:'Playfair Display',Georgia,serif; --fonte-manuscrita:'Great Vibes',cursive; --fonte-sans:'Poppins',sans-serif;
 --texto-0:clamp(1rem,.94rem + .2vw,1.125rem); --texto-1:clamp(1.05rem,.96rem + .4vw,1.3rem);
 --titulo-3:clamp(1.6rem,1.1rem + 1vw,2.25rem); --titulo-2:clamp(2.2rem,1.25rem + 3vw,4rem);
 --titulo-1:clamp(3rem,1.15rem + 6vw,6.4rem); --script-1:clamp(3.2rem,1.8rem + 5.4vw,6.75rem);
 --container:80rem; --altura-cabecalho:5.25rem; --transicao:180ms ease; --movimento:260ms cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after {box-sizing:border-box}
html {-webkit-text-size-adjust:100%;scrollbar-color:#b69bce var(--creme)}
body {margin:0;background:var(--creme);color:var(--tinta);font:400 var(--texto-0)/1.7 var(--fonte-sans);text-rendering:optimizeLegibility;overflow-wrap:anywhere;isolation:isolate;overflow-x:clip}
/* Uma única folha de papel, sem ladrilhos ou emendas ao longo da leitura. */
body::before {content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url('../media/textura-papel-creme-d47f55b0b4d9.webp') center/cover no-repeat;opacity:.48}
main {position:relative;isolation:isolate;overflow:clip}
img,svg {display:block;max-width:100%} figure,p {margin:0 0 1.2em} p:last-child {margin-bottom:0} strong {font-weight:600}
h1,h2,h3 {margin:0 0 .65em;color:var(--roxo-900);font-family:var(--fonte-serifada);font-weight:500;line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
h2 {font-size:var(--titulo-2)} h3 {font-size:var(--titulo-3)} a {color:var(--roxo-700);text-underline-offset:.25em} button {font:inherit}
::selection {background:var(--lilas-200);color:var(--roxo-950)} :focus-visible {outline:3px solid var(--roxo-600);outline-offset:5px}
[id] {scroll-margin-top:calc(var(--altura-cabecalho) + 1.5rem)}
.container {width:min(calc(100% - clamp(2.5rem,8vw,8rem)),var(--container));margin-inline:auto;position:relative}
.container>*,.secao>* {min-width:0}
.sr-only {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link {position:fixed;top:-5rem;left:1rem;z-index:100;padding:.75rem 1rem;color:white;background:var(--roxo-950)} .skip-link:focus {top:1rem}
.titulo-manuscrito {font:400 1em/1.1 var(--fonte-manuscrita);color:var(--roxo-700);letter-spacing:0}
.titulo-manuscrito-italico {font-weight:600;font-style:italic;color:var(--roxo-700)}
.titulo__pincelada {position:absolute;bottom:-.1em;left:-2%;width:104%;height:.2em;z-index:-1;pointer-events:none}
.titulo__pincelada .ornamento,.titulo__pincelada img {width:100%;height:100%} .titulo__pincelada img {object-fit:fill}
/* Controles e navegação */
.botao {max-width:100%;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:48px;padding:.85rem 1.65rem;border-radius:999px;font-size:.98rem;line-height:1.25;font-weight:500;text-align:center;text-decoration:none;transition:background-color var(--transicao),transform var(--transicao)}
.botao__icone {flex:none} .botao__icone svg {width:1.3em;height:1.3em} .botao__seta {transition:transform var(--movimento)}
.botao--primario {background:var(--roxo-700);color:white} .botao--primario:hover {background:var(--roxo-950);transform:translateY(-2px)}
.botao--claro {color:var(--roxo-950);background:var(--creme)} .botao--claro:hover {background:white;transform:translateY(-2px)}
.botao--texto {padding-inline:.1rem;color:var(--roxo-900);text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:1px} .botao--texto:hover {color:var(--roxo-700)}
.kicker {margin:0 0 1.2rem;color:var(--roxo-700);font-size:.77rem;line-height:1.6;font-weight:500;letter-spacing:.18em;text-transform:uppercase}
.kicker--linha::before {content:'';display:inline-block;width:2rem;height:1px;margin:0 .9rem .25em 0;background:currentColor;opacity:.6}
.kicker--centro {text-align:center} .kicker--dourada {color:var(--dourado-400)}
.nota-escopo {margin-top:1.7rem;padding:.1rem 0 .1rem 1rem;border-left:1px solid var(--roxo-500);font-size:.9rem;line-height:1.7;color:var(--tinta-suave)}
.icone-circulo {display:grid;place-items:center;position:relative;width:5rem;height:5rem;color:var(--roxo-900);isolation:isolate}
.icone-circulo::before {content:'';position:absolute;inset:0;z-index:-1;background:var(--lilas-200);mask:url('../media/mascara-fotografia-organica-3e911d460863.svg') center/100% 100% no-repeat;opacity:.8;transform:rotate(-8deg)}
.icone-circulo svg {width:2.7rem;height:2.7rem;stroke-width:1.4}
.icone-circulo--pequeno {flex:none;width:3.5rem;height:3.5rem} .icone-circulo--pequeno svg {width:1.8rem;height:1.8rem}
.ornamento {pointer-events:none} .ornamento img {width:100%;height:100%;object-fit:fill}
.cabecalho {position:sticky;top:0;z-index:40;background:var(--creme)}
.cabecalho__interior {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;min-height:var(--altura-cabecalho)}
.cabecalho__logo {display:flex;align-items:center;gap:.75rem;flex:0 1 auto;min-width:0;color:var(--roxo-900);text-decoration:none} .cabecalho__nome {max-width:11.5rem;font:500 clamp(1.1rem,1.4vw,1.35rem)/1.15 var(--fonte-serifada);text-wrap:balance} .cabecalho__logo img {width:76px;height:76px;object-fit:contain}
.menu {display:flex;align-items:center;gap:2rem} .menu__lista {display:flex;align-items:center;gap:1.3rem;padding:0;margin:0;list-style:none}
.menu__link {position:relative;display:inline-flex;align-items:center;min-height:44px;color:var(--tinta);text-decoration:none;font-size:.8rem;line-height:1.4}
.menu__link::after {content:'';position:absolute;left:0;right:0;bottom:.45rem;height:1px;background:var(--roxo-700);transform:scaleX(0);transform-origin:left;transition:transform var(--movimento)}
.menu__link:hover,.menu__link:focus-visible {color:var(--roxo-700)} .menu__link:focus-visible::after {transform:scaleX(1)}
.cabecalho__cta {font-size:.82rem;padding:.7rem 1.1rem}
.menu__botao {flex:none;max-width:100%;display:none;align-items:center;gap:.6rem;padding:.5rem .7rem;min-height:44px;border:1px solid var(--borda);border-radius:999px;background:transparent;color:var(--roxo-900);cursor:pointer;font-size:.9rem}
.menu__botao svg {width:1.3rem;height:1.3rem} .menu__icone-fechar {display:none}
.rodape {padding-block:.65rem} .rodape__interior {display:flex;align-items:center;justify-content:center;color:var(--tinta-suave);font-size:.8rem;line-height:1.5;text-align:center}
.rodape__interior p {margin:0}
/* 1. Abertura. Fotografia em tela cheia e conteúdo independente. */
.secao {position:relative;isolation:isolate;overflow:visible;padding-block:clamp(4rem,7vw,7rem)}
.titulo-secao {max-width:67rem;margin-inline:auto;text-align:center} .titulo-secao--esquerda {margin-left:0;text-align:left}
.hero {position:relative;isolation:isolate;overflow:clip}
.hero__grade {display:grid;align-items:center;min-height:770px;padding-block:6rem 8rem}
.hero__texto {position:relative;z-index:3;width:68%;max-width:54rem}
.hero__texto .kicker {max-width:44rem;margin-bottom:2rem}
.hero__titulo {margin-bottom:2.2rem}
.hero__titulo-serif {display:block;font-size:var(--titulo-1);letter-spacing:-.04em;line-height:1.05;white-space:normal}
.hero__titulo-script {display:block;position:relative;width:fit-content;font-size:var(--script-1);line-height:1.05;padding-bottom:.1em;margin-top:-.03em}
.hero__apresentacao {max-width:40rem;font-size:var(--texto-1);line-height:1.75}
.hero__acoes {display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-top:2.2rem}
.hero__figura {position:absolute;inset:0;z-index:0} .hero__figura img {width:100%;height:100%;object-fit:cover;object-position:75% top}
.hero__figura::after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--creme) 0%,var(--creme) 26%,#fcf8f1eb 39%,#fcf8f170 53%,transparent 70%)}
.hero__penas {position:absolute;inset:auto 0 -2px auto;width:100%;height:auto;aspect-ratio:1600/900;z-index:2;mask-image:linear-gradient(90deg,transparent 45%,#000 66%)} .hero__penas img {width:100%;height:auto;object-fit:contain}
.hero__penas-superiores {position:absolute;top:-10%;right:-2%;width:min(65vw,900px);height:auto;aspect-ratio:1100/619;z-index:2} .hero__penas-superiores img {width:100%;height:auto;object-fit:contain}
.hero__base {position:absolute;bottom:-1.5rem;left:-5%;right:-5%;height:4rem;z-index:4;background:var(--roxo-950);mask:url('../media/mascara-fotografia-organica-3e911d460863.svg') center/100% 100% no-repeat;transform:rotate(-1deg)}
/* 2. Públicos */
.publicos .titulo-secao {max-width:none;font-size:clamp(2rem,3.7vw,3.3rem)}
.publicos__grade {display:grid;grid-template-columns:1fr 1fr;margin-top:3.5rem}
.publico {padding:0 3rem;text-align:center} .publico+.publico {border-left:1px solid var(--borda)}
.publico>.icone-circulo {margin:0 auto .8rem;width:4rem;height:4rem} .publico>.icone-circulo::before {opacity:0}
.publico h3 {font-size:clamp(2rem,2.8vw,2.6rem);margin-bottom:.5em} .publico>p {max-width:28rem;margin-inline:auto}
.publico__destaques {display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:2rem 0 0;padding:0;list-style:none}
.publico__destaques li {display:flex;flex-direction:column;align-items:center;padding-inline:.7rem;gap:.65rem;font-size:.86rem;line-height:1.6}
.publico__destaques li+li {border-left:1px solid var(--borda)} .destaque__icone svg {width:2rem;height:2rem;stroke-width:1.4;color:var(--roxo-700)}
/* 3. Cuidado */
.cuidado__grade {display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.cuidado__texto>p:not(.kicker) {max-width:36rem} .cuidado__figura {min-width:0}
.cuidado__figura img {width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;object-position:46% center;mask:url('../media/mascara-fotografia-organica-3e911d460863.svg') center/100% 100% no-repeat}
/* 4. Contexto de gestão */
.porque__grade {display:grid;grid-template-columns:1fr 1.03fr;gap:4rem;align-items:center}
.porque h2 {font-size:clamp(2.5rem,4.2vw,4.1rem)} .porque__texto p {font-size:1rem}
.imprensa {padding:1.5rem 0 0;margin:0} .imprensa__recorte {position:relative;padding:.85rem}
.imprensa__recorte::before {content:'';position:absolute;inset:0;background:#e2c9f1;opacity:.65;mask:url('../media/mascara-fotografia-organica-3e911d460863.svg') center/100% 100% no-repeat;transform:rotate(-3deg)}
.imprensa__recorte img {position:relative;width:100%;height:auto;border-radius:2px}
.porque__indicadores {display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:4rem}
.indicador {padding:0 2.3rem} .indicador:first-child {padding-left:0} .indicador+.indicador {border-left:1px solid var(--borda)}
.indicador__numero {margin-bottom:.75rem;font:500 clamp(2.7rem,4vw,4rem)/1.05 var(--fonte-serifada);color:var(--roxo-900);letter-spacing:-.04em;font-variant-numeric:lining-nums}
.indicador__texto {font-size:.9rem}
.porque .porque__fonte {margin:2rem auto 0;text-align:center}
/* 5. Estrutura */
.estrutura__grade {display:grid;grid-template-columns:1.05fr 1fr;gap:3.5rem;align-items:center}
.estrutura h2 {font-size:clamp(2.8rem,5.1vw,4.8rem);line-height:1.1}
.estrutura__linha1,.estrutura__linha2 {display:block} .estrutura__linha2 {position:relative;width:fit-content}
.estrutura__destaques {display:grid;gap:1rem;margin:2rem 0;padding:0;list-style:none}
.estrutura__destaques li {display:flex;align-items:center;gap:1rem;font-size:.95rem} .estrutura__destaques li+li {border-top:1px solid var(--borda);padding-top:1rem}
.estrutura__acoes {display:flex;align-items:center;flex-wrap:wrap;gap:.75rem 1.5rem}
.nr1__quadro {position:relative;isolation:isolate;color:white}
.nr1__quadro::before {content:'';position:absolute;inset:-2% -2%;z-index:-1;background-color:var(--roxo-950);background-image:linear-gradient(#32056a66,#32056a66),url('../media/textura-pincelada-roxa-c01a399dd064.webp');background-position:center;background-size:100% 100%,cover;background-repeat:no-repeat;mask:url('../media/mascara-campo-pintura-5b5fbb211f34.svg') center/100% 100% no-repeat}
.nr1__tinta {display:none}
.nr1__conteudo {padding:clamp(2.8rem,5vw,4.5rem) clamp(2.2rem,4.3vw,4rem)}
.nr1__quadro h3 {color:white;font-size:clamp(1.9rem,2.7vw,2.75rem);line-height:1.17}
.nr1__quadro p:not(.kicker) {color:#fff;font-size:.95rem;line-height:1.8}
.nr1__data {display:grid;grid-template-columns:1fr;gap:.75rem;align-items:center;margin-block:1.8rem 1.2rem;padding-block:1.3rem;border-block:1px solid #ffffff55}
.nr1__data-numero {font:500 clamp(2.1rem,3.5vw,3.4rem)/1 var(--fonte-serifada);color:var(--dourado-400)} .nr1__data>span+span {font-size:.8rem;line-height:1.7}
/* 6. Programa */
.programa .titulo-secao {max-width:64rem}
.programa__nome {position:relative;width:fit-content;max-width:100%;font-size:clamp(2.4rem,4vw,4.5rem);margin:-.1em auto 1.2rem;text-align:center}
.programa__apresentacao {max-width:52rem;margin-inline:auto;text-align:center}
.programa__pilares {display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.pilar {text-align:center;min-width:0} .pilar__figura {margin:0 -.25rem}
.pilar__figura img {width:100%;height:auto;aspect-ratio:1.04;object-fit:cover;mask:url('../media/mascara-fotografia-organica-3e911d460863.svg') center/100% 100% no-repeat}
.pilar__figura [data-slot] {object-position:center}
.pilar .icone-circulo {margin:-1.6rem auto 1rem}
.pilar:nth-child(2) .icone-circulo::before {background:#f2c7e7;transform:rotate(8deg)} .pilar:nth-child(3) .icone-circulo::before {background:#f4d39b;transform:rotate(-15deg)}
.pilar h3 {max-width:22rem;margin-inline:auto;font-size:clamp(1.8rem,2.4vw,2.5rem)} .pilar p {max-width:21rem;margin-inline:auto}
/* 7. Diferenciais */
.diferenciais__apresentacao {max-width:58rem;font-size:var(--texto-1)} .diferenciais .titulo-secao {max-width:64rem}
.diferenciais .titulo-manuscrito-italico {display:block;position:relative;width:fit-content}
.diferenciais__grade {display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:3.5rem}
.diferencial {display:grid;grid-template-columns:5rem 1fr;gap:.5rem 1.5rem;padding:2.3rem 2.7rem 2.3rem 0;align-content:start}
.diferencial:nth-child(even) {border-left:1px solid var(--borda);padding-left:2.7rem;padding-right:0} .diferencial:nth-child(n+3) {border-top:1px solid var(--borda)}
.diferencial .icone-circulo {grid-row:span 2} .diferencial h3 {margin:.1rem 0 .5rem} .diferencial p {grid-column:2;font-size:1rem}
.diferencial:nth-child(2) .icone-circulo::before {background:#efcde8} .diferencial:nth-child(4) .icone-circulo::before {background:#cfe9e3}
/* 8. Facilitadores */
.facilitadores__grade {display:grid;grid-template-columns:1fr 1fr;gap:5rem;max-width:65rem;margin:3.5rem auto 0}
.facilitadores .titulo-secao {max-width:58rem} .facilitadora {position:relative;min-width:0;text-align:center}
.facilitadora__mancha {position:absolute;z-index:0;top:9%;left:-3%;right:-3%;height:49%;opacity:.7;transform:rotate(-8deg)}
.facilitadora__mancha .ornamento {width:100%;height:100%} .facilitadora:nth-child(2) .facilitadora__mancha {transform:rotate(10deg)}
.facilitadora__retrato {position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;height:390px}
.facilitadora__retrato img {height:100%;width:auto;max-width:100%;object-fit:contain;object-position:center bottom}
.facilitadora:nth-child(2) .facilitadora__retrato {overflow:hidden}
.facilitadora:nth-child(2) .facilitadora__retrato img {position:absolute;top:10.6%;left:50%;height:155%;width:auto;max-width:none;max-height:none;transform:translateX(-50%)}
.facilitadora h3 {position:relative;margin:1rem 0 .3rem;font-size:clamp(2rem,3vw,3rem)} .facilitadora__papel {font-size:.95rem;margin-bottom:.8rem;font-weight:500} .facilitadora__bio {max-width:29rem;margin-inline:auto;font-size:1rem}
/* 9. Instituto */
.instituto__grade {display:grid;grid-template-columns:1fr 1.05fr;gap:4rem;align-items:center}
.instituto__figura {margin:0} .instituto__figura img {width:100%;height:auto;aspect-ratio:1.4;object-fit:cover;mask:url('../media/mascara-fotografia-organica-3e911d460863.svg') center/100% 100% no-repeat}
.instituto__fecho {margin-top:2.5rem;text-align:center}
.instituto__lema {max-width:74rem;margin:0 auto;font:italic 600 clamp(1.5rem,2.4vw,2.2rem)/1.45 var(--fonte-serifada);color:var(--roxo-900)}
/* 10. Contato */
.contato {position:relative;isolation:isolate;overflow:clip;padding-block:3rem 1rem}
.contato__campo {position:relative;isolation:isolate}
.contato__campo::before {content:'';position:absolute;inset:0 -3%;z-index:-1;background-color:var(--roxo-950);background-image:linear-gradient(#32056a66,#32056a66),url('../media/textura-pincelada-roxa-c01a399dd064.webp');background-position:center;background-size:100% 100%,cover;background-repeat:no-repeat;mask:url('../media/mascara-campo-pintura-5b5fbb211f34.svg') center/100% 100% no-repeat;transform:rotate(-1deg)}
.contato__tinta {display:none}
.contato__conteudo {position:relative;max-width:64rem;margin:auto;padding:5.5rem 3rem;text-align:center}
.contato h2 {color:white;font-size:clamp(2.3rem,4.4vw,4.25rem)} .contato__conteudo>p {color:white} .contato__conteudo>.botao {margin-top:1rem}
.contato__linhas {display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.5rem;margin-top:2rem;font-size:.95rem} .contato__linhas a {color:white} .contato__linhas [aria-hidden] {opacity:.5}
.contato :focus-visible,.nr1__quadro :focus-visible {outline-color:var(--dourado-400)}
/* As penas atravessam as junções em grupos finitos, nunca na altura da seção. */
main {--penas-largura:clamp(42rem,65vw,64rem);--penas-recuo:clamp(6rem,8vw,9rem)}
.publicos__penas,.porque__penas,.programa__penas,.diferenciais__penas,.facilitadores__penas {position:absolute;pointer-events:none;top:-6rem;bottom:auto;left:calc(-1 * var(--penas-recuo));width:var(--penas-largura);height:auto;opacity:.6;z-index:-1;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 78%,transparent)}
.publicos__penas img,.porque__penas img,.programa__penas img,.diferenciais__penas img,.facilitadores__penas img {width:100%;height:auto;object-fit:contain}
.porque__penas,.programa__penas {left:auto;right:calc(-1 * var(--penas-recuo));transform:scaleX(-1)}
.facilitadores__penas {top:auto;bottom:-5rem}
.publicos::after,.estrutura::after,.facilitadores::after,.instituto::after {content:'';position:absolute;z-index:-1;pointer-events:none;top:-7rem;right:calc(-1 * (var(--penas-recuo) + 2rem));width:var(--penas-largura);height:auto;aspect-ratio:1100/619;background:url('../media/penas-aquarela-direita-69776ba64715.webp') right top/contain no-repeat;opacity:.55;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 80%,transparent)}
.publicos::after {top:auto;bottom:-12rem}
.estrutura::after {right:auto;left:calc(-1 * (var(--penas-recuo) + 2rem));transform:scaleX(-1)}
.instituto::after {top:auto;bottom:-8rem}
.contato {overflow:visible}
.contato::after {content:'';position:absolute;pointer-events:none;z-index:-1;right:calc(-1 * var(--penas-recuo));bottom:0;width:var(--penas-largura);height:auto;aspect-ratio:1100/619;background:url('../media/penas-aquarela-canto-060efdfa621e.webp') right bottom/contain no-repeat;opacity:.55;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 78%,transparent)}
/* Navegação intermediária */
@media(max-width:71.99rem) {
 .cabecalho__logo img {width:76px} .js .menu__botao {display:inline-flex} .js .menu {display:none}
 .js .cabecalho.menu--aberto .menu {display:block;position:absolute;top:100%;left:0;right:0;padding:1rem clamp(1.25rem,4vw,4rem) 1.5rem;background:var(--creme);border-bottom:1px solid var(--borda);max-height:calc(100svh - var(--altura-cabecalho));overflow-y:auto;box-shadow:0 16px 20px #28075b12}
 .menu--aberto .menu__icone-abrir {display:none} .menu--aberto .menu__icone-fechar {display:block}
 .menu__lista {flex-direction:column;align-items:stretch;gap:.2rem;margin-bottom:1rem} .menu__link {display:flex;font-size:1rem;min-height:48px}
 .no-js .cabecalho {position:relative} .no-js .cabecalho__interior {flex-wrap:wrap;padding-block:1rem} .no-js .menu {flex-basis:100%;display:block}
}
@media(min-width:1600px) {.hero__grade {min-height:830px}}
@media(max-width:63.99rem) {
 .hero__grade {min-height:0;padding-block:3.5rem 2rem} .hero__texto {width:100%;max-width:48rem}
 .hero__titulo-serif {font-size:clamp(2.8rem,7.8vw,5.4rem)} .hero__titulo-script {font-size:clamp(3.3rem,8.2vw,6rem)}
 .hero__texto .kicker {margin-bottom:1.5rem} .hero__figura {position:relative;height:clamp(390px,70vw,580px);margin-top:-1.5rem}
 .hero__figura img {object-position:80% center} .hero__figura::after {background:linear-gradient(180deg,var(--creme),transparent 18%,transparent 88%,var(--creme))}
 .hero__penas {top:auto;right:-8%;width:min(120%,64rem);height:auto} .hero__penas-superiores {width:70%;height:auto} .hero__base {height:2.5rem;bottom:-.7rem}
 .cuidado__grade,.porque__grade,.estrutura__grade,.instituto__grade {grid-template-columns:1fr;gap:2.5rem}
 .cuidado__texto,.porque__texto {max-width:45rem} .cuidado__figura {width:min(100%,42rem);margin-inline:auto} .cuidado__figura img {aspect-ratio:1.45}
 .nr1__quadro {max-width:44rem;margin-inline:auto} .estrutura h2 {max-width:46rem} .nr1__conteudo {padding:4rem 3.5rem} .nr1__quadro h3 {font-size:clamp(2rem,4vw,3rem)}
 .imprensa {max-width:48rem} .publico {padding-inline:1.5rem} .facilitadores__grade {gap:2.5rem} .facilitadora__retrato {height:300px}
 .diferencial {grid-template-columns:3.5rem 1fr;gap:.5rem 1rem;padding-right:1.5rem} .diferencial:nth-child(even) {padding-left:1.5rem}
 .diferencial .icone-circulo {width:3.5rem;height:3.5rem} .diferencial .icone-circulo svg {width:2rem;height:2rem}
 .instituto__figura {width:min(100%,44rem);margin-inline:auto} .instituto__figura img {aspect-ratio:1.4}
}
@media(max-width:47.99rem) {
 :root {--altura-cabecalho:4.5rem} .cabecalho__interior {column-gap:.75rem} .secao {padding-block:3rem}
 .cabecalho__logo {gap:.6rem} .cabecalho__logo img {width:64px;height:64px;flex:none} .cabecalho__nome {max-width:8rem;font-size:1.05rem}
 .botao {padding:.85rem 1.3rem;font-size:.9rem} .kicker {font-size:.75rem;letter-spacing:.12em}
 .hero__grade {padding-top:2.5rem} .hero__texto .kicker {max-width:20rem;line-height:1.9} .hero__titulo {margin-bottom:1.6rem}
 .hero__apresentacao {font-size:1rem} .hero__acoes {gap:.5rem 1.3rem;margin-top:1.7rem}
 .hero__figura {height:405px;margin-top:-.5rem} .hero__figura img {object-position:81% center}
 .hero__penas {left:auto;right:-12%;width:160%;height:auto;mask-image:none} .hero__penas-superiores {opacity:.5;width:80%;top:0;height:auto}
 .publicos__grade {grid-template-columns:1fr;gap:2.5rem;margin-top:2rem} .publico {padding-inline:0} .publico+.publico {border-left:0;border-top:1px solid var(--borda);padding-top:2rem}
 .publico__destaques li {padding-inline:.6rem;font-size:.8rem} .publicos .titulo-secao {font-size:2.1rem}
 .porque__indicadores {grid-template-columns:1fr;gap:1.5rem;margin-top:2.5rem} .indicador,.indicador:first-child {padding:0}
 .indicador+.indicador {border-left:0;border-top:1px solid var(--borda);padding-top:1.5rem} .indicador__numero {font-size:3rem}
 .porque h2 {font-size:2.5rem} .porque__fonte {text-align:left}
 .estrutura h2 {font-size:clamp(2.65rem,9vw,3.8rem)} .estrutura__acoes {gap:.8rem}
 .nr1__conteudo {padding:3rem 1.6rem} .nr1__quadro h3 {font-size:2rem} .nr1__quadro p:not(.kicker) {font-size:.9rem} .nr1__data {grid-template-columns:1fr;gap:1rem}
 .programa__nome {font-size:2.7rem} .programa__pilares {grid-template-columns:1fr;gap:2rem;margin-top:2rem} .pilar {width:100%;max-width:28rem;margin-inline:auto} .pilar__figura {max-width:22rem;margin:0 auto} .pilar__figura img {aspect-ratio:1.45} .pilar .icone-circulo {width:4rem;height:4rem;margin:-1.2rem auto .75rem} .pilar .icone-circulo svg {width:2.2rem;height:2.2rem} .pilar h3 {font-size:clamp(1.9rem,8.5vw,2.3rem)}
 .diferenciais__grade {grid-template-columns:1fr;margin-top:1.5rem}
 .diferencial,.diferencial:nth-child(even) {border-left:0;padding:1.7rem 0;grid-template-columns:3.2rem 1fr;gap:.5rem 1rem}
 .diferencial+.diferencial {border-top:1px solid var(--borda)} .diferencial .icone-circulo {width:3.2rem;height:3.2rem} .diferencial h3 {font-size:1.7rem} .diferencial p {font-size:.95rem}
 .facilitadores__grade {grid-template-columns:1fr;gap:3.5rem} .facilitadora {max-width:30rem;margin-inline:auto} .facilitadora__retrato {height:320px}
 .facilitadora__papel {font-size:.85rem} .facilitadora__bio {font-size:.95rem}
 .instituto__lema {font-size:1.6rem}
 .contato {padding-top:1.5rem} .contato__conteudo {padding:3.5rem 1.3rem} .contato h2 {font-size:2.2rem} .contato__conteudo>p {font-size:.95rem}
 .contato__linhas {flex-direction:column;gap:.8rem;font-size:.85rem} .contato__linhas [aria-hidden] {display:none} .contato__campo::before {inset-inline:-4%}
 main {--penas-largura:40rem;--penas-recuo:6.5rem}
 .publicos__penas,.porque__penas,.programa__penas,.diferenciais__penas,.facilitadores__penas {top:-5rem;opacity:.45}
 .facilitadores__penas {top:auto;bottom:-4rem}
 .publicos::after,.estrutura::after,.facilitadores::after,.instituto::after {top:-5rem;right:calc(-1 * (var(--penas-recuo) + 2rem));width:var(--penas-largura);height:auto;opacity:.38}
 .publicos::after {top:auto;bottom:-7rem}
 .estrutura::after {right:auto;left:calc(-1 * (var(--penas-recuo) + 2rem))}
 .instituto::after {top:auto;bottom:-6rem}
 .contato::after {opacity:.4}
}

/* Em telas estreitas, os destaques viram linhas para preservar palavras inteiras. */
@media(max-width:359px) {
 .cabecalho__interior {column-gap:.5rem} .cabecalho__logo {gap:.4rem} .cabecalho__logo img {width:56px;height:56px} .cabecalho__nome {max-width:6.75rem;font-size:.95rem}
 .publico__destaques {grid-template-columns:1fr;gap:.9rem;margin-top:1.5rem} .publico__destaques li {flex-direction:row;gap:.75rem;padding:0;text-align:left;font-size:.85rem} .publico__destaques li+li {border-left:0} .destaque__icone {flex:none}
}
/* A tinta responde à aproximação, enquanto as setas indicam o movimento da ação.
   Sem revelações ao rolar, loops, parallax ou dependências de animação. */
.icone-circulo::before {transition:transform var(--movimento),opacity var(--movimento)}
.menu__botao {transition:background-color var(--transicao),border-color var(--transicao)}
.menu__botao:active {background:var(--lilas-200)}
.botao:active {transform:translateY(0) scale(.98)}
@media(hover:hover) and (pointer:fine) {
 .menu__link:hover::after {transform:scaleX(1)}
 .botao:hover .botao__seta {transform:translateX(3px)}
 .publico:hover>.icone-circulo::before {opacity:.6;transform:rotate(3deg) scale(1.08)}
 .pilar:hover .icone-circulo::before,.diferencial:hover .icone-circulo::before {transform:rotate(0) scale(1.08);opacity:1}
}
@media(prefers-reduced-motion:no-preference) {html {scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce) {.botao:hover,.botao:active,.botao:hover .botao__seta {transform:none}}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}}


.fonte-dados {display:block;margin-top:.8rem;font-size:.82rem;line-height:1.6}
.fonte-dados a {color:inherit;text-underline-offset:.25em}
.nr1__conteudo p.fonte-dados {font-size:.82rem;line-height:1.6}

.nr1__data .fonte-dados {margin:0}
