/* MICP — Página O Método — CSS v108 — assets tratados como imagens próprias */
.page-method{background:#fbf8f3;color:#181716;}
.page-method .site-header{background:transparent;}
.page-method .main-nav a.active:after{background:var(--gold)!important;}
.page-method .main-nav .nav-cta{color:#fff;}
.page-method .contact-rule{background:var(--gold)!important;}

/* HERO */
.page-method .page-hero.method-hero{
  position:relative;
  min-height:640px;
  overflow:hidden;
  background:#fbf8f3;
  border-bottom:1px solid #ded2c3;
}
.page-method .page-hero__bg{
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  background:url('../../assets/hero/metodo-hero-final-teste.webp') center center / cover no-repeat;
  opacity:1;
  -webkit-mask-image:none;
  mask-image:none;
}
.page-method .page-hero__overlay{display:none!important;}
.page-method .page-hero__content{
  position:relative;
  z-index:2;
  width:min(1260px,calc(100vw - 116px));
  min-height:640px;
  margin:0 auto;
  display:flex;
  align-items:center;
}
.page-method .method-hero__copy{max-width:600px;padding-top:38px;}
.page-method .method-kicker{
  margin:0 0 14px!important;
  color:var(--gold)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.page-method .method-hero__copy h1{
  font-family:var(--serif);
  font-weight:400;
  font-size:50px;
  line-height:1.05;
  letter-spacing:-.025em;
  margin:0;
  color:#181716;
}
.page-method .method-hero__copy p:not(.method-kicker){
  max-width:430px;
  margin:0;
  font-size:14px;
  line-height:1.78;
  color:#181716;
  font-weight:500;
}

/* BLOCOS EDITORIAIS */
.method-section{
  max-width:1360px;
  margin:0 auto;
  padding:64px 6vw 68px;
  background:#fbf8f3;
  border-bottom:1px solid #e2d7ca;
  position:relative;
}
.method-facts,
.method-observe{
  display:grid;
  grid-template-columns:minmax(360px,.82fr) minmax(620px,1.18fr);
  gap:58px;
  align-items:center;
}
.method-copy--lined{padding-left:0;border-left:0;}
.method-copy{max-width:560px;}
.method-copy h2,
.method-cta h2{
  font-family:var(--serif);
  font-weight:400;
  font-size:38px;
  line-height:1.08;
  letter-spacing:-.02em;
  margin:0;
  color:#181716;
}
.method-copy p{
  margin:22px 0 0;
  font-size:15px;
  line-height:1.82;
  font-weight:500;
  color:#181716;
}
.method-photo{
  margin:0;
  height:auto;
  min-height:0;
  background:#fbf8f3;
  overflow:visible;
  line-height:0;
  position:relative;
  box-shadow:none;
  isolation:isolate;
}
.method-photo img{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center center;
  opacity:1;
  filter:none;
}
.method-photo:before,
.method-photo:after{display:none!important;content:none!important;}
.method-photo--fatos,.method-photo--metodo{height:auto;min-height:0;}

/* DESTAQUE */
.method-statement{
  min-height:168px;
  padding:42px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:#211914;
  color:#fff;
  border-bottom:1px solid rgba(185,165,138,.45);
}
.method-statement p{
  font-family:var(--serif);
  font-weight:400;
  font-size:38px;
  line-height:1.12;
  letter-spacing:-.02em;
  margin:0;
}
.method-statement .contact-rule{width:54px;height:2px;margin-top:26px;margin-bottom:0;}

/* CTA FINAL */
.method-cta{padding:30px 24px 38px;background:#fbf8f3;text-align:left;}
.method-cta__inner{
  width:min(760px, calc(100vw - 12vw));
  margin-left:6vw;
  margin-right:auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.method-cta h2{width:100%;margin:0 0 16px 0;text-align:left;white-space:nowrap;}
.method-cta__content{width:100%;display:flex;flex-direction:column;align-items:flex-start;}
.method-cta__content p{width:100%;margin:0;font-size:15px;line-height:1.72;font-weight:500;color:#181716;text-align:left;}
.method-cta__button{display:inline-flex;align-items:center;justify-content:flex-start;gap:16px;width:auto;min-width:0;max-width:none;margin:22px 0 0 0;padding:20px 32px;}
.site-footer .contact-band{border-top:1px solid #ded2c3;}

@media(max-width:1360px){
  .page-method .page-hero.method-hero{min-height:610px;}
  .page-method .page-hero__content{min-height:610px;width:min(1180px,calc(100vw - 86px));}
  .page-method .method-hero__copy h1{font-size:44px;}
  .method-section{padding-left:56px;padding-right:56px;}
  .method-facts,.method-observe{gap:50px;}
  .method-copy h2,.method-cta h2{font-size:35px;}
  .method-photo{height:auto;min-height:0;}
}
@media(max-width:1100px){
  .page-method .site-header{position:relative;background:#fbf8f3;}
  .page-method .page-hero.method-hero{min-height:560px;}
  .page-method .page-hero__content{width:calc(100vw - 48px);min-height:560px;padding:58px 0;align-items:center;}
  .page-method .page-hero__bg{inset:0;opacity:1;background-position:center center;-webkit-mask-image:none;mask-image:none;}
  .page-method .method-hero__copy{max-width:560px;padding-top:0;}
  .page-method .method-hero__copy h1{font-size:39px;}
  .method-facts,.method-observe{grid-template-columns:1fr;gap:34px;padding-top:48px;padding-bottom:50px;}
  .method-section{padding-left:32px;padding-right:32px;}
  .method-photo{height:auto;min-height:0;}
  .method-statement p{font-size:34px;}
  .method-cta__inner{width:calc(100vw - 64px);margin-left:32px;}
  .method-cta h2{white-space:normal;}
}
@media(max-width:760px){
  .page-method .page-hero.method-hero{min-height:auto;}
  .page-method .page-hero__bg{inset:0;opacity:.32;-webkit-mask-image:none;mask-image:none;background-position:center center;}
  .page-method .page-hero__content{width:calc(100vw - 40px);min-height:auto;padding:48px 0 58px;}
  .page-method .method-hero__copy h1{font-size:33px;line-height:1.08;}
  .page-method .method-hero__copy p:not(.method-kicker){font-size:13px;line-height:1.68;}
  .method-section{padding:40px 22px 42px;}
  .method-photo{height:auto;min-height:0;}
  .method-copy h2,.method-cta h2{font-size:30px;}
  .method-copy p,.method-cta__content p{font-size:14px;line-height:1.72;}
  .method-statement{min-height:150px;padding:36px 22px;}
  .method-statement p{font-size:31px;}
  .method-cta{padding:38px 22px 44px;}
  .method-cta__inner{align-items:center;width:100%;margin-left:auto;margin-right:auto;}
  .method-cta h2,.method-cta__content p{text-align:center;}
  .method-cta__content{align-items:center;}
  .method-cta__button{width:100%;max-width:360px;justify-content:center;margin-top:26px;}
}
@media(max-width:520px){
  .page-method .method-hero__copy h1{font-size:29px;}
  .method-section{padding:38px 18px;}
  .method-photo{height:auto;min-height:0;}
  .method-copy h2,.method-cta h2{font-size:27px;}
  .method-statement p{font-size:28px;}
}


/* =========================================================
   v181 - O Método | Ajuste tipográfico e alinhamento dos blocos
   Escopo: somente blocos editoriais abaixo da Hero.
   A Hero permanece sem alteração.
   ========================================================= */

@media (min-width:1101px){
  .page-method .method-section{
    width:100%;
    max-width:1360px;
    margin-left:auto;
    margin-right:auto;
    padding-left:6vw;
    padding-right:6vw;
  }

  .page-method .method-facts,
  .page-method .method-observe{
    grid-template-columns:minmax(360px, 560px) minmax(520px, 1fr);
    gap:72px;
    align-items:center;
  }

  .page-method .method-copy{
    width:100%;
    max-width:560px;
    justify-self:start;
    text-align:left;
  }

  .page-method .method-copy h2{
    max-width:540px;
    margin:0;
    font-family:var(--serif);
    font-weight:400;
    font-size:36px;
    line-height:1.12;
    letter-spacing:-.018em;
    color:#181716;
  }

  .page-method .method-copy p{
    max-width:560px;
    margin-top:22px;
    font-size:15px;
    line-height:1.75;
    font-weight:400;
    color:#181716;
    text-align:left;
  }

  .page-method .method-copy p + p{
    margin-top:16px;
  }
}

@media (max-width:1100px){
  .page-method .method-copy{
    max-width:680px;
    text-align:left;
  }

  .page-method .method-copy h2{
    font-size:34px;
    line-height:1.13;
  }
}

@media (max-width:760px){
  .page-method .method-copy h2{
    font-size:30px;
    line-height:1.15;
  }

  .page-method .method-copy p{
    font-size:14px;
    line-height:1.72;
    font-weight:400;
  }
}

@media (max-width:520px){
  .page-method .method-copy h2{
    font-size:27px;
  }
}

/* =========================================================
   v189 - O Método | Bloco 01 com fotografia editorial integrada
   Escopo: somente bloco "Os fatos existem".
   A imagem não é tratada como card; ela integra a arquitetura do bloco.
   ========================================================= */

@media (min-width:1101px){
  .page-method .method-facts--with-image{
    width:100%;
    max-width:none;
    min-height:560px;
    margin:0;
    padding:0;
    grid-template-columns:minmax(6vw, 1fr) minmax(360px, 520px) minmax(620px, 1.28fr);
    gap:72px;
    overflow:hidden;
    position:relative;
    background:#fbf8f3;
  }

  .page-method .method-facts--with-image .method-copy{
    grid-column:2;
    position:relative;
    z-index:3;
    max-width:520px;
    padding:92px 0;
  }

  .page-method .method-facts__media{
    grid-column:3;
    align-self:stretch;
    justify-self:stretch;
    position:relative;
    z-index:1;
    margin:0;
    min-height:560px;
    height:100%;
    overflow:hidden;
    line-height:0;
    transform:translateX(0);
    -webkit-mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.18) 5%, rgba(0,0,0,.72) 13%, #000 24%, #000 100%);
    mask-image:linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.18) 5%, rgba(0,0,0,.72) 13%, #000 24%, #000 100%);
  }

  .page-method .method-facts__media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% center;
  }

  .page-method .method-facts--with-image::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background:linear-gradient(90deg,
      #fbf8f3 0%,
      #fbf8f3 28%,
      rgba(251,248,243,.98) 39%,
      rgba(251,248,243,.76) 50%,
      rgba(251,248,243,.28) 61%,
      rgba(251,248,243,0) 72%);
  }
}

@media (min-width:1361px){
  .page-method .method-facts--with-image{
    grid-template-columns:minmax(6vw, 1fr) minmax(380px, 540px) minmax(760px, 1.35fr);
    gap:84px;
  }
  .page-method .method-facts__media img{object-position:52% center;}
}

@media (max-width:1100px){
  .page-method .method-facts--with-image{
    display:grid;
    grid-template-columns:1fr;
    gap:30px;
    padding:48px 32px 52px;
  }

  .page-method .method-facts__media{
    margin:0;
    width:100%;
    height:auto;
    min-height:0;
    overflow:hidden;
    line-height:0;
  }

  .page-method .method-facts__media img{
    display:block;
    width:100%;
    height:auto;
    object-fit:contain;
    object-position:center center;
  }
}

@media (max-width:760px){
  .page-method .method-facts--with-image{
    padding:40px 22px 42px;
    gap:26px;
  }
}


/* =========================================================
   v190 - O Método | Transição Hero -> Bloco 01
   Escopo: somente bloco "Os fatos existem".
   Reduz a faixa vazia após a Hero e faz a fotografia nascer
   como parte da arquitetura do bloco, sem aparência de imagem colada.
   ========================================================= */

@media (min-width:1101px){
  .page-method .method-facts--with-image{
    min-height:500px;
    margin-top:-1px;
  }

  .page-method .method-facts--with-image .method-copy{
    padding:64px 0 72px;
  }

  .page-method .method-facts__media{
    min-height:500px;
  }

  .page-method .method-facts__media img{
    height:calc(100% + 150px);
    transform:translateY(-118px);
    object-fit:cover;
    object-position:52% center;
  }

  .page-method .method-facts--with-image::after{
    background:linear-gradient(90deg,
      #fbf8f3 0%,
      #fbf8f3 27%,
      rgba(251,248,243,.97) 38%,
      rgba(251,248,243,.70) 49%,
      rgba(251,248,243,.22) 60%,
      rgba(251,248,243,0) 70%);
  }
}

@media (min-width:1361px){
  .page-method .method-facts__media img{
    object-position:52% center;
  }
}

/* =========================================================
   v191 - O Método | Correção transição Hero -> Bloco 01
   Escopo: somente bloco "Os fatos existem".
   Remove a faixa branca, reduz o véu claro entre texto/foto
   e deixa o bloco mais compacto, como uma continuidade visual.
   ========================================================= */

@media (min-width:1101px){
  .page-method .page-hero.method-hero{
    border-bottom:0;
  }

  .page-method .method-facts--with-image{
    min-height:430px;
    margin-top:-34px;
    padding:0;
    overflow:hidden;
    border-top:0;
    border-bottom:1px solid #ded2c3;
    background:#fbf8f3;
    grid-template-columns:minmax(6vw,1fr) minmax(360px,520px) minmax(680px,1.32fr);
    gap:54px;
  }

  .page-method .method-facts--with-image .method-copy{
    padding:52px 0 54px;
    align-self:center;
  }

  .page-method .method-facts__media{
    min-height:430px;
    height:100%;
    align-self:stretch;
    margin:0;
    -webkit-mask-image:linear-gradient(90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.22) 3%,
      rgba(0,0,0,.72) 9%,
      #000 17%,
      #000 100%);
    mask-image:linear-gradient(90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.22) 3%,
      rgba(0,0,0,.72) 9%,
      #000 17%,
      #000 100%);
  }

  .page-method .method-facts__media img{
    width:100%;
    height:100%;
    transform:none;
    object-fit:cover;
    object-position:50% center;
    filter:brightness(.96) contrast(.98) saturate(.98);
  }

  .page-method .method-facts--with-image::after{
    background:linear-gradient(90deg,
      #fbf8f3 0%,
      #fbf8f3 25%,
      rgba(251,248,243,.94) 33%,
      rgba(251,248,243,.50) 42%,
      rgba(251,248,243,.12) 51%,
      rgba(251,248,243,0) 60%);
  }

  .page-method .method-facts--with-image::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    height:56px;
    z-index:4;
    pointer-events:none;
    background:linear-gradient(180deg,
      rgba(251,248,243,.88) 0%,
      rgba(251,248,243,.34) 46%,
      rgba(251,248,243,0) 100%);
  }
}

@media (min-width:1361px){
  .page-method .method-facts--with-image{
    min-height:450px;
    margin-top:-38px;
    grid-template-columns:minmax(6vw,1fr) minmax(380px,540px) minmax(790px,1.35fr);
    gap:62px;
  }

  .page-method .method-facts__media{
    min-height:450px;
  }

  .page-method .method-facts__media img{
    object-position:50% center;
  }
}

/* =========================================================
   v192 - O Método | Correção limpa da transição Hero -> Bloco 01
   Escopo: somente bloco "Os fatos existem".
   Regra aplicada: corrigir arquitetura antes de máscara/overlay.
   ========================================================= */

@media (min-width:1101px){
  .page-method .page-hero.method-hero{
    border-bottom:0;
  }

  .page-method .method-facts--with-image{
    width:100%;
    max-width:none;
    min-height:500px;
    margin-top:0;
    padding:0;
    overflow:hidden;
    border-top:0;
    border-bottom:1px solid #ded2c3;
    background:#fbf8f3;
    grid-template-columns:minmax(6vw,1fr) minmax(360px,520px) minmax(700px,1.32fr);
    gap:54px;
    align-items:stretch;
  }

  .page-method .method-facts--with-image .method-copy{
    grid-column:2;
    align-self:center;
    max-width:520px;
    padding:42px 0 46px;
    position:relative;
    z-index:3;
  }

  .page-method .method-facts__media{
    grid-column:3;
    align-self:stretch;
    justify-self:stretch;
    min-height:500px;
    height:100%;
    margin:0;
    overflow:hidden;
    line-height:0;
    position:relative;
    z-index:1;
    -webkit-mask-image:linear-gradient(90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.38) 3%,
      rgba(0,0,0,.82) 8%,
      #000 14%,
      #000 100%);
    mask-image:linear-gradient(90deg,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.38) 3%,
      rgba(0,0,0,.82) 8%,
      #000 14%,
      #000 100%);
  }

  .page-method .method-facts__media img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:50% center;
    transform:none;
    filter:none;
  }

  .page-method .method-facts--with-image::before{
    content:none!important;
    display:none!important;
  }

  .page-method .method-facts--with-image::after{
    content:none!important;
    display:none!important;
  }
}

@media (min-width:1361px){
  .page-method .method-facts--with-image{
    min-height:510px;
    margin-top:0;
    grid-template-columns:minmax(6vw,1fr) minmax(380px,540px) minmax(780px,1.35fr);
    gap:58px;
  }

  .page-method .method-facts--with-image .method-copy{
    max-width:540px;
    padding:44px 0 48px;
  }

  .page-method .method-facts__media{
    min-height:510px;
  }

  .page-method .method-facts__media img{
    object-position:50% center;
  }
}

/* =========================================================
   v193 - O Método | Transição estrutural Hero -> Bloco 01
   Escopo: somente bloco "Os fatos existem".
   Correção sem máscara, sem véu lateral e sem margem negativa.
   ========================================================= */

@media (min-width:1101px){
  .page-method .page-hero.method-hero{
    border-bottom:0!important;
  }

  .page-method .method-facts--with-image{
    width:100%!important;
    max-width:none!important;
    min-height:430px!important;
    margin-top:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-top:0!important;
    border-bottom:1px solid #ded2c3!important;
    background:#fbf8f3!important;
    grid-template-columns:minmax(6vw,1fr) minmax(360px,520px) minmax(700px,1.32fr)!important;
    gap:42px!important;
    align-items:stretch!important;
  }

  .page-method .method-facts--with-image .method-copy{
    grid-column:2!important;
    align-self:center!important;
    max-width:520px!important;
    padding:34px 0 38px!important;
    position:relative!important;
    z-index:3!important;
  }

  .page-method .method-facts__media{
    grid-column:3!important;
    align-self:stretch!important;
    justify-self:stretch!important;
    min-height:430px!important;
    height:100%!important;
    margin:0!important;
    overflow:hidden!important;
    line-height:0!important;
    position:relative!important;
    z-index:1!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  .page-method .method-facts__media img{
    display:block!important;
    width:100%!important;
    height:calc(100% + 90px)!important;
    object-fit:cover!important;
    object-position:50% center!important;
    transform:translateY(-58px)!important;
    filter:none!important;
  }

  .page-method .method-facts--with-image::before,
  .page-method .method-facts--with-image::after{
    content:none!important;
    display:none!important;
  }
}

@media (min-width:1361px){
  .page-method .method-facts--with-image{
    min-height:440px!important;
    grid-template-columns:minmax(6vw,1fr) minmax(380px,540px) minmax(780px,1.35fr)!important;
    gap:46px!important;
  }

  .page-method .method-facts--with-image .method-copy{
    max-width:540px!important;
    padding:36px 0 40px!important;
  }

  .page-method .method-facts__media{
    min-height:440px!important;
  }

  .page-method .method-facts__media img{
    height:calc(100% + 105px)!important;
    transform:translateY(-68px)!important;
    object-position:50% center!important;
  }
}

/* =========================================================
   v194 - O Método | Bloco 01 em moldura institucional
   Escopo: somente bloco "Os fatos existem".
   Solução: abandonar a fusão Hero+foto. O bloco passa a ter
   fundo próprio e fotografia menor, integrada por moldura de área.
   ========================================================= */

@media (min-width:1101px){
  .page-method .page-hero.method-hero{
    border-bottom:1px solid #ded2c3!important;
  }

  .page-method .method-facts--with-image{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:58px 0 62px!important;
    overflow:hidden!important;
    border-top:0!important;
    border-bottom:1px solid #ded2c3!important;
    background:linear-gradient(180deg,#f7f2eb 0%,#f4eee6 100%)!important;
    display:grid!important;
    grid-template-columns:minmax(6vw,1fr) minmax(360px,520px) minmax(620px,760px) minmax(6vw,1fr)!important;
    gap:74px!important;
    align-items:center!important;
  }

  .page-method .method-facts--with-image .method-copy{
    grid-column:2!important;
    align-self:center!important;
    max-width:520px!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
  }

  .page-method .method-facts__media{
    grid-column:3!important;
    align-self:center!important;
    justify-self:stretch!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:18px!important;
    overflow:visible!important;
    line-height:0!important;
    position:relative!important;
    z-index:1!important;
    background:#fbf8f3!important;
    border:1px solid rgba(222,210,195,.78)!important;
    box-shadow:0 18px 42px rgba(44,34,26,.06)!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }

  .page-method .method-facts__media img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
  }

  .page-method .method-facts--with-image::before,
  .page-method .method-facts--with-image::after{
    content:none!important;
    display:none!important;
  }
}

@media (min-width:1361px){
  .page-method .method-facts--with-image{
    padding:64px 0 68px!important;
    grid-template-columns:minmax(6vw,1fr) minmax(380px,540px) minmax(680px,820px) minmax(6vw,1fr)!important;
    gap:88px!important;
  }

  .page-method .method-facts--with-image .method-copy{
    max-width:540px!important;
  }

  .page-method .method-facts__media{
    padding:20px!important;
  }
}

@media (max-width:1100px){
  .page-method .method-facts--with-image{
    padding:46px 32px 52px!important;
    background:linear-gradient(180deg,#f7f2eb 0%,#f4eee6 100%)!important;
    border-top:1px solid #ded2c3!important;
    border-bottom:1px solid #ded2c3!important;
    gap:30px!important;
  }

  .page-method .method-facts__media{
    padding:14px!important;
    background:#fbf8f3!important;
    border:1px solid rgba(222,210,195,.78)!important;
    box-shadow:0 14px 32px rgba(44,34,26,.05)!important;
  }
}

@media (max-width:760px){
  .page-method .method-facts--with-image{
    padding:38px 22px 42px!important;
  }

  .page-method .method-facts__media{
    padding:10px!important;
  }
}

/* =========================================================
   v195 - O Método | ajuste de alinhamento do texto Bloco 01
   Escopo: somente bloco "Os fatos existem".
   Objetivo: recuperar a coluna visual da Home, recuando a cópia
   sem alterar fotografia, moldura, altura ou espaçamento vertical.
   ========================================================= */

@media (min-width:1101px){
  .page-method .method-facts--with-image .method-copy{
    margin-left:-28px!important;
  }
}

@media (min-width:1361px){
  .page-method .method-facts--with-image .method-copy{
    margin-left:-36px!important;
  }
}

/* =========================================================
   v197 - O Método | correção real da quebra do título Bloco 01
   Escopo: somente H2 "Os fatos existem".
   Objetivo: forçar as duas linhas como blocos independentes.
   ========================================================= */

.page-method #method-facts-title span{
  display:block!important;
}

.page-method #method-facts-title span + span{
  margin-top:0!important;
}

/* =========================================================
   v198 - O Método | título Bloco 01 em preto
   Escopo: somente H2 "Os fatos existem".
   Objetivo: manter quebra em duas linhas e remover destaque dourado herdado do H2 System.
   ========================================================= */

.page-method #method-facts-title,
.page-method #method-facts-title span{
  color:var(--section-title-color,#181716)!important;
}


/* =========================================================
   v199 - O Método | Bloco 03 com imagem de compreensão preliminar
   Escopo: somente bloco "Uma forma estruturada de observar a realidade".
   Objetivo: repetir o mesmo padrão visual do Bloco 02: fundo institucional,
   fotografia em área/moldura, mesmo grid, mesmos respiros e responsividade.
   ========================================================= */

@media (min-width:1101px){
  .page-method .method-observe--with-image{
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:58px 0 62px!important;
    overflow:hidden!important;
    border-top:0!important;
    border-bottom:1px solid #ded2c3!important;
    background:linear-gradient(180deg,#f7f2eb 0%,#f4eee6 100%)!important;
    display:grid!important;
    grid-template-columns:minmax(6vw,1fr) minmax(360px,520px) minmax(620px,760px) minmax(6vw,1fr)!important;
    gap:74px!important;
    align-items:center!important;
  }

  .page-method .method-observe--with-image .method-copy{
    grid-column:2!important;
    align-self:center!important;
    max-width:520px!important;
    padding:0!important;
    position:relative!important;
    z-index:2!important;
    margin-left:-28px!important;
  }

  .page-method .method-observe__media{
    grid-column:3!important;
    align-self:center!important;
    justify-self:stretch!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
    padding:18px!important;
    overflow:visible!important;
    line-height:0!important;
    position:relative!important;
    z-index:1!important;
    background:#fbf8f3!important;
    border:1px solid rgba(222,210,195,.78)!important;
    box-shadow:0 18px 42px rgba(44,34,26,.06)!important;
  }

  .page-method .method-observe__media img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    filter:none!important;
  }

  .page-method .method-observe--with-image::before,
  .page-method .method-observe--with-image::after{
    content:none!important;
    display:none!important;
  }
}

@media (min-width:1361px){
  .page-method .method-observe--with-image{
    padding:64px 0 68px!important;
    grid-template-columns:minmax(6vw,1fr) minmax(380px,540px) minmax(680px,820px) minmax(6vw,1fr)!important;
    gap:88px!important;
  }

  .page-method .method-observe--with-image .method-copy{
    max-width:540px!important;
    margin-left:-36px!important;
  }

  .page-method .method-observe__media{
    padding:20px!important;
  }
}

@media (max-width:1100px){
  .page-method .method-observe--with-image{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:46px 32px 52px!important;
    background:linear-gradient(180deg,#f7f2eb 0%,#f4eee6 100%)!important;
    border-top:0!important;
    border-bottom:1px solid #ded2c3!important;
    gap:30px!important;
  }

  .page-method .method-observe__media{
    margin:0!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:14px!important;
    background:#fbf8f3!important;
    border:1px solid rgba(222,210,195,.78)!important;
    box-shadow:0 14px 32px rgba(44,34,26,.05)!important;
    overflow:visible!important;
    line-height:0!important;
  }

  .page-method .method-observe__media img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}

@media (max-width:760px){
  .page-method .method-observe--with-image{
    padding:38px 22px 42px!important;
  }

  .page-method .method-observe__media{
    padding:10px!important;
  }
}