/* =========================
   SERVICIOS — SECCIÓN HERO
   ========================= */
.servicios-hero-section{
  background: #F5F3EE;
  padding-top: clamp(32px, 6vw, 72px);
}

/* Título principal */
.servicios-hero-section .title-section{
  text-align: center;
  letter-spacing: .02em;
  margin-bottom: .35rem;
}

/* Claim en itálica (Bodoni o serif) */
.servicios-hero-section .s-claim{
  font-family: "Bodoni", serif;     /* o la que uses para titulares en itálica */
  font-style: italic;
  font-weight: 600;
  font-size: clamp(16px, 1.6vw, 18px);
  margin: 0 auto 14px auto;
  color: #1f2020;
}

/* Párrafo introductorio */
.servicios-hero-section .s-intro{
  max-width: 980px;
  margin: 0 auto;
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 1.6;
  color: #404040;
}

/* Imagen a ancho completo como en la captura */
.servicios-hero-image{
  margin-top: clamp(22px, 4vw, 36px);
}
.servicios-hero-image img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;                /* por si usas una imagen más alta */
}

/* Ajustes responsivos ligeros */
@media (max-width: 991.98px){
  .servicios-hero-section{
    padding-top: clamp(24px, 6vw, 48px);
  }
  .servicios-hero-image{ margin-top: 16px; }
}

/* Contenedor base */
.servicios-hero-section{
  background:#F5F3EE;
  padding-top: clamp(32px, 6vw, 72px);
}

/* Título */
.servicios-hero-section .title-section{
  text-align:center;
  letter-spacing:.02em;
  margin-bottom:.5rem;
}

/* Subtítulo en negrita y cursiva */
.servicios-hero-section .s-subtitle{
  font-family:"Bodoni", serif;      /* o la tipografía itálica que usas */
  font-style: italic;
  font-weight: 700;                 /* negrita */
  font-size: clamp(16px, 1.6vw, 18px);
  margin: 0 auto 10px;
  color:#1f2020;
}

/* Párrafo 2 líneas (line-clamp) */
.servicios-hero-section .s-desc{
  max-width: 980px;
  margin: 0 auto;
  font-size: clamp(14px, 1.4vw, 16px);
  line-height: 1.6;
  color:#404040;
}

/* Limitar a 2 líneas */
.two-lines{
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* número de líneas */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Imagen a ancho completo */
.servicios-hero-image{ margin-top: clamp(22px, 4vw, 36px); }
.servicios-hero-image img{ display:block; width:100%; height:auto; object-fit:cover; }

@media (max-width: 991.98px){
  .servicios-hero-section{ padding-top: clamp(24px, 6vw, 48px); }
  .servicios-hero-image{ margin-top: 16px; }
}