/* === FAQ: título y párrafo con estilo "Unidad de estética corporal" === */
article.treatment {
  margin-top:60px;
}

article.treatment h1.custom-title {
  text-align: center;
  color: #676767;
  font-size: var(--30px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  padding-top: 0;
}

article.treatment h1.custom-title::after {
  content: "";
  display: block;
  width: 27px;
  height: 2px;
  background: #97908e;
  margin: var(--15px) auto var(--25px);
}

/* solo los párrafos que siguen al h1 */
article.treatment h1.custom-title ~ p {
  text-align: left;
  font-size: var(--14px);
  line-height: 1.5;
}


article.treatment h2.custom-title {
  text-align: center;
  color: #676767;
  font-size: var(--24px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  padding-top: 0;
  padding-bottom:0 !important;
  border-bottom:0 !important;
}

article.treatment h2.custom-title::after {
  content: "";
  display: block;
  width: 27px;
  height: 2px;
  background: #97908e;
  margin: var(--15px) auto var(--25px);
}

/* solo los párrafos que siguen al h1 */
article.treatment h2.custom-title ~ p {
  text-align: left;
  font-size: var(--14px);
  line-height: 1.5;
}


@media (min-width: 769px) {
  article.treatment h1.custom-title ~ p { font-size: var(--19px); }
  article.treatment h2.custom-title ~ p { font-size: var(--16px); }
}

@media (min-width: 1024px) {
  article.treatment h1.custom-title { font-size: var(--55px); }
  article.treatment h1.custom-title::after {
    width: 49px;
    height: 4px;
    margin-top: var(--20px);
    margin-bottom: var(--50px);
  }
  article.treatment h2.custom-title ~ p { font-size: var(--18px); }

  article.treatment h2.custom-title { font-size: var(--40px); }
  article.treatment h2.custom-title::after {
    width: 49px;
    height: 4px;
    margin-top: var(--20px);
    margin-bottom: var(--50px);
  }
  article.treatment h2.custom-title ~ p { font-size: var(--18px); }  
}

/* Contenedor: equivale a .breadcrumb h1 + .right-bread h1 */
.breadcrumb .right-bread .like-h1 {
  margin: 0;
  padding: 0 0 0 2rem;
  font-size: var(--28px);
  font-weight: 400;
  text-align: left;
  display: flex;
  align-items: center;
  height: 100%;
  letter-spacing: var(--MENU-letter-spacing);
}

/* Enlace interior: equivale a .right-bread h1 a */
.breadcrumb .right-bread .like-h1 a {
  text-decoration: none;
  color: rgb(44, 44, 44);
  white-space: normal;
  line-height: 1;
  font-size: clamp(1.5rem, 2vw, 2.4rem);
}

@media (max-width: 768px) {
  .breadcrumb .right-bread .like-h1 {
    font-size: var(--22px);
    line-height: var(--28px);
    padding: 1rem calc(var(--space) * 2) 1rem calc(var(--space) * 1);
  }

  .breadcrumb .right-bread .like-h1 a {
    font-size: var(--20px);
    letter-spacing: 1.5px;
    line-height: 1;
  }
}

@media (min-width: 3000px) {
  .breadcrumb .right-bread .like-h1 a {
    font-size: 1.9vw;
  }
}