/* Instituto Hope House · Identidade visual 2026
   Paleta oficial extraída da proposta institucional:
   azul #83D0DB · amarelo #F4C86A · rosa #CD779B · lima #C9E265 · oliva #8C8760 · grafite #58585A
*/
:root{
  --ink:#58585A;
  --ink-deep:#3F3F41;
  --paper:#FFFFFF;
  --paper-2:#F7F7F3;
  --sun:#F4C86A;
  --clay:#CD779B;
  --sage:#83D0DB;
  --lime:#C9E265;
  --olive:#8C8760;
  --line:rgba(88,88,90,.18);
  --muted:#717176;
}
html{background:#fff}
body{background:#fff;color:var(--ink)}
::selection{background:var(--sun);color:var(--ink-deep)}
.site-shell{width:min(calc(100% - 56px),1220px)}
.section-pad{padding:104px 0}
.eyebrow{color:var(--ink);font-weight:700}
.eyebrow--warm{color:var(--olive)}
.eyebrow--light{color:var(--ink)}
h1,h2,h3{color:var(--ink-deep)}
.button{border-radius:0}
.button--sun{background:var(--sun);color:var(--ink-deep)}
.button--sun:hover{background:var(--lime)}
.button--ink{background:var(--ink-deep);color:#fff}
.text-link{color:var(--ink-deep)}
.text-link:hover{color:var(--clay)}
.text-link--light{color:#fff}

/* cabeçalho */
.site-header{
  border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.96);
  color:var(--ink-deep);
  box-shadow:0 5px 22px rgba(45,45,45,.04);
}
.site-header__inner{min-height:86px}
.brand__logo{width:54px;height:54px;object-fit:contain}
.brand--institute{gap:13px}
.brand__name{display:grid;line-height:1}
.brand__name small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600}
.brand__name strong{margin-top:5px;font-size:17px;letter-spacing:-.03em;text-transform:uppercase}
.nav-link,.nav-link--button{color:var(--ink-deep)}
.nav-link:hover,.nav-link:focus,.nav-link--button:hover{color:var(--clay)}
.nav-action{background:var(--sun);color:var(--ink-deep)}
.nav-action:hover{background:var(--lime)}
.submenu{border:1px solid var(--line);background:#fff;box-shadow:0 18px 50px rgba(30,30,30,.12)}
.submenu a{color:var(--ink)}
.submenu a:hover{background:#f5f5f1;color:var(--clay)}
.menu-toggle{color:var(--ink-deep)}

/* cruzes da identidade */
.brand-cross{position:absolute;z-index:1;width:58px;height:58px;border:7px solid currentColor;border-radius:7px;pointer-events:none}
.brand-cross::before,.brand-cross::after{position:absolute;background:#fff;content:""}
.brand-cross::before{left:9px;right:9px;top:-9px;bottom:-9px}
.brand-cross::after{top:9px;bottom:9px;left:-9px;right:-9px}
.brand-cross--blue{color:var(--sage)}
.brand-cross--yellow{color:var(--sun)}
.brand-cross--pink{color:var(--clay)}

/* home interna */
.home-hero,.brand-home-hero{min-height:660px;background:#fff;color:var(--ink)}
.home-hero__grid{min-height:660px;grid-template-columns:minmax(0,1.12fr) minmax(320px,.72fr);gap:85px;padding-top:80px;padding-bottom:80px}
.home-hero h1{color:var(--ink-deep)}
.home-hero h1 em{color:var(--clay)}
.home-hero .lead{color:var(--muted)}
.brand-home-hero .brand-cross--blue{right:8%;top:95px}
.brand-home-hero .brand-cross--yellow{right:30%;bottom:70px;width:42px;height:42px;border-width:5px}
.brand-home-hero__panel{position:relative;padding:48px;border:1px solid var(--line);background:#f8f8f4}
.brand-home-hero__panel::before{position:absolute;top:0;left:0;width:100%;height:9px;background:linear-gradient(90deg,var(--sage) 0 20%,var(--sun) 20% 40%,var(--clay) 40% 60%,var(--lime) 60% 80%,var(--olive) 80%);content:""}
.brand-home-hero__panel img{width:150px;margin-bottom:45px}
.brand-home-hero__panel p{margin:0;font-family:var(--serif);font-size:27px;line-height:1.2;color:var(--ink-deep)}
.brand-palette{display:grid;grid-template-columns:repeat(5,1fr);height:15px;margin-top:45px}
.brand-palette i:nth-child(1){background:var(--sage)} .brand-palette i:nth-child(2){background:var(--sun)}
.brand-palette i:nth-child(3){background:var(--clay)} .brand-palette i:nth-child(4){background:var(--lime)}
.brand-palette i:nth-child(5){background:var(--olive)}
.home-hero__art,.scroll-note{display:none}

.intro-section{background:#fff}
.intro-section__text p{color:var(--muted)}

.brand-program-section,.program-section{background:#f6f6f2;color:var(--ink)}
.brand-program-section .section-heading .text-link,.program-section .section-heading .text-link{color:var(--ink-deep)}
.program-grid{border-color:var(--line)}
.program-card{border-color:#fff;color:var(--ink-deep);min-height:310px}
.program-card:nth-child(5n+1){background:var(--sage)}
.program-card:nth-child(5n+2){background:var(--sun)}
.program-card:nth-child(5n+3){background:var(--clay);color:#fff}
.program-card:nth-child(5n+4){background:var(--lime)}
.program-card:nth-child(5n+5){background:var(--olive);color:#fff}
.program-card:hover{background:#fff;color:var(--ink-deep)}
.program-card__index{color:currentColor;opacity:.62}
.program-card__glyph{color:currentColor;font-family:var(--sans);font-size:88px;font-weight:300}
.program-card p,.program-card__arrow{color:currentColor}
.program-card h3{color:currentColor}

.brand-impact{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.brand-impact__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}
.brand-impact__grid h2{margin-bottom:0}
.brand-impact__numbers{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.brand-impact__numbers article{min-height:220px;padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.brand-impact__numbers article:nth-child(1){border-top:8px solid var(--sage)}
.brand-impact__numbers article:nth-child(2){border-top:8px solid var(--sun)}
.brand-impact__numbers article:nth-child(3){border-top:8px solid var(--lime)}
.brand-impact__numbers strong{display:block;font-family:var(--serif);font-size:67px;line-height:1;color:var(--ink-deep)}
.brand-impact__numbers span{display:block;margin-top:18px;color:var(--muted)}

.path-section{background:#fafaf7}
.path-card{border:0}
.path-card--clay{background:var(--clay);color:#fff}
.path-card--sage{background:var(--sage);color:var(--ink-deep)}
.path-card--mustard{background:var(--sun);color:var(--ink-deep)}

.news-section{background:#fff}
.news-card__image{background:#f4f4ef}
.news-card__placeholder{background:var(--lime);color:var(--ink-deep)}
.news-card:nth-child(3n+2) .news-card__placeholder{background:var(--sage)}
.news-card:nth-child(3n+3) .news-card__placeholder{background:var(--sun)}
.partner-section{background:#f6f6f2}

/* heróis internos */
.page-hero{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.page-hero::before{position:absolute;right:8%;top:60px;width:80px;height:80px;border:9px solid var(--sage);border-radius:8px;content:"";opacity:.85}
.page-hero::after{position:absolute;right:23%;bottom:48px;width:46px;height:46px;border:6px solid var(--sun);border-radius:6px;content:""}
.page-hero__content{padding-top:110px;padding-bottom:82px}
.page-hero h1{color:var(--ink-deep)}
.page-hero__text{color:var(--muted)}
.page-hero__orbit{display:none}
.page-hero .text-link--light{color:var(--ink-deep)}

.page-content{background:#fff}
.rich-content{color:var(--ink)}
.page-callout{background:var(--sage);color:var(--ink-deep)}
.page-callout p:not(.eyebrow){color:var(--ink)}

/* institucional */
.brand-institutional-hero,.institutional-hero{position:relative;background:#f8f8f5;color:var(--ink)}
.institutional-hero__grid{padding-top:110px;padding-bottom:105px}
.institutional-hero h1,.institutional-hero h2{color:var(--ink-deep)}
.institutional-hero h1 em{color:var(--clay)}
.institutional-hero .lead{color:var(--muted)}
.institutional-hero__logo{background:#fff;border:1px solid var(--line);padding:42px}
.institutional-hero__logo img{filter:none}
.institutional-hero__logo figcaption{color:var(--muted)}
.brand-institutional-hero .brand-cross--blue{right:6%;top:74px}
.brand-institutional-hero .brand-cross--pink{left:46%;bottom:36px;width:40px;height:40px;border-width:5px}
.institutional-nav{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.institutional-purpose{background:#f6f6f2}
.brand-values .institutional-value:nth-child(1){background:var(--sage)}
.brand-values .institutional-value:nth-child(2){background:var(--sun)}
.brand-values .institutional-value:nth-child(3){background:var(--clay);color:#fff}
.brand-values .institutional-value:nth-child(4){background:var(--lime)}
.brand-values .institutional-value,.brand-values .institutional-value--main{border:0}
.brand-values .institutional-value h3,.brand-values .institutional-value p,.brand-values .institutional-value span{color:inherit}

.brand-structure{background:#fff}
.brand-structure__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:11%;align-items:start}
.brand-structure__grid>div:first-child>p:not(.eyebrow){font-size:18px;line-height:1.65;color:var(--muted)}
.brand-location-list{display:grid;border-top:1px solid var(--line)}
.brand-location-list article{padding:32px 0;border-bottom:1px solid var(--line)}
.brand-location-list span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--clay)}
.brand-location-list h3{margin:10px 0 12px;font-size:31px}
.brand-location-list p{margin:0;color:var(--muted)}

.brand-challenges{background:#f8f8f5}
.brand-challenge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.brand-challenge-grid article{min-height:280px;padding:28px;background:#fff;border-top:8px solid var(--sage)}
.brand-challenge-grid article:nth-child(6n+2){border-color:var(--sun)}
.brand-challenge-grid article:nth-child(6n+3){border-color:var(--clay)}
.brand-challenge-grid article:nth-child(6n+4){border-color:var(--lime)}
.brand-challenge-grid article:nth-child(6n+5){border-color:var(--olive)}
.brand-challenge-grid article:nth-child(6n+6){border-color:var(--sage)}
.brand-challenge-grid span{font-family:var(--mono);font-size:10px;color:var(--muted)}
.brand-challenge-grid h3{margin:45px 0 14px;font-size:28px}
.brand-challenge-grid p{margin:0;color:var(--muted)}
.institutional-governance{background:var(--ink-deep);color:#fff}
.institutional-governance h2{color:#fff}
.institutional-governance p{color:rgba(255,255,255,.78)}
.institutional-governance .eyebrow{color:var(--sun)}

/* programas */
.program-index{background:#fff}
.program-index__grid{gap:18px}
.program-index-card{background:#f7f7f3;border-color:transparent;border-top:8px solid var(--sage)}
.program-index-card:nth-child(5n+2){border-top-color:var(--sun)}
.program-index-card:nth-child(5n+3){border-top-color:var(--clay)}
.program-index-card:nth-child(5n+4){border-top-color:var(--lime)}
.program-index-card:nth-child(5n+5){border-top-color:var(--olive)}
.program-hero{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.program-hero h1{color:var(--ink-deep)}
.program-hero__seal{background:var(--sage);color:var(--ink-deep)}
.program-gallery__grid a{background:#f5f5f1}

/* notícias */
.news-list{background:#fff}
.news-row{border-color:var(--line)}
.news-row__art{background:var(--sun)}
.article-header{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}
.article-header h1{color:var(--ink-deep)}
.article-header p,.article-header small{color:var(--muted)}
.article-header .breadcrumb--light{color:var(--ink-deep)}
.article-body{background:#fff}

/* família acolhedora interna */
.family-hero{background:#f7f7f3;color:var(--ink)}
.family-hero h1{color:var(--ink-deep)}
.family-hero h1 em{color:var(--clay)}
.family-hero> .site-shell::after{background:var(--sage)}
.family-info{background:#fff}
.family-form-section{background:#f4f4ef}
.site-form--dark{background:#fff;color:var(--ink);border-top:8px solid var(--sage)}
.site-form--dark label{color:var(--ink)}
.site-form--dark input,.site-form--dark textarea,.site-form--dark select{background:#fff;color:var(--ink);border-color:#d6d6d1}

/* contato */
.brand-contact{background:#fff}
.brand-contact-list{display:grid;gap:0;margin-top:45px;border-top:1px solid var(--line)}
.brand-contact-list>div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}
.brand-contact-list span{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--olive)}
.brand-contact-list strong,.brand-contact-list a{font-size:16px;line-height:1.55;color:var(--ink-deep)}
.brand-contact-form{padding:36px;background:#f7f7f3;border-top:8px solid var(--clay)}

/* doações */
.donation-intro{background:#fff}
.donation-options{background:#f7f7f3;color:var(--ink)}
.donation-options .section-heading>p{color:var(--muted)}
.donation-plan-card{border:0;color:var(--ink-deep);background:var(--sage)}
.donation-plan-card:nth-child(3n+2){background:var(--sun)}
.donation-plan-card:nth-child(3n+3){background:var(--lime)}
.donation-plan-card:hover,.donation-plan-card:focus-visible,.donation-plan-card.is-selected{border:0;background:#fff;box-shadow:0 16px 40px rgba(50,50,50,.08)}
.donation-plan-card__type,.donation-plan-card h3,.donation-plan-card p,.donation-plan-card__bottom strong,.donation-plan-card__bottom span{color:var(--ink-deep)}
.donation-plan-card__bottom{border-color:rgba(88,88,90,.25)}
.donation-flow{background:#f0f0ea}
.donation-flow__intro>p:not(.eyebrow){color:var(--muted)}
.donation-checkout-card{background:#fff;border:1px solid var(--line);box-shadow:0 24px 54px rgba(60,60,60,.10)}
.donation-contact-card{border-left-color:var(--clay);background:#fff}
.donation-associate-note{background:var(--sun);color:var(--ink-deep)}
.donation-partnership{background:#fff}
.donation-partnership__mrc{background:var(--ink-deep)}

.brand-support-needs{background:#fff}
.brand-support-needs .section-heading>p{max-width:470px;color:var(--muted)}
.brand-support-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.brand-support-grid article{min-height:310px;padding:26px;background:#f7f7f3;border-top:8px solid var(--sage)}
.brand-support-grid article:nth-child(2){border-top-color:var(--sun)}
.brand-support-grid article:nth-child(3){border-top-color:var(--clay)}
.brand-support-grid article:nth-child(4){border-top-color:var(--lime)}
.brand-support-grid span{font-family:var(--mono);font-size:10px;color:var(--muted)}
.brand-support-grid h3{margin:55px 0 15px;font-size:28px}
.brand-support-grid p{color:var(--muted)}
.brand-support-grid strong{display:block;margin-top:20px;color:var(--ink-deep);font-size:14px}

.brand-company-support{background:var(--sage)}
.brand-company-support__grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.brand-company-support__grid>div:first-child>p:not(.eyebrow){max-width:580px;font-size:18px;line-height:1.62}
.brand-company-support__return{padding:35px;background:#fff}
.brand-company-support__return ul{margin:25px 0 0;padding-left:20px}
.brand-company-support__return li{margin:0 0 16px}

/* apoio final + rodapé */
.support-strip{background:var(--clay);color:#fff}
.support-strip h2{color:#fff}
.support-strip .eyebrow{color:#fff}
.site-footer{background:var(--ink-deep);color:#fff}
.footer-brand p{color:rgba(255,255,255,.68)}
.footer-contact{display:grid;gap:5px;margin-top:20px;color:rgba(255,255,255,.68);font-size:12px}
.footer-contact a{font-size:12px!important}
.footer-title{color:var(--sun)}
.site-footer a:not(.brand){color:rgba(255,255,255,.76)}
.site-footer a:not(.brand):hover{color:var(--sage)}
.site-footer__bottom{color:rgba(255,255,255,.48)}

@media(max-width:1000px){
  .brand-impact__grid,.brand-structure__grid,.brand-company-support__grid{grid-template-columns:1fr;gap:48px}
  .brand-impact__numbers{grid-template-columns:repeat(3,1fr)}
  .brand-challenge-grid{grid-template-columns:repeat(2,1fr)}
  .brand-support-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:920px){
  .brand__name{display:none}
  .home-hero__grid{grid-template-columns:1fr;gap:35px}
  .brand-home-hero__panel{max-width:650px}
  .brand-impact__numbers{grid-template-columns:1fr}
  .brand-impact__numbers article{min-height:150px}
  .brand-contact-list>div{grid-template-columns:90px 1fr}
}
@media(max-width:700px){
  .site-shell{width:min(calc(100% - 34px),1220px)}
  .section-pad{padding:74px 0}
  .site-header__inner{min-height:72px}
  .brand__logo{width:46px;height:46px}
  .home-hero,.home-hero__grid{min-height:auto}
  .home-hero__grid{padding-top:72px;padding-bottom:72px}
  .brand-home-hero__panel{padding:30px}
  .brand-home-hero__panel img{width:110px;margin-bottom:30px}
  .brand-home-hero__panel p{font-size:23px}
  .brand-cross{display:none}
  .brand-challenge-grid,.brand-support-grid{grid-template-columns:1fr}
  .brand-contact-form{padding:24px}
  .brand-contact-list>div{grid-template-columns:1fr;gap:7px}
}