/* ===== METHOD SWITCH (Reprograma-se / Fases GLP-1) ===== */
.method-switch-wrap{
  display:flex;
  justify-content:center;
  padding: 0 1.5rem 2.5rem;
}
.method-switch{
  display:inline-flex;
  gap:.25rem;
  padding:.35rem;
  border-radius:999px;
  background: var(--bege-claro, #faf0e4);
  border:1px solid var(--bege-neutro, #ded0c6);
}
.method-switch__btn{
  font-family: var(--font-body, 'Jost', sans-serif);
  font-size:.85rem;
  font-weight:600;
  letter-spacing:.03em;
  text-transform:uppercase;
  padding:.7rem 1.5rem;
  border:none;
  border-radius:999px;
  background:transparent;
  color: var(--roxo, #450d32);
  cursor:pointer;
  transition: background .25s ease, color .25s ease;
}
.method-switch__btn:hover{
  background: rgba(162,70,117,.12);
}
.method-switch__btn.is-active{
  background: var(--roxo, #450d32);
  color: var(--branco, #fdfdfd);
}

@media (max-width: 480px){
  .method-switch{
    flex-direction:column;
    width:100%;
    max-width:320px;
    background:transparent;
    border:none;
    padding:0;
    gap:.6rem;
  }
  .method-switch__btn{
    width:100%;
    text-align:center;
    border-radius:10px;
    border:1px solid var(--bege-neutro, #ded0c6);
  }
  .method-switch__btn.is-active{
    border-color: var(--roxo, #450d32);
  }
}

/* ===== PAINÉIS (mostra só o método selecionado) ===== */
.method-panel{
  display:none;
}
.method-panel.is-active{
  display:block;
}

/* Rótulo acima do título do Fases GLP-1 */
.method__kicker{
  font-family: var(--font-body, 'Jost', sans-serif);
  font-size:.8rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
  color: var(--roxo-2, #a24675);
  margin-bottom:.5rem;
}

/* ===== FASES GLP-1 — parte 1: duas colunas de texto (sem foto) ===== */
.method-fases__split{
  display:grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 1.5rem;
}
@media (min-width: 900px){
  .method-fases__split{
    grid-template-columns: 1fr 1fr;
    gap: 4.5rem;
    align-items: start;
  }
  .method-fases__col + .method-fases__col{
    padding-left: 4.5rem;
    border-left: 1px solid var(--bege-neutro, #ded0c6);
  }
}
.method-fases__closing-line{
  font-style: italic;
  color: var(--roxo-2, #a24675);
  margin-bottom: 0;
}

/* ===== FASES GLP-1 — bloco das 5 fases + inclusões ===== */
.method-fases__phases-block{
  margin-top: 3.5rem;
  padding-top: 3rem;
  border-top: 1px solid var(--bege-neutro, #ded0c6);
}
.method-fases__phases-intro{
  text-align:center;
  max-width:640px;
  margin: 0 auto 2.5rem;
  padding: 0 1.5rem;
}
.section-title--sm{
  font-size: clamp(1.5rem, 3vw, 2rem);
}
.method-fases__phases-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(180px,1fr));
  gap:1.5rem;
  max-width:1100px;
  margin:0 auto 3.5rem;
  padding: 0 1.5rem;
}
.fase-card{
  background: var(--branco, #fdfdfd);
  border-radius:16px;
  padding:1.75rem 1.25rem;
  text-align:center;
  box-shadow: 0 8px 24px rgba(69,13,50,.08);
}
.fase-card__letter{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background: var(--roxo, #450d32);
  color: var(--branco, #fdfdfd);
  font-family: var(--font-display, 'Cormorant Garamond', serif);
  font-size:1.5rem;
  font-weight:700;
  margin-bottom:1rem;
}
.fase-card__title{
  font-family: var(--font-display, 'Cormorant Garamond', serif);
  font-size:1.2rem;
  color: var(--roxo, #450d32);
  margin-bottom:.5rem;
}
.fase-card__text{
  font-family: var(--font-body, 'Jost', sans-serif);
  font-size:.9rem;
  line-height:1.5;
  color: #5a5a5a;
}

.method-fases__inclusions{
  max-width:900px;
  margin: 0 auto 3rem;
  padding: 0 1.5rem;
}
.method-fases__inclusions .section-title--sm{
  text-align:center;
  margin-bottom:2rem;
}
.check-list--two-col{
  columns: 2;
  column-gap: 2rem;
}
@media (max-width: 640px){
  .check-list--two-col{ columns: 1; }
}

.method-fases__cta{
  text-align:center;
  max-width:700px;
  margin: 0 auto;
  padding: 0 1.5rem 4rem;
}
.method-fases__closing{
  font-family: var(--font-display, 'Cormorant Garamond', serif);
  font-style: italic;
  font-size:1.15rem;
  color: var(--roxo, #450d32);
  margin-bottom:1.75rem;
}