.subpage-hero{position:relative;min-height:560px;padding:138px 0 74px;display:flex;align-items:end;overflow:hidden;color:#fff;background:#100d2b}.subpage-hero__media{position:absolute;inset:0}.subpage-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center}.subpage-hero__media::after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,rgba(13,10,36,.95) 0%,rgba(13,10,36,.82) 46%,rgba(13,10,36,.28) 78%,rgba(13,10,36,.12) 100%),linear-gradient(0deg,rgba(13,10,36,.48),transparent 45%)}.subpage-hero__inner{position:relative;z-index:2;width:var(--container);margin:auto}.subpage-hero__eyebrow{display:flex;align-items:center;gap:10px;color:#f2a52b;font:800 .7rem/1 Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase}.subpage-hero__eyebrow::before{width:32px;height:1px;content:"";background:#f2a52b}.subpage-hero h1{max-width:900px;margin:22px 0 0;font:750 clamp(3rem,5.2vw,5.25rem)/.98 Manrope,sans-serif;letter-spacing:-.065em}.subpage-hero p{max-width:700px;margin:25px 0 0;color:rgba(255,255,255,.74);font-size:1.02rem;line-height:1.72}.subpage-hero__actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.subpage-hero__link{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:13px;color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);font-size:.78rem;font-weight:800}.subpage-hero__link--gold{border-color:#e3a13b;color:#20183e;background:#f2a52b}
.page-intro-strip{padding:28px 0;border-bottom:1px solid #eceaf0;background:#faf9fb}.page-intro-strip__inner{width:var(--container);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.page-intro-strip span{color:#858590;font-size:.78rem}.page-intro-strip a{color:#211952;font-size:.78rem;font-weight:800}
.home-more{margin-top:24px;display:inline-flex;align-items:center;gap:8px;color:var(--purple-900);font-size:.79rem;font-weight:850}.services .home-more,.safety-compact .home-more{color:#f3b54c}.home-more::after{content:"→";transition:transform .2s}.home-more:hover::after{transform:translateX(4px)}
.home-responsibility{background:#f5f4f7}.home-responsibility__head{display:grid;grid-template-columns:1fr minmax(300px,430px);gap:60px;align-items:end}.home-responsibility__grid{margin-top:38px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-responsibility__card{position:relative;min-height:360px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:26px;color:#fff;box-shadow:0 22px 60px rgba(18,17,30,.10)}.home-responsibility__card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.home-responsibility__card::after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(14,10,38,.92) 0%,rgba(14,10,38,.42) 56%,rgba(14,10,38,.08) 100%)}.home-responsibility__card>div{position:relative;z-index:2}.home-responsibility__card span{color:#f2a52b;font:800 .66rem/1 Manrope,sans-serif;letter-spacing:.14em}.home-responsibility__card h3{max-width:520px;margin:12px 0 0;font:720 clamp(1.7rem,2.6vw,2.45rem)/1.05 Manrope,sans-serif;letter-spacing:-.045em}.home-responsibility__card p{max-width:520px;margin:13px 0 0;color:rgba(255,255,255,.72);font-size:.88rem;line-height:1.65}.home-responsibility__card a{display:inline-flex;margin-top:18px;color:#fff;font-size:.78rem;font-weight:850}.home-responsibility__card:hover img{transform:scale(1.035)}
.subpage-cta{padding:68px 0;background:#f5f4f7}.subpage-cta__inner{width:var(--container);margin:auto;padding:38px 42px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;border:1px solid #e4e1eb;border-radius:26px;background:#fff;box-shadow:0 20px 56px rgba(20,18,32,.06)}.subpage-cta h2{margin:0;font:720 clamp(2rem,3vw,3rem)/1.05 Manrope,sans-serif;letter-spacing:-.05em}.subpage-cta p{max-width:680px;margin:12px 0 0;color:#73737d;font-size:.92rem;line-height:1.65}.subpage-cta a{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;border-radius:13px;color:#fff;background:#211952;font-size:.78rem;font-weight:850}
@media(max-width:900px){.home-responsibility__head{grid-template-columns:1fr;gap:20px}.home-responsibility__grid{grid-template-columns:1fr}.subpage-cta__inner{grid-template-columns:1fr}.subpage-hero{min-height:510px}}
@media(max-width:700px){.subpage-hero{min-height:500px;padding:112px 0 58px}.subpage-hero__media::after{background:linear-gradient(0deg,rgba(13,10,36,.96) 0%,rgba(13,10,36,.78) 66%,rgba(13,10,36,.34) 100%)}.subpage-hero h1{font-size:clamp(2.5rem,12vw,3.7rem);line-height:.98}.subpage-hero p{font-size:.94rem}.page-intro-strip__inner{align-items:flex-start;flex-direction:column;gap:8px}.home-responsibility__card{min-height:320px;padding:25px;border-radius:21px}.subpage-cta{padding:52px 0}.subpage-cta__inner{padding:28px 22px;border-radius:21px}}

/* V92 — legibilidade premium dos cards de Responsabilidade na home */
#responsabilidade .home-responsibility__card::after{
  z-index:1;
  background:
    linear-gradient(180deg,rgba(8,8,18,.10) 0%,rgba(10,9,27,.22) 26%,rgba(10,9,31,.70) 58%,rgba(8,7,24,.96) 100%) !important;
}
#responsabilidade .home-responsibility__card>div{
  position:relative;
  z-index:2;
}
#responsabilidade .home-responsibility__card h3{
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.38);
}
#responsabilidade .home-responsibility__card p{
  color:rgba(255,255,255,.88);
  text-shadow:0 1px 12px rgba(0,0,0,.42);
}
#responsabilidade .home-responsibility__card a{
  text-shadow:0 1px 10px rgba(0,0,0,.38);
}
@media(max-width:700px){
  #responsabilidade .home-responsibility__card::after{
    background:
      linear-gradient(180deg,rgba(7,7,17,.12) 0%,rgba(9,8,26,.28) 22%,rgba(9,8,28,.76) 50%,rgba(7,6,22,.98) 100%) !important;
  }
  #responsabilidade .home-responsibility__card p{
    color:rgba(255,255,255,.90);
  }
}

/* =========================================================
   V94 — PADRÃO TIPOGRÁFICO MOBILE
   Somente <= 700px. Desktop permanece intacto.
   ========================================================= */
@media (max-width:700px){
  /* Toda a leitura institucional segue o mesmo eixo esquerdo. */
  main h1,
  main h2,
  main h3,
  main h4,
  main p,
  main .section-title,
  main .section-lead,
  main .authority-section-side,
  main .authority-section-head,
  main .areas__head,
  main .services__head,
  main .diff__head,
  main .home-responsibility__head,
  main .authority-film__copy,
  main .governance-hub__head,
  main .clients__head,
  main .authority-metrics__head,
  main .authority-metrics__copy{
    text-align:left !important;
  }

  /* Remove margens automáticas que faziam alguns títulos parecerem centralizados. */
  main .section-title,
  main .section-lead,
  main .clients__head .section-title,
  main .clients__head .section-lead,
  main .authority-metrics__head h2,
  main .authority-metrics__copy,
  main .authority-metrics__copy p{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  main .section-title,
  main .section-lead,
  main .authority-section-side,
  main .authority-metrics__head h2,
  main .authority-metrics__copy{
    max-width:100% !important;
  }

  /* Eyebrows também começam no mesmo eixo dos títulos. */
  main .eyebrow,
  main .clients__head .eyebrow,
  main .authority-metrics__head .eyebrow{
    justify-content:flex-start !important;
    text-align:left !important;
  }

  /* Corrige a seção de indicadores, que possuía centralização mobile própria. */
  main .authority-metrics__head>div:first-child{
    justify-items:start !important;
  }
  main .authority-metrics__copy{
    margin-top:18px !important;
  }
  main .authority-metrics__copy p{
    margin-inline:0 !important;
    text-align:left !important;
  }

  /* Em títulos com duas frases, a frase após o ponto começa em nova linha. */
  .mobile-title-break{
    display:block !important;
    width:100% !important;
    height:0 !important;
  }
}
