/* Fontes auto-hospedadas (OFL) — equivalentes livres da tipografia GT Flexa/GT Flexa Mono (Harvard). Escopo: Sustentável. */
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/hanken-grotesk-var-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400 800;font-display:swap;src:url('fonts/hanken-grotesk-var-latin.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:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/space-mono-400-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/space-mono-400-normal-latin.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:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/space-mono-700-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Space Mono';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/space-mono-700-normal-latin.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;}
/* ============================================================
   Unileão Sustentável — /unileao-sustentavel/ (Gutenberg)
   Portado do mockup index (30).html. Tudo escopado em
   .sustentavel-page para não colidir com o style.css do tema.
   Chrome (topbar/subnav) NÃO entra aqui — vem do header do tema.
   ============================================================ */
.sustentavel-page{
  --green:#1F8A43; --green-dk:#186A34; --navy:#1A2440; --ink:#1A2440;
  --muted:#45506B; --gold:#F1B620; --line:#E6E8EE; --white:#fff; --maroon:#7A1A2B;
  --c-energy:#F1B620; --c-water:#1A7A53; --c-care:#2C5BC4; --c-teach:#B5223B;
  --bg-energy:#FBF3DC; --bg-water:#E4F0EA; --bg-care:#E2EAF8; --bg-teach:#F8E5E9;
  font-family:'Hanken Grotesk', system-ui, -apple-system, Arial, sans-serif;
  color:var(--ink); background:#f7fafa !important; line-height:1.5; letter-spacing:.01em;
}
.sustentavel-page img,
.sustentavel-page svg{ display:block; max-width:100%; }
.sustentavel-page a{ color:inherit; text-decoration:none; }

/* ============================================================
   HEADER + RODAPÉ personalizados em TODA a área Sustentável:
   as 4 Páginas com o template (.page-template-page-unileao-sustentavel-gutenberg)
   + o archive /peas/ (.post-type-archive-peas). Este sections.css só carrega
   nessas páginas; o escopo pelas classes do body garante que NÃO vaze para o
   header/footer global de nenhuma outra página.
   ============================================================ */
/* remove o offset global do header fixo (body:not(.home):not(.v2){padding-top:80px})
   só na área Sustentável: o hero vai full-bleed até o topo, sob o header transparente,
   eliminando a faixa branca. */
body.page-template-page-unileao-sustentavel-gutenberg,
body.post-type-archive-peas{ padding-top:0 !important; }

body.page-template-page-unileao-sustentavel-gutenberg .v2-hdr-logo img,
body.post-type-archive-peas .v2-hdr-logo img{ content:url('/wp-content/themes/portalv4.0/img/sustentavel/logo-unileao-sustentave.png'); }
/* barra: verde ao rolar (sólido); transparente no topo (sobre o hero). header-landing.js alterna .over-hero. */
body.page-template-page-unileao-sustentavel-gutenberg .v2-hdr,
body.post-type-archive-peas .v2-hdr{ background:#294326 !important; }
body.page-template-page-unileao-sustentavel-gutenberg .v2-hdr.over-hero,
body.post-type-archive-peas .v2-hdr.over-hero{ background:transparent !important; }
/* esconde o breadcrumb na área Sustentável */
body.page-template-page-unileao-sustentavel-gutenberg .breadcrumb-bar,
body.post-type-archive-peas .breadcrumb-bar{ display:none !important; }
/* rodapé na mesma cor (var --bg controla o fundo do .site-footer) */
body.page-template-page-unileao-sustentavel-gutenberg .site-footer,
body.post-type-archive-peas .site-footer{ --bg:#294326 !important; }
/* logo do rodapé trocada pela verde */
body.page-template-page-unileao-sustentavel-gutenberg .site-footer .footer-brand .logo,
body.post-type-archive-peas .site-footer .footer-brand .logo{ content:url('/wp-content/themes/portalv4.0/img/sustentavel/logo-unileao-sustentave.png'); }

/* ---------- HERO ---------- */
.sustentavel-page .hero{
  position:relative; min-height:clamp(540px,78vh,760px);
  display:flex; align-items:center; overflow:hidden;
}
.sustentavel-page .hero__photo{
  position:absolute; inset:0; background-size:cover;
  background-position:center 50%; z-index:0;
}
.sustentavel-page .hero__photo--mob{ display:none; }
.sustentavel-page .hero__veil{
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(90deg, rgba(7,18,11,.90) 0%, rgba(7,18,11,.68) 45%, rgba(7,18,11,.44) 72%, rgba(7,18,11,.34) 100%),
    linear-gradient(180deg, rgba(7,18,11,.34) 0%, rgba(7,18,11,0) 34%, rgba(7,18,11,0) 64%, rgba(7,18,11,.36) 100%);
}
.sustentavel-page .hero__inner{
  position:relative; z-index:2; max-width:1180px; margin:0 auto;
  padding:0 clamp(1.25rem,5vw,4rem); width:100%;
}
.sustentavel-page .hero__eyebrow{
  font-family:'Space Mono', monospace; font-weight:700;
  font-size:clamp(.78rem,1.3vw,.95rem); letter-spacing:.28em;
  text-transform:uppercase; color:rgba(255,255,255,.82); margin-bottom:1.4rem;
}
.sustentavel-page .hero__title{
  font-family:'Hanken Grotesk', system-ui, Arial, sans-serif; font-weight:600;
  font-size:clamp(3rem,8vw,6rem); line-height:.98; color:var(--white);
  letter-spacing:-0.01em; max-width:14ch; text-shadow:0 2px 30px rgba(0,0,0,.28);
}
/* a palavra dourada é marcada com itálico no editor (em) */
.sustentavel-page .hero__title em,
.sustentavel-page .hero__title .u-gold{
  font-style:normal; display:inline-block;
  border-bottom:6px solid var(--gold); padding-bottom:.06em; line-height:.9;
}
.sustentavel-page .hero__rule{
  width:clamp(150px,22vw,280px); height:6px; background:var(--gold);
  margin:1.6rem 0 1.5rem; border:0;
}
.sustentavel-page .hero__lead{
  font-weight:500; font-size:clamp(1.1rem,1.8vw,1.45rem); line-height:1.5;
  color:rgba(255,255,255,.94); max-width:42ch; letter-spacing:.005em;
  text-shadow:0 2px 18px rgba(0,0,0,.4);
}

/* ---------- FAIXA RELATÓRIO + COLORBAR ---------- */
.sustentavel-page .report{
  padding:clamp(3.5rem,7vw,6rem) clamp(1.25rem,5vw,4rem);
  max-width:1180px; margin:0 auto;
}
.sustentavel-page .report__grid{
  display:grid; grid-template-columns:minmax(280px,0.85fr) minmax(0,1.15fr);
  gap:clamp(2.5rem,6vw,6rem); align-items:center;
}
.sustentavel-page .colorbar{
  display:grid; grid-template-rows:repeat(4,1fr); border-radius:18px;
  overflow:hidden; max-width:300px; width:100%; box-shadow:0 1px 0 var(--line);
}
.sustentavel-page .colorbar__row{ display:grid; grid-template-columns:14px 1fr; min-height:112px; }
.sustentavel-page .colorbar__bar{ width:100%; height:100%; }
.sustentavel-page .colorbar__icon{ display:flex; align-items:center; justify-content:center; }
.sustentavel-page .colorbar__icon svg{ width:62px; height:62px; }
.sustentavel-page .row-energy .colorbar__bar{ background:var(--c-energy); }
.sustentavel-page .row-energy .colorbar__icon{ background:var(--bg-energy); }
.sustentavel-page .row-water .colorbar__bar{ background:var(--c-water); }
.sustentavel-page .row-water .colorbar__icon{ background:var(--bg-water); }
.sustentavel-page .row-care .colorbar__bar{ background:var(--c-care); }
.sustentavel-page .row-care .colorbar__icon{ background:var(--bg-care); }
.sustentavel-page .row-teach .colorbar__bar{ background:var(--c-teach); }
.sustentavel-page .row-teach .colorbar__icon{ background:var(--bg-teach); }
.sustentavel-page .report__eyebrow{
  font-family:'Space Mono', monospace; font-weight:700; font-size:.82rem;
  letter-spacing:.16em; text-transform:uppercase; color:var(--ink); margin-bottom:1.4rem;
}
.sustentavel-page .report__title{
  font-weight:700; font-size:clamp(2.1rem,4.6vw,3.25rem); line-height:1.08;
  letter-spacing:-0.01em; color:#111; margin-bottom:1.4rem;
}
.sustentavel-page .report__lead{
  font-size:clamp(1.05rem,1.6vw,1.22rem); color:var(--muted);
  max-width:34em; margin-bottom:2.1rem;
}
.sustentavel-page .report__cta{
  display:inline-block; font-family:'Space Mono', monospace; font-weight:700;
  font-size:1rem; letter-spacing:.04em; color:var(--white); background:#000;
  padding:1.05rem 2.3rem; border-radius:12px;
  transition:transform .15s ease, background .15s ease;
}
.sustentavel-page .report__cta:hover{ background:#1a1a1a; transform:translateY(-2px); }
.sustentavel-page .report__cta:focus-visible{ outline:3px solid var(--gold); outline-offset:3px; }

/* ---------- GRADE DE FRENTES (cards) ---------- */
.sustentavel-page .plan{
  max-width:1500px; margin:0 auto;
  padding:0 clamp(1rem,3.5vw,3rem) clamp(3.5rem,7vw,6rem);
}
.sustentavel-page .plan__head{ margin-bottom:clamp(1.5rem,3vw,2.4rem); }
.sustentavel-page .plan__eyebrow{
  font-family:'Space Mono', monospace; font-weight:700; font-size:.82rem;
  letter-spacing:.16em; text-transform:uppercase; color:var(--ink); margin-bottom:.7rem;
}
.sustentavel-page .plan__title{
  font-weight:700; font-size:clamp(1.8rem,3.6vw,2.6rem);
  letter-spacing:-0.01em; color:#111;
}
.sustentavel-page .plan__grid{
  display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(1.25rem,2.5vw,2rem);
}
.sustentavel-page .card{
  position:relative; display:block; aspect-ratio:16/9; border-radius:20px;
  overflow:hidden; isolation:isolate; background:#0c1c12; box-shadow:0 1px 2px rgba(0,0,0,.08);
}
.sustentavel-page .card__img{
  position:absolute; inset:0; background-size:cover; background-position:center;
  transform:scale(1.02); transition:transform .7s cubic-bezier(.2,.7,.2,1); z-index:0;
}
.sustentavel-page .card__veil{
  position:absolute; inset:0; z-index:1;
  background:linear-gradient(to top, rgba(8,18,12,.86) 0%, rgba(8,18,12,.58) 26%, rgba(8,18,12,.12) 52%, rgba(8,18,12,0) 72%);
  transition:background .5s ease;
}
.sustentavel-page .card__body{
  position:absolute; left:0; right:0; bottom:0; z-index:2;
  padding:clamp(1.5rem,3vw,2.4rem); color:var(--white);
}
.sustentavel-page .card__tag{
  display:inline-block; font-size:.72rem; font-weight:700; letter-spacing:.16em;
  text-transform:uppercase; padding:.3rem .7rem; border-radius:99px; margin-bottom:.9rem;
  background:rgba(255,255,255,.16); backdrop-filter:blur(2px);
  transform:translateY(8px); opacity:0;
  transition:transform .45s cubic-bezier(.2,.7,.2,1), opacity .45s ease;
}
.sustentavel-page .card__title{
  font-size:clamp(1.5rem,2.6vw,2.1rem); font-weight:700; letter-spacing:-0.01em; line-height:1.1;
  transform:translateY(calc(100% + 0.8rem)); transition:transform .5s cubic-bezier(.2,.7,.2,1); will-change:transform;
}
.sustentavel-page .card__desc{
  font-size:clamp(.98rem,1.4vw,1.12rem); line-height:1.4; margin-top:.7rem; max-width:32ch;
  opacity:0; transform:translateY(12px);
  transition:opacity .45s ease .05s, transform .5s cubic-bezier(.2,.7,.2,1) .05s;
}
.sustentavel-page .card__line{
  position:absolute; left:clamp(1.5rem,3vw,2.4rem); bottom:0; height:4px; width:0;
  border-radius:4px; transition:width .5s cubic-bezier(.2,.7,.2,1); z-index:2;
}
.sustentavel-page .card.is-energy .card__line{ background:var(--c-energy); }
.sustentavel-page .card.is-water .card__line{ background:var(--c-water); }
.sustentavel-page .card.is-care .card__line{ background:var(--c-care); }
.sustentavel-page .card.is-teach .card__line{ background:var(--c-teach); }
.sustentavel-page .card:hover .card__title,
.sustentavel-page .card:focus-visible .card__title{ transform:translateY(0); }
.sustentavel-page .card:hover .card__desc,
.sustentavel-page .card:focus-visible .card__desc{ opacity:1; transform:translateY(0); }
.sustentavel-page .card:hover .card__tag,
.sustentavel-page .card:focus-visible .card__tag{ opacity:1; transform:translateY(0); }
.sustentavel-page .card:hover .card__img,
.sustentavel-page .card:focus-visible .card__img{ transform:scale(1.08); }
.sustentavel-page .card:hover .card__veil,
.sustentavel-page .card:focus-visible .card__veil{
  background:linear-gradient(to top, rgba(8,18,12,.9) 0%, rgba(8,18,12,.68) 34%, rgba(8,18,12,.28) 60%, rgba(8,18,12,.05) 80%);
}
.sustentavel-page .card:hover .card__line,
.sustentavel-page .card:focus-visible .card__line{ width:clamp(48px,7vw,84px); }
.sustentavel-page .card:focus-visible{ outline:3px solid var(--navy); outline-offset:3px; }
/* card sem link (destino ainda não definido) não muda o cursor */
.sustentavel-page .card--nolink{ cursor:default; }

/* ---------- SEÇÃO ENERGIA (imagem + texto) ---------- */
.sustentavel-page .feature{
  max-width:1280px; margin:0 auto;
  padding:clamp(2rem,5vw,4rem) clamp(1rem,3vw,2.5rem) clamp(4rem,8vw,7rem);
}
.sustentavel-page .feature__grid{
  display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,0.9fr);
  gap:clamp(2rem,4vw,4rem); align-items:center;
}
.sustentavel-page .feature__media{ border-radius:18px; overflow:visible; }
.sustentavel-page .feature__media img{
  width:100%; max-width:none; height:auto; display:block;
}
.sustentavel-page .feature__eyebrow{
  font-family:'Space Mono', monospace; font-weight:700; font-size:.82rem;
  letter-spacing:.16em; text-transform:uppercase; color:var(--ink); margin-bottom:1.4rem;
}
.sustentavel-page .feature__title{
  font-weight:700; font-size:clamp(2.1rem,4.6vw,3.25rem); line-height:1.08;
  letter-spacing:-0.01em; color:#111; margin-bottom:1.4rem;
}
.sustentavel-page .feature__lead{
  font-size:clamp(1.05rem,1.6vw,1.22rem); color:var(--muted); max-width:36em; margin-bottom:1.1rem;
}
.sustentavel-page .feature__lead:last-of-type{ margin-bottom:2.1rem; }
.sustentavel-page .feature__lead b{ color:var(--ink); font-weight:700; }
.sustentavel-page .feature__cta{
  display:inline-block; font-family:'Space Mono', monospace; font-weight:700;
  font-size:1rem; letter-spacing:.04em; color:var(--white); background:#000;
  padding:1.05rem 2.3rem; border-radius:12px; transition:transform .15s ease, background .15s ease;
}
.sustentavel-page .feature__cta:hover{ background:#1a1a1a; transform:translateY(-2px); }
.sustentavel-page .feature__cta:focus-visible{ outline:3px solid var(--gold); outline-offset:3px; }

/* ---------- RESPONSIVO ---------- */
@media (max-width:880px){
  .sustentavel-page .hero__title{ font-size:clamp(2.6rem,12vw,4rem); }
  .sustentavel-page .report__grid{ grid-template-columns:1fr; gap:2.5rem; }
  .sustentavel-page .colorbar{ max-width:none; }
  .sustentavel-page .colorbar__row{ min-height:92px; }
  .sustentavel-page .feature__grid{ grid-template-columns:1fr; gap:2.5rem; }
}
@media (max-width:760px){
  .sustentavel-page .plan__grid{ grid-template-columns:1fr; }
  .sustentavel-page .card__title{ transform:translateY(0); }
  .sustentavel-page .card__desc{ opacity:1; transform:translateY(0); }
  .sustentavel-page .card__tag{ opacity:1; transform:translateY(0); }
  .sustentavel-page .card__line{ width:clamp(48px,12vw,72px); }
  /* a foto desktop continua visível no mobile; a versão mobile (se houver) cobre por cima */
  .sustentavel-page .hero__photo.hero__photo--mob{ display:block; }
}
/* ============================================================
   PÁGINA APRESENTAÇÃO — corpo (apr-lede / apr-block / apr-list)
   ============================================================ */
.sustentavel-page .apr{
  max-width:1180px; margin:0 auto;
  padding:clamp(2.2rem,4.5vw,3.4rem) clamp(1.25rem,5vw,4rem);
}
.sustentavel-page .apr-lede{
  display:grid; grid-template-columns:1fr 1.05fr;
  gap:clamp(2rem,5vw,4.5rem); align-items:start;
}
.sustentavel-page .apr-lede__title{
  font-family:'Hanken Grotesk', sans-serif; font-weight:800;
  font-size:clamp(1.9rem,3.4vw,2.6rem); line-height:1.08;
  letter-spacing:-0.01em; color:#111; margin:0 0 1.4rem;
}
.sustentavel-page .apr-lede__text p{
  font-size:clamp(1rem,1.25vw,1.12rem); line-height:1.62; color:var(--muted); margin:0 0 1.05rem;
}
.sustentavel-page .apr-lede__text a{
  color:var(--green); text-decoration:underline; text-underline-offset:2px; font-weight:600;
}
.sustentavel-page .apr-cta{
  display:inline-block; margin-top:1.1rem; background:#000; color:#fff;
  font-family:'Space Mono', monospace; font-weight:700; font-size:.9rem; letter-spacing:.06em;
  padding:1rem 1.6rem; border-radius:8px; text-decoration:none; transition:background .15s ease;
}
.sustentavel-page .apr-cta:hover{ background:#1a1a1a; }
.sustentavel-page .apr-figure{ margin:0; }
.sustentavel-page .apr-figure img{
  width:100%; height:auto; border-radius:14px; box-shadow:0 18px 44px rgba(20,30,55,.16); display:block;
}
.sustentavel-page .apr-figure figcaption{
  font-family:'Space Mono', monospace; font-size:.72rem; letter-spacing:.04em; color:#9aa3b5; margin-top:.7rem;
}
.sustentavel-page .apr-block{ max-width:760px; margin:0 auto; }
.sustentavel-page .apr-block__title{
  font-family:'Hanken Grotesk', sans-serif; font-weight:800;
  font-size:clamp(1.55rem,2.6vw,2.05rem); line-height:1.12; letter-spacing:-0.01em;
  color:#111; text-align:center; margin:0 0 1.6rem;
}
/* palavra de destaque dourada: marcada com itálico (em) no editor, ou .g no HTML */
.sustentavel-page .apr-block__title em,
.sustentavel-page .apr-block__title .g{ font-style:normal; color:var(--gold); }
.sustentavel-page .apr-block p{
  font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.62; color:var(--muted); margin:0 0 1.05rem;
}
.sustentavel-page .apr-block a{
  color:var(--green); text-decoration:underline; text-underline-offset:2px; font-weight:700;
}
.sustentavel-page .apr-block b{ color:#2a3354; }
.sustentavel-page .apr-list{ list-style:none; margin:1rem 0 1.4rem; padding:0; }
.sustentavel-page .apr-list li{
  position:relative; padding-left:1.7rem; margin-bottom:.85rem;
  font-size:clamp(1rem,1.2vw,1.1rem); line-height:1.55; color:var(--muted);
}
.sustentavel-page .apr-list li::before{
  content:""; position:absolute; left:0; top:.55em; width:.62rem; height:.62rem;
  border-radius:3px; background:var(--green);
}
.sustentavel-page .apr-rule{
  max-width:760px; margin:0 auto clamp(1.8rem,3.5vw,2.6rem); height:4px; border:0;
  border-radius:4px; background:var(--navy);
}

/* ---------- ODS (Programas) ---------- */
.sustentavel-page .ods{ max-width:1180px; margin:0 auto; padding:clamp(3rem,7vw,5rem) clamp(1.25rem,5vw,4rem) 0; }
.sustentavel-page .ods__eyebrow{ font-family:'Space Mono',monospace; font-weight:700; font-size:.8rem; letter-spacing:.22em; text-transform:uppercase; color:var(--green); margin:0 0 .5rem; }
.sustentavel-page .ods__title{ font-weight:800; font-size:clamp(1.55rem,2.8vw,2.1rem); letter-spacing:-0.01em; color:#111; margin:0 0 1.6rem; }
.sustentavel-page .ods-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:clamp(.55rem,1.4vw,1rem); }
.sustentavel-page .ods-tile{ border-radius:12px; padding:1rem 1rem 1.1rem; color:#fff; display:flex; flex-direction:column; gap:.55rem; min-height:148px; box-shadow:0 8px 22px rgba(20,30,55,.10); }
.sustentavel-page .ods-tile__top{ display:flex; align-items:center; justify-content:space-between; }
.sustentavel-page .ods-tile__num{ font-weight:800; font-size:2.1rem; line-height:1; }
.sustentavel-page .ods-tile__icon{ width:30px; height:30px; opacity:.95; }
.sustentavel-page .ods-tile__label{ margin-top:auto; font-family:'Space Mono',monospace; font-weight:700; font-size:.6rem; letter-spacing:.04em; line-height:1.3; text-transform:uppercase; }

/* ---------- apr-lede invertido (imagem à esquerda) ---------- */
.sustentavel-page .apr-lede--rev{ grid-template-columns:1.05fr 1fr; }
.sustentavel-page .apr-lede--rev .apr-figure{ order:-1; }

/* ---------- tabela (apr-table) ---------- */
.sustentavel-page .apr-table-wrap{ max-width:760px; margin:1.3rem auto 0; }
.sustentavel-page .apr-table-cap{ font-weight:800; font-size:1.05rem; color:#2a3354; margin:0 0 .7rem; }
.sustentavel-page .apr-table{ width:100%; border-collapse:collapse; font-size:1rem; }
.sustentavel-page .apr-table th{ text-align:left; font-family:'Space Mono',monospace; font-size:.7rem; letter-spacing:.06em; text-transform:uppercase; color:#9aa3b5; padding:.6rem .85rem; border-bottom:2px solid var(--line); }
.sustentavel-page .apr-table th.num,.sustentavel-page .apr-table td.num{ text-align:right; }
.sustentavel-page .apr-table td{ padding:.62rem .85rem; border-bottom:1px solid var(--line); color:var(--muted); }
.sustentavel-page .apr-table tr:last-child td{ border-bottom:0; }
.sustentavel-page .apr-table td.num{ font-variant-numeric:tabular-nums; color:#2a3354; font-weight:600; }

/* ---------- PEAS (intro + cards de projeto) ---------- */
.sustentavel-page .peas{ max-width:1180px; margin:0 auto; padding:0 clamp(1.25rem,5vw,4rem); }
.sustentavel-page .peas--top{ padding-top:clamp(2.5rem,6vw,4rem); }
.sustentavel-page .peas-intro{ max-width:820px; margin:0 auto clamp(1rem,3vw,2rem); }
.sustentavel-page .peas-intro__eyebrow{ font-family:'Space Mono',monospace; font-weight:700; font-size:.8rem; letter-spacing:.2em; text-transform:uppercase; color:var(--green); margin:0 0 .55rem; }
.sustentavel-page .peas-intro__title{ font-weight:800; font-size:clamp(1.6rem,3vw,2.2rem); letter-spacing:-0.01em; color:#111; margin:0 0 1rem; }
.sustentavel-page .peas-intro p{ color:var(--muted); line-height:1.75; margin:0 0 1rem; font-size:1.02rem; }
.sustentavel-page .peas-card{ padding:clamp(2.2rem,4.5vw,3.2rem) 0; border-top:1px solid var(--line); }
.sustentavel-page .peas-card--media{ display:grid; grid-template-columns:1fr; gap:clamp(1.4rem,3vw,2.4rem); align-items:start; }
.sustentavel-page .peas-card__text{ max-width:760px; }
.sustentavel-page .peas-card__title{ font-weight:800; text-transform:uppercase; font-size:clamp(1.25rem,2.4vw,1.6rem); line-height:1.16; letter-spacing:-0.005em; color:#384259; margin:0; }
.sustentavel-page .peas-card__course{ font-weight:700; color:var(--green); font-size:1rem; margin:.45rem 0 0; }
.sustentavel-page .peas-card__coord{ font-style:italic; color:var(--muted); font-size:.92rem; margin:.18rem 0 0; }
.sustentavel-page .peas-card__rule{ border:0; height:2px; background:var(--green); opacity:.85; margin:1rem 0 1.3rem; width:100%; }
.sustentavel-page .peas-card__text p{ color:var(--muted); line-height:1.75; margin:0 0 1rem; }
.sustentavel-page .peas-card__text p:last-child{ margin-bottom:0; }
.sustentavel-page .peas-card__media img{ width:100%; height:auto; display:block; border-radius:12px; box-shadow:0 10px 30px rgba(20,30,55,.10); background:#fff; }
@media (min-width:760px){ .sustentavel-page .peas-card--media{ grid-template-columns:1.12fr 0.88fr; } }

/* ---------- RELATÓRIO (dados) ---------- */
.sustentavel-page .rel{ max-width:1180px; margin:0 auto; padding:clamp(1.6rem,3.5vw,2.6rem) clamp(1.25rem,5vw,4rem); }
.sustentavel-page .rel--top{ padding-top:clamp(2.8rem,6vw,4.2rem); }
.sustentavel-page .rel-intro{ max-width:880px; margin:0; }
.sustentavel-page .rel-intro__title{ font-weight:600; font-size:clamp(2rem,4.2vw,3rem); line-height:1.08; letter-spacing:-0.01em; color:var(--navy); margin:0 0 1.2rem; }
.sustentavel-page .rel-intro p{ color:var(--muted); line-height:1.8; margin:0 0 1.1rem; font-size:1.05rem; }
.sustentavel-page .rel-intro a{ color:var(--green-dk); text-decoration:underline; text-underline-offset:2px; font-weight:600; }
.sustentavel-page .rel-section{ margin:0; }
.sustentavel-page .rel-section__eyebrow{ font-family:'Space Mono',monospace; font-weight:700; font-size:.78rem; letter-spacing:.18em; text-transform:uppercase; color:var(--green); margin:0 0 .4rem; }
.sustentavel-page .rel-section__title{ font-weight:800; font-size:clamp(1.4rem,2.6vw,1.9rem); color:#222a44; letter-spacing:-0.01em; margin:0 0 .9rem; }
.sustentavel-page .rel-section p{ color:var(--muted); line-height:1.78; margin:0 0 1rem; max-width:820px; }
.sustentavel-page .kpi-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(.7rem,1.6vw,1.1rem); margin-top:.4rem; }
.sustentavel-page .kpi{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.2rem 1.1rem 1.25rem; box-shadow:0 6px 18px rgba(20,30,55,.05); }
.sustentavel-page .kpi__num{ font-weight:800; font-size:clamp(1.6rem,3.2vw,2.2rem); color:var(--green-dk); line-height:1; letter-spacing:-0.02em; display:block; }
.sustentavel-page .kpi__label{ display:block; margin-top:.5rem; color:var(--muted); font-size:.86rem; line-height:1.4; }
.sustentavel-page .rel-figure{ margin:1.2rem 0 0; }
.sustentavel-page .rel-figure img{ width:100%; max-width:760px; height:auto; display:block; border-radius:12px; border:1px solid var(--line); box-shadow:0 10px 30px rgba(20,30,55,.08); }
.sustentavel-page .rel-figure figcaption{ font-family:'Space Mono',monospace; font-size:.72rem; color:#9aa3b5; margin-top:.55rem; }
.sustentavel-page .rel-docs{ list-style:none; padding:0; margin:.6rem 0 0; max-width:620px; }
.sustentavel-page .rel-docs li{ border-top:1px solid var(--line); }
.sustentavel-page .rel-docs li:last-child{ border-bottom:1px solid var(--line); }
.sustentavel-page .rel-docs a{ display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem .2rem; color:#2a3354; text-decoration:none; font-weight:600; }
.sustentavel-page .rel-docs a:hover{ color:var(--green-dk); }
.sustentavel-page .rel-docs a::after{ content:"↗"; color:var(--green); font-weight:700; }

@media (max-width:820px){
  .sustentavel-page .apr-lede,
  .sustentavel-page .apr-lede--rev{ grid-template-columns:1fr; }
  .sustentavel-page .apr-figure{ order:-1; }
  .sustentavel-page .ods-grid{ grid-template-columns:repeat(2,1fr); }
  .sustentavel-page .kpi-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (prefers-reduced-motion:reduce){
  .sustentavel-page .report__cta,
  .sustentavel-page .feature__cta{ transition:none; }
  .sustentavel-page .card__img,
  .sustentavel-page .card__veil,
  .sustentavel-page .card__title,
  .sustentavel-page .card__desc,
  .sustentavel-page .card__tag,
  .sustentavel-page .card__line{ transition:none; }
  .sustentavel-page .card__title{ transform:translateY(0); }
  .sustentavel-page .card__desc{ opacity:1; transform:translateY(0); }
  .sustentavel-page .card__tag{ opacity:1; transform:translateY(0); }
}