/**
 * Servicio técnico — editorial page built with home components.
 * Scoped to .page-servicio.
 */
.page-servicio{
  --fx-sv-ink:#203b32;
  --fx-sv-copy:#5e7069;
  --fx-sv-line:#d8e5e0;
  --fx-sv-surface:#fff;
  --fx-sv-mint:#4BB597;
  --fx-sv-mint-deep:#287760;
  --fx-sv-space:48px;
  background:#fff;
  color:var(--fx-sv-ink);
}
@media(max-width:900px){.page-servicio{--fx-sv-space:36px}}
@media(max-width:700px){.page-servicio{--fx-sv-space:28px}}

.page-servicio :is(.fx-eyebrow,.ns-kicker){display:none!important}

/* Hero = type band de categorías, con CTAs */
.page-servicio .hero-pagina-categoria{border-bottom:0}
.page-servicio .fx-category-hero-copy{gap:12px;padding:36px 0 32px}
.page-servicio .fx-category-hero-copy h1{max-width:none;width:100%}
.page-servicio .fx-category-hero-lead{max-width:52ch;width:100%}
.page-servicio .fx-servicio-hero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}

/* Línea gráfica de la home: píldoras menta + amarillo */
.page-servicio .fx-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:fit-content;
  min-height:48px;
  padding:12px 22px;
  border:1px solid #4BB597;
  border-radius:999px!important;
  background:#4BB597;
  color:#fff;
  font-size:var(--fx-btn-font-size,13px);
  font-weight:650;
  line-height:1.35;
  text-decoration:none;
  box-shadow:none;
  transition:background .2s ease,border-color .2s ease,color .2s ease;
}
.page-servicio .fx-link:hover{background:#378f77;border-color:#378f77;color:#fff}
.page-servicio .fx-link svg{display:block;flex:0 0 16px;width:16px;height:16px}
.page-servicio .fx-btn{border-radius:999px!important}
.page-servicio .fx-servicio-hero__cta .fx-link{background:#fff;border-color:#d8e5e0;color:#287760}
.page-servicio .fx-servicio-hero__cta .fx-link:hover{background:#f5f8f7;border-color:#4BB597;color:#1d6252}

/* Barra de respaldo = componente exacto de la home */
.page-servicio .fx-trust strong,
.page-servicio .fx-trust--brand .fx-proof,
.page-servicio .fx-trust--brand .fx-proof strong,
.page-servicio .fx-trust--brand a.fx-proof small,
.page-servicio .fx-trust--brand a.fx-proof small svg,
.page-servicio .fx-trust--brand .fx-proof__icon{color:#4BB597}
/* Los rótulos de esta barra son palabras, no cifras: no pueden partirse en columnas angostas. */
@media(max-width:700px){
  .page-servicio .fx-trust--brand .fx-proof--support strong{font-size:19px}
}

/* Bloque de soporte = componente .fx-support-care de la home */
.page-servicio .fx-support-care li>svg,
.page-servicio .fx-support-care__icon{color:#4BB597}
.page-servicio .fx-support-care__photo img{object-position:center 62%}
@media(max-width:700px){
	.page-servicio .fx-support-care__photo img{object-position:center 58%}
}

/* Cabeceras de sección — mismo ritmo que .fx-section-head de la home */
.page-servicio .fx-servicio-section-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:end;
  gap:12px 48px;
  margin:0 0 32px;
}
.page-servicio .fx-servicio-section-head h2{
  margin:0;
  font-size:clamp(30px,2.6vw,38px)!important;
  font-weight:750!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  color:var(--fx-sv-ink);
  text-wrap:balance;
}
.page-servicio .fx-servicio-section-head p{margin:0;font-size:15px;line-height:1.7;color:var(--fx-sv-copy)}

/* Pasos — lista editorial con filetes, sin tarjetas */
.page-servicio .fx-servicio-steps{padding:var(--fx-sv-space) 0 20px;background:#fff;border-top:1px solid #e2ebe5}
.page-servicio .fx-servicio-steps__list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--fx-sv-line);
}
.page-servicio .fx-servicio-steps__list li{padding:28px 48px 0 0}
.page-servicio .fx-servicio-steps__list li+li{padding:28px 48px 0 48px;border-left:1px solid var(--fx-sv-line)}
.page-servicio .fx-servicio-steps__list li:last-child{padding-right:0}
.page-servicio .fx-servicio-steps__num{
  flex:0 0 auto;
  font-size:26px;
  font-weight:750;
  line-height:1;
  letter-spacing:-.03em;
  color:var(--fx-sv-mint);
}
.page-servicio .fx-servicio-steps__list h3{
  display:flex;
  align-items:baseline;
  gap:14px;
  margin:0 0 12px;
  font-size:20px;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.02em;
  color:var(--fx-sv-ink);
}
.page-servicio .fx-servicio-steps__list p{margin:0;font-size:15px;line-height:1.75;color:var(--fx-sv-copy)}

/* CTA de repuestos: panel propio de esta página. Foto a la derecha, no replica el de máquinas. */
.page-servicio .fx-servicio-offer{
  padding:12px 0 var(--fx-sv-space);
  background:#fff;
}
.page-servicio .fx-servicio-offer__box{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
  align-items:stretch;
  min-height:420px;
  overflow:hidden;
  border-radius:10px;
  background:var(--fx-sv-mint);
  color:#fff;
}
.page-servicio .fx-servicio-offer__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(36px,4.5vw,56px);
}
.page-servicio .fx-servicio-offer__copy h2{
  margin:0 0 14px;
  max-width:none;
  font-size:clamp(30px,3vw,42px)!important;
  font-weight:750!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  color:#fff;
}
.page-servicio .fx-servicio-offer__copy > p{
  margin:0;
  max-width:none;
  font-size:16px;
  line-height:1.7;
  color:#f4fffb;
}
.page-servicio .fx-servicio-offer__actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.page-servicio .fx-servicio-offer .fx-btn{
  min-height:48px;
  border-radius:999px!important;
}
.page-servicio .fx-servicio-offer .fx-btn--ghost{
  background:transparent;
  border:1px solid rgba(255,255,255,.72);
  color:#fff;
}
.page-servicio .fx-servicio-offer .fx-btn--ghost:hover{
  background:#fff;
  border-color:#fff;
  color:#1d6252;
}
.page-servicio .fx-servicio-offer a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.page-servicio .fx-servicio-offer__photo{
  margin:0;
  min-width:0;
  background:#e8eeea;
}
.page-servicio .fx-servicio-offer__photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
  object-position:center 42%;
}

@media(max-width:1000px){
  .page-servicio .fx-servicio-section-head{grid-template-columns:minmax(0,1fr);gap:10px}
  .page-servicio .fx-servicio-steps__list{grid-template-columns:minmax(0,1fr);border-top:0}
  .page-servicio .fx-servicio-steps__list li,
  .page-servicio .fx-servicio-steps__list li+li{padding:24px 0;border-left:0;border-top:1px solid var(--fx-sv-line)}
  .page-servicio .fx-servicio-offer__box{grid-template-columns:minmax(0,1fr);min-height:0}
  .page-servicio .fx-servicio-offer__photo{order:-1}
  .page-servicio .fx-servicio-offer__photo img{min-height:0;height:auto;aspect-ratio:16/9}
}
@media(max-width:900px){
  .page-servicio .fx-category-hero-copy{padding:28px 0 24px}
}
@media(max-width:700px){
  .page-servicio .fx-category-hero-copy{padding:24px 0 20px}
  .page-servicio .fx-servicio-hero__cta .fx-link,
  .page-servicio .fx-servicio-hero__cta .fx-btn{flex:1 1 auto}
  .page-servicio .fx-servicio-offer__copy{padding:28px 22px}
  .page-servicio .fx-servicio-offer__actions{flex-direction:column}
  .page-servicio .fx-servicio-offer .fx-btn{width:100%}
}