/* ============================================================
   Servicios y Sistema (renovación 2026-09-19)
   Solo tokens existentes (tokens.css). Sin efectos nuevos.
   Las clases .svc*, .pack-* y .svc-jump viven en css/renovacion.css.
   ============================================================ */

/* Banda de «Lo que nos diferencia» en la cabecera de Servicios */
.why-band { border-top: 1px solid var(--linea); border-bottom: 1px solid var(--linea); }

/* Etiqueta «Bajo consulta» en los servicios que se construyen con cada cliente */
.svc-tag {
  display: inline-block; margin-top: 0.7rem; padding: 0.3rem 0.8rem;
  border: 1px solid var(--linea-fuerte); border-radius: 999px;
  font-family: var(--label); font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase;
  color: var(--acento-vivo);
}
.svc-tag + .svc-lead { margin-top: 0.8rem; }

/* Sistema: «Qué lleva dentro tu sistema» (4 piezas) */
.parts-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-top: 2rem; }
@media (min-width: 640px) { .parts-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1100px) { .parts-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.parts-grid .tilt-card-inner { height: 100%; padding: 1.6rem; }
.parts-grid h3 { font-size: 1.25rem; }
@media (min-width: 1100px) { .parts-grid h3 { min-height: 2.16em; } }
.parts-note { margin-top: 1.8rem; max-width: 62ch; font-size: 0.95rem; line-height: 1.6; color: var(--acento-suave); }