.method-section{
  background:#fff; /* fundo clarinho */
}

.method-wrap{
  position:relative;
  max-width: 980px;
  padding-top: 28px; /* espaço pro selo */
}

/* selo circular */
.method-badge{
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  z-index: 3;
}
.badge-circle{
  width:72px;
  height:72px;
  border-radius:50%;
  background:#f6ece8;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}
.badge-circle span{
  width:54px;
  height:54px;
  border-radius:50%;
  border:2px solid rgba(0,0,0,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  letter-spacing:.5px;
  color:#6b4a3f;
}

/* card laranja principal */
.method-card{
  position:relative;
  border-radius: 18px;
  color:#fff !important;
  box-shadow: 0 18px 45px rgba(0,0,0,.12);
  overflow:hidden;

  /* IMAGEM DE FUNDO */
  background-image: url("../images/method-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding-bottom: 85px;
}

/* overlay leve para garantir contraste do texto */
.method-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.25);
  z-index:0;
}

/* garante que o conteúdo fique acima da imagem */
.method-card > *{
  position:relative;
  z-index:1;
}


/* “textos” (não precisa se preocupar com fonte, mas deixei bonitinho) */
.method-title{ font-weight:700; }
.method-lead{ opacity:.95; }
.method-text{ opacity:.9; max-width: 820px; margin: 0 auto; }
.method-sub{ opacity:.95; }

/* cards brancos embaixo, sobrepostos */
.method-features{
  margin-top: -55px; /* faz sobrepor */
  position:relative;
  z-index: 2;
  padding: 0 10px;
}

.feature-card{
  background:#fff;
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(0,0,0,.10);
  color:#4a3b36;
}

.feature-icon{
  width:38px;
  height:38px;
  border-radius: 8px;

  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
}

/* responsivo */
@media (max-width: 767.98px){
  .method-card{ padding-bottom: 30px; }
  .method-features{ margin-top: 18px; }
}




/* estilos  ANTES E DEPOIS */

.proof-section{
  background:#eee;
}

/* topo */
.proof-title{
  font-weight:800;
  color:rgba(0,0,0,.55);
  line-height:1.05;
}

.proof-text{
  color:rgba(0,0,0,.55);
  max-width:420px;
}

.proof-divider{
  border:0;
  height:2px;
  background:rgba(0,0,0,.35);
}

/* card */
.proof-card{
  background:#f3f3f3;
  border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,.12);
  overflow:hidden;
}

/* fotos antes/depois */
.proof-photos{
  display:grid;
  grid-template-columns:1fr 1fr;
  height:280px;
  background:#ddd;
}

.proof-photos img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* legenda */
.proof-caption{
  text-align:center;
  padding:12px 10px;
  background:#e9e9e9;
  color:rgba(0,0,0,.65);
  font-weight:600;
  font-size:14px;
}

/* responsivo */
@media (max-width: 575.98px){
  .proof-photos{
    height:220px;
  }
}

.proof-photos img:first-child{
  filter: grayscale(1);
  opacity:.85;
}



/* 4 quadradinhos de benefícios */


.program-structure{
  background:#2986cc; /* cor sólida solicitada */
}

/* título */
.program-title{
  color:#fff;
  font-weight:700;
}

/* card */
.program-card{
  background:#f9f4ef;
  border-radius:10px;
  padding:25px 20px;
  height:100%;
  box-shadow:0 10px 25px rgba(0,0,0,.15);
}

/* ícone */
.program-icon{
  width:42px;
  height:42px;
  margin:0 auto 12px;
  border-radius:8px;
  background:#AC481E;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
}

/* textos */
.program-week{
  color:#AC481E;
  font-weight:700;
  margin-bottom:6px;
}

.program-text{
  color:#555;
  font-size:14px;
  line-height:1.3;
}
.program-structure{
  background:#2986cc; /* solicitado */
  padding-top: 42px !important;
  padding-bottom: 42px !important;
}

.program-title{
  color:#fff;
  font-weight:600;
  font-size: 34px;
  letter-spacing: .3px;
  /* “cara” de serif sem obrigar você: */
  font-family: Georgia, "Times New Roman", serif;
}

/* CARD */
.program-card{
  position: relative;
  background:#fbf5ef;           /* branco levemente quente */
  border:1px solid rgba(0,0,0,.06);
  border-radius: 6px;            /* menos arredondado */
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
  padding: 22px 18px 18px 18px;
  min-height: 130px;
  overflow: hidden;
}

/* “aba/recorte” no topo, como na imagem */
.program-tab{
  position:absolute;
  top:0;
  left:16px;
  width:34px;
  height:10px;
  background:#AC481E;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  opacity:.55;
}

/* ícone quadrado laranja no canto superior esquerdo */
.program-icon{
  position:absolute;
  top:14px;
  left:14px;
  width:34px;
  height:34px;
  border-radius: 6px;
  background:#AC481E;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 16px;
  color:#fff;
  box-shadow: 0 6px 14px rgba(0,0,0,.18);
}

/* conteúdo alinhado à esquerda, com recuo pra não bater no ícone */
.program-content{
  padding-left: 48px;
  text-align:left;
}

.program-week{
  color:#AC481E;
  font-weight:700;
  font-size: 14px;
  margin-top: 2px;
}

.program-text{
  color:#5c5c5c;
  font-size: 13.5px;
  line-height: 1.25;
}

/* espaçamento dos cards como na imagem */
@media (min-width: 992px){
  .program-title{ margin-bottom: 26px !important; }
  .program-card{ min-height: 120px; }
}