/* Projeto Estrela Mãe — site institucional
   Tokens do Estrela Mãe Design System (Três tons). CSS compatível com celulares antigos:
   sem aspect-ratio, sem inset, sem gap em flex, sem clamp. */
:root{
--estrela-50:#FFF8E0;--estrela-100:#FFEFB8;--estrela-200:#FFE07A;--estrela-300:#FFD23D;--estrela-400:#FFC812;--estrela-500:#F2B300;
--manto-100:#D3F4E8;--manto-700:#0B7058;--manto-800:#084D3D;
--ceu-100:#D6F3FA;--ceu-600:#1395B3;--ceu-700:#0F7590;
--rosa-100:#FDE1DF;--rosa-700:#A92A33;
--pessego-100:#FDE9DC;--pessego-700:#B65A2A;
--folha-100:#E1F2DC;--folha-700:#2F7230;
--tinta-900:#15132B;--tinta-800:#22203A;--tinta-700:#3A3852;--tinta-500:#625F78;--tinta-300:#B4B1C0;
--papel-0:#FFFFFF;--papel-50:#FFFCF5;--papel-100:#FBF5E8;--papel-200:#F4EAD6;--papel-300:#E7DAC1;
--font-display:'Lora',Georgia,'Times New Roman',serif;
--font-body:'Figtree',-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
--shadow-sm:0 1px 2px rgba(60,40,10,.08);
--shadow-md:0 2px 4px rgba(60,40,10,.06),0 8px 20px rgba(60,40,10,.08);
--shadow-sticker:0 10px 24px rgba(40,30,10,.16);
--mark-estrela:linear-gradient(transparent 60%,#FFC812 60%,#FFC812 94%,transparent 94%);
--mark-branco:linear-gradient(transparent 60%,#fff 60%,#fff 94%,transparent 94%);
--ease:cubic-bezier(.4,0,.2,1);
}
*,*:before,*:after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--papel-50);color:var(--tinta-800);font-family:var(--font-body);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);color:var(--tinta-900);font-weight:600;line-height:1.15;letter-spacing:-.01em;margin:0}
p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img,video{display:block;max-width:100%}
a{color:var(--manto-700);text-underline-offset:3px}
a:hover{color:var(--manto-800)}
::selection{background:var(--estrela-200)}
:focus-visible{outline:2px solid var(--ceu-600);outline-offset:3px}
section[id]{scroll-margin-top:84px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pular{position:absolute;left:12px;top:-60px;z-index:50;background:var(--tinta-900);color:#fff;padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none}
.pular:focus{top:12px;color:#fff}

.wrap{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}
.secao{padding-top:96px;padding-bottom:96px}
.kicker{display:block;font:700 13px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--manto-700);margin-bottom:12px}
.h2{font-size:40px}
.lead{font-size:19px;color:var(--tinta-700);max-width:640px}
.destaque{font-style:italic;background-image:var(--mark-estrela);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.destaque-escuro{font-style:italic;color:var(--estrela-400)}
.destaque-branco{font-style:italic;background-image:var(--mark-branco);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}

/* Botões */
.btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;
  min-height:48px;padding:0 22px;border-radius:999px;border:1.5px solid transparent;font:700 16px/1.2 var(--font-body);letter-spacing:.01em;text-decoration:none;
  background:var(--estrela-400);color:var(--tinta-900);cursor:pointer;-webkit-transition:background .12s var(--ease),-webkit-transform .12s var(--ease);transition:background .12s var(--ease),transform .12s var(--ease)}
.btn:hover{background:var(--estrela-300);color:var(--tinta-900)}
.btn:active{background:var(--estrela-500);-webkit-transform:translateY(1px) scale(.98);transform:translateY(1px) scale(.98)}
.btn .ic{margin-right:8px}
.btn .ic.dir{margin-right:0;margin-left:8px}
.btn-lg{min-height:56px;padding:0 28px;font-size:18px}
.btn-contorno{background:transparent;border-color:var(--tinta-300)}
.btn-contorno:hover{background:var(--estrela-50)}
.btn-contorno:active{background:var(--estrela-100)}
.btn-tinta{background:var(--tinta-900);color:var(--papel-50)}
.btn-tinta:hover{background:var(--tinta-700);color:var(--papel-50)}
.btn-tinta:active{background:var(--tinta-800)}
.btn-branco{background:#fff}
.btn-branco:hover{background:var(--papel-100)}
.botoes{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:-6px}
.botoes .btn{margin:6px}

/* Cabeçalho */
.topo{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(255,252,245,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--papel-300)}
.topo .wrap{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:76px}
.marca{display:block;margin-right:auto;line-height:0}
.marca img{height:60px;width:auto}
.menu{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}
.menu a{display:block;padding:8px 14px;border-radius:999px;font:600 15px/1.2 var(--font-body);color:var(--tinta-700);text-decoration:none;white-space:nowrap}
.menu a:hover{background:var(--estrela-100);color:var(--tinta-900)}
.topo .btn{margin-left:12px;min-height:44px;padding:0 18px;font-size:15px}
.abrir-menu{display:none;width:44px;height:44px;margin-left:8px;border:1.5px solid var(--papel-300);border-radius:999px;background:#fff;color:var(--tinta-900);cursor:pointer;padding:0;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}
.abrir-menu .ic{width:22px;height:22px}
.abrir-menu .fechar{display:none}
.menu-aberto .abrir-menu .fechar{display:block}
.menu-aberto .abrir-menu .barras{display:none}

/* Hero */
.hero{padding-top:64px;padding-bottom:80px}
.hero .wrap{display:-ms-grid;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-gap:56px;gap:56px;-webkit-align-items:center;align-items:center}
.selo{display:inline-block;background:var(--estrela-400);color:var(--tinta-900);border-radius:999px;padding:8px 18px;font:800 13px/1.2 var(--font-body);letter-spacing:.08em;text-transform:uppercase;-webkit-transform:rotate(-3deg);transform:rotate(-3deg);box-shadow:var(--shadow-sticker)}
.hero h1{font-size:62px;line-height:1.06;margin-top:28px}
.brilho-wrap{position:relative;white-space:nowrap}
.brilho{position:absolute;right:-.42em;top:.05em;width:.32em;height:.32em;background:var(--estrela-400);-webkit-clip-path:polygon(50% 0%,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0% 50%,41% 41%);clip-path:polygon(50% 0%,59% 41%,100% 50%,59% 59%,50% 100%,41% 59%,0% 50%,41% 41%)}
.hero .lead{margin-top:24px}
.hero .botoes{margin-top:32px}
.hero-identidade{margin-top:28px;font-size:14px;color:var(--tinta-500)}
.hero-fotos{position:relative;padding-bottom:40px}
.hero-fotos .foto-grande{margin-left:12%}
.hero-fotos .foto-pequena{position:absolute;left:0;bottom:0;width:42%;border:6px solid var(--papel-50);border-radius:34px;box-shadow:var(--shadow-md)}

/* Fotos (proporção por padding-top: funciona em qualquer celular) */
.foto{position:relative;overflow:hidden;border-radius:28px;background:var(--papel-200);-webkit-transform:translateZ(0)}
.foto:before{content:"";display:block;padding-top:125%}
.foto.r34:before{padding-top:133.33%}
.foto.r43:before{padding-top:75%}
.foto.r11:before{padding-top:100%}
.foto.r916:before{padding-top:177.78%}
.foto img,.foto video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}

/* Quem somos */
.quem .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:64px;gap:64px;-webkit-align-items:start;align-items:start}
.quem .h2{margin-bottom:20px}
.quem p+p{margin-top:16px}
.fatos{margin-top:28px;border-top:1px solid var(--papel-300)}
.fatos div{display:-webkit-box;display:-webkit-flex;display:flex;padding:14px 0;border-bottom:1px solid var(--papel-300);font-size:15px}
.fatos dt{width:150px;flex-shrink:0;font-weight:700;color:var(--tinta-900)}
.fatos dd{color:var(--tinta-700)}
.linha-tempo{position:relative;padding-left:28px;list-style:none;margin:0}
.linha-tempo:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:1.5px;background:var(--papel-300)}
.linha-tempo li{position:relative;padding-bottom:26px}
.linha-tempo li:last-child{padding-bottom:0}
.linha-tempo li:before{content:"";position:absolute;left:-26px;top:9px;width:12px;height:12px;border-radius:50%;background:var(--papel-50);border:1.5px solid var(--tinta-900)}
.linha-tempo li.marco:before{background:var(--estrela-400);border-color:var(--estrela-500)}
.ano{display:block;font:600 26px/1.1 var(--font-display);color:var(--tinta-900)}
.linha-tempo p{font-size:16px;color:var(--tinta-700);margin-top:4px}
.quem-foto{margin-top:36px}

/* Missão */
.missao{background:var(--estrela-100)}
.mvv{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);grid-gap:24px;gap:24px;margin-top:40px}
.cartao{background:#fff;border:1px solid var(--papel-300);border-radius:16px;padding:32px;box-shadow:var(--shadow-sm)}
.cartao h3{font-size:24px;margin-bottom:12px}
.cartao p{color:var(--tinta-700)}
.cartao-azul{background:var(--tinta-900);border-color:var(--tinta-900);color:#fff}
.cartao-azul h3{color:#fff}
.cartao-azul p{color:#fff;font:italic 500 21px/1.45 var(--font-display)}
.valores{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin:-4px}
.valores li{margin:4px;padding:6px 14px;border-radius:999px;background:var(--estrela-50);border:1px solid var(--estrela-200);font:600 14px/1.3 var(--font-body);color:var(--tinta-900)}

/* Números */
.numeros{background:var(--tinta-900);color:#fff;border-radius:40px;padding:48px 56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:32px;gap:32px}
.numero{display:block;font:600 64px/1 var(--font-display);color:#fff}
.numeros li:first-child .numero{color:var(--estrela-400)}
.numero-txt{display:block;margin-top:10px;font-size:16px;color:var(--tinta-300)}

/* Atuação */
.atuacao-topo{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:space-between;justify-content:space-between}
.horario{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding:10px 18px;border-radius:999px;background:#fff;border:1px solid var(--papel-300);font-weight:600;font-size:15px;color:var(--tinta-900);white-space:nowrap;margin-left:24px}
.horario .ic{margin-right:8px;color:var(--manto-700)}
.atividades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px;margin-top:40px}
.atividade{background:#fff;border:1px solid var(--papel-300);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm)}
.atividade .icone{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:52px;height:52px;border-radius:16px;color:var(--tinta-900)}
.atividade .icone .ic{width:26px;height:26px}
.atividade h3{font-size:21px;margin-top:16px}
.atividade p{font-size:15px;line-height:1.55;color:var(--tinta-500);margin-top:6px}
.t-manto{background:var(--manto-100)}.t-rosa{background:var(--rosa-100)}.t-ceu{background:var(--ceu-100)}.t-estrela{background:var(--estrela-100)}.t-folha{background:var(--folha-100)}.t-pessego{background:var(--pessego-100)}
.galeria{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-gap:20px;gap:20px;margin-top:20px;-webkit-align-items:start;align-items:start}
.galeria figure{margin:0}
.galeria figcaption{font-size:14px;color:var(--tinta-500);margin-top:10px}
.video-toque{position:absolute;left:0;top:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer;padding:0}

/* Como ajudar */
.ajudar{background:var(--estrela-400)}
.ajudar .kicker{color:var(--tinta-900)}
.ajudar .lead{color:var(--tinta-800)}
.formas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px;margin-top:40px}
.forma{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;background:#fff;border-radius:16px;padding:28px}
.forma .icone{width:48px;height:48px;border-radius:14px;background:var(--estrela-100);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:var(--tinta-900)}
.forma .icone .ic{width:24px;height:24px}
.forma h3{font-size:22px;margin-top:16px}
.forma p{font-size:15px;color:var(--tinta-700);margin-top:8px;margin-bottom:20px}
.forma .btn{margin-top:auto;-webkit-align-self:flex-start;align-self:flex-start;min-height:44px;padding:0 18px;font-size:15px}
.forma.principal{background:var(--tinta-900);color:#fff}
.forma.principal h3{color:#fff}
.forma.principal p{color:var(--tinta-300)}
.forma.principal .icone{background:var(--estrela-400)}

/* Gestão */
.gestao-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:24px;gap:24px;margin-top:40px}
.pessoas{margin-top:8px}
.pessoas li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--papel-300);font-size:16px}
.pessoas li:last-child{border-bottom:0}
.pessoas strong{color:var(--tinta-900);font-weight:600;margin-right:16px}
.pessoas span{color:var(--tinta-500);text-align:right}
.consultivo{margin-top:24px;font-size:15px;color:var(--tinta-500)}
.consultivo strong{color:var(--tinta-900)}

/* Contato */
.contato{background:var(--papel-100);border-top:1px solid var(--papel-300)}
.contato .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-gap:56px;gap:56px;-webkit-align-items:center;align-items:center}
.canais{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:16px;gap:16px}
.canal{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;background:#fff;border:1px solid var(--papel-300);border-radius:16px;padding:20px;text-decoration:none;color:var(--tinta-800);-webkit-transition:-webkit-transform .2s var(--ease),box-shadow .2s var(--ease);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
a.canal:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:var(--shadow-md);color:var(--tinta-800)}
.canal .icone{width:44px;height:44px;border-radius:12px;background:var(--estrela-100);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;flex-shrink:0;margin-right:14px;color:var(--tinta-900)}
.canal-rotulo{display:block;font:700 12px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--manto-700)}
.canal-valor{display:block;margin-top:6px;font-weight:600;color:var(--tinta-900);font-size:16px;line-height:1.4;word-break:break-word}
.canal-extra{display:block;margin-top:4px;font-size:14px;color:var(--tinta-500)}
.canal.largo{grid-column:1 / -1}

/* Rodapé */
.rodape{background:var(--papel-50);border-top:1px solid var(--papel-300)}
.rodape-linha{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;padding-top:32px;padding-bottom:32px}
.rodape-logo{height:88px;width:auto;margin-right:28px;flex-shrink:0}
.rodape-id{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px;line-height:1.55;color:var(--tinta-500)}
.rodape-id strong{display:block;color:var(--tinta-900);font-size:15px}
.rodape-redes{display:-webkit-box;display:-webkit-flex;display:flex;margin-left:24px}
.rodape-redes a{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--papel-300);background:#fff;color:var(--tinta-900);margin-left:8px}
.rodape-redes a:hover{background:var(--estrela-100);color:var(--tinta-900)}
.rodape-links{margin-left:24px;font-size:14px;text-align:right;line-height:1.9}
.rodape-links a{display:block;color:var(--tinta-700)}
.rodape-base{border-top:1px solid var(--papel-300);padding-top:14px;padding-bottom:14px;font-size:13px;color:var(--tinta-500)}

/* Página interna (privacidade / 404) */
.texto{max-width:760px;margin:0 auto;padding:64px 24px 96px}
.texto h1{font-size:44px;margin-bottom:16px}
.texto h2{font-size:24px;margin-top:40px;margin-bottom:10px}
.texto p,.texto li{color:var(--tinta-700)}
.texto p+p{margin-top:12px}
.texto ul{list-style:disc;padding-left:22px;margin-top:10px}
.texto li+li{margin-top:6px}

/* ---------- Tablet ---------- */
@media (max-width:1023px){
  .secao{padding-top:72px;padding-bottom:72px}
  .menu a{padding:8px 10px;font-size:14px}
  .hero h1{font-size:50px}
  .hero .wrap{grid-gap:36px;gap:36px}
  .quem .wrap{grid-gap:40px;gap:40px}
  .mvv{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .mvv .cartao-azul{grid-column:1 / -1}
  .atividades,.formas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .galeria{grid-template-columns:repeat(2,minmax(0,1fr))}
  .numeros{padding:40px 36px}
  .numero{font-size:52px}
  .contato .wrap{grid-template-columns:minmax(0,1fr);grid-gap:32px;gap:32px}
  .rodape-logo{height:72px;margin-right:20px}
  .rodape-redes{margin-left:16px}
  .rodape-links{margin-left:16px}
}
@media (max-width:899px){
  .menu{display:none;position:absolute;top:76px;left:0;right:0;background:var(--papel-50);border-bottom:1px solid var(--papel-300);box-shadow:var(--shadow-md);padding:12px 16px 20px;-webkit-box-orient:vertical;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;align-items:stretch}
  .menu a{padding:14px 12px;font-size:17px;border-radius:12px}
  .menu-aberto .menu{display:-webkit-box;display:-webkit-flex;display:flex}
  .abrir-menu{display:-webkit-box;display:-webkit-flex;display:flex}
  .hero .wrap{grid-template-columns:minmax(0,1fr)}
  .hero-fotos{max-width:520px}
}
/* ---------- Celular ---------- */
@media (max-width:759px){
  body{font-size:16px}
  .wrap{padding-left:20px;padding-right:20px}
  .secao{padding-top:56px;padding-bottom:56px}
  .h2{font-size:31px}
  .lead{font-size:17px}
  .topo .wrap{height:68px}
  .marca img{height:52px}
  .menu{top:68px}
  section[id]{scroll-margin-top:76px}
  .topo .btn{min-height:44px;padding:0 14px;font-size:14px;margin-left:8px}
  .topo .btn .ic{display:none}
  .hero{padding-top:36px;padding-bottom:56px}
  .hero h1{font-size:38px;margin-top:22px}
  .hero .lead{margin-top:18px}
  .hero .botoes{margin-top:26px}
  .hero .botoes .btn{-webkit-box-flex:1;-webkit-flex:1 1 100%;flex:1 1 100%}
  .quem .wrap{grid-template-columns:minmax(0,1fr)}
  .fatos dt{width:120px}
  .mvv,.atividades,.formas,.gestao-grade{grid-template-columns:minmax(0,1fr)}
  .mvv .cartao-azul{grid-column:auto}
  .cartao{padding:24px}
  .numeros{grid-template-columns:minmax(0,1fr);border-radius:28px;padding:32px 28px;grid-gap:24px;gap:24px}
  .numero{font-size:46px}
  .atuacao-topo{display:block}
  .horario{display:inline-block;margin-left:0;margin-top:20px;white-space:normal}
  .galeria{grid-gap:12px;gap:12px}
  .galeria figcaption{font-size:13px}
  .forma{padding:24px}
  .canais{grid-template-columns:minmax(0,1fr)}
  .canal.largo{grid-column:auto}
  .pessoas li{display:block}
  .pessoas span{display:block;text-align:left;font-size:14px}
  /* Rodapé do celular: versão própria, compacta e centralizada */
  .rodape-linha{display:block;text-align:center;padding-top:28px;padding-bottom:24px}
  .rodape-logo{height:84px;margin:0 auto 14px}
  .rodape-redes{-webkit-justify-content:center;justify-content:center;margin:16px 0 0}
  .rodape-redes a{margin:0 5px}
  .rodape-links{margin:14px 0 0;text-align:center}
  .rodape-links a{display:inline-block;margin:0 8px}
  .rodape-base{text-align:center}
  .texto h1{font-size:34px}
}
@media (max-width:379px){
  .hero h1{font-size:34px}
  .marca img{height:46px}
  .topo .btn{padding:0 12px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{-webkit-transition:none!important;transition:none!important}}