/* Servicios — estilos específicos (prefijo .servicios-). */

/* Rejilla de áreas de trabajo */
.servicios-grid {
	display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem;
}
.servicios-card {
	border:1px solid var(--borde); border-radius:var(--radio);
	background:var(--superficie); padding:clamp(1.3rem,2.5vw,1.75rem);
	transition:border-color .2s ease, transform .2s ease;
}
.servicios-card:hover { border-color:var(--fg); transform:translateY(-3px); }
.servicios-card__num { color:var(--rojo); font-size:.78rem; letter-spacing:.16em; }
.servicios-card__tit {
	font-family:var(--f-display); font-weight:600;
	font-size:clamp(1.25rem,2vw,1.5rem); margin-top:.6rem;
}
.servicios-card__txt { color:var(--fg-70); font-size:.98rem; line-height:1.5; margin-top:.6rem; }

/* Proceso: intro + pasos */
.servicios-proceso__grid {
	display:grid; grid-template-columns:1.1fr .9fr;
	gap:clamp(2rem,5vw,4rem); align-items:center;
}
.servicios-proceso__titulo {
	font-family:var(--f-display); font-weight:600;
	font-size:clamp(1.8rem,3.6vw,2.8rem); line-height:1.06;
	letter-spacing:-0.015em; max-width:16ch;
}
.servicios-proceso__titulo em { font-style:italic; color:var(--rojo); }
.servicios-proceso__texto { margin-top:1.25rem; color:var(--fg-70); max-width:46ch; }
.servicios-proceso__grid .boton { margin-top:1.75rem; }

.servicios-pasos { display:flex; flex-direction:column; gap:.85rem; }
.servicios-paso {
	display:grid; grid-template-columns:auto 1fr; gap:1rem; align-items:baseline;
	border-top:1px solid var(--borde); padding-top:.85rem;
}
.servicios-paso__n { color:var(--naranja); }
.servicios-paso strong { color:var(--fg); }
.servicios-paso span:last-child { color:var(--fg-70); }

@media (max-width:900px){
	.servicios-grid { grid-template-columns:repeat(2,1fr); }
	.servicios-proceso__grid { grid-template-columns:1fr; }
}
@media (max-width:560px){
	.servicios-grid { grid-template-columns:1fr; }
}