/* ============================================
   SVC 12 — PRECIOS MODALIDADES
   Widget: webc-12-precios-modalidades
   ============================================ */
.svc-precios {
  padding: var(--webc__section-padding-y);
  background-color: var(--webc__color-white);
}
.svc-precios__container {
  max-width: 920px;
  margin: 0 auto;
}
.svc-precios__titulo {
  font-family: var(--webc__font-display);
  font-size: var(--webc__font-size-2xl);
  font-weight: var(--webc__font-weight-bold);
  color: var(--webc__color-primary);
  margin: 0 0 var(--webc__spacing-md) 0;
  text-align: center;
  line-height: var(--webc__line-height-tight);
}
.svc-precios__intro {
  font-family: var(--webc__font-text);
  font-size: var(--webc__font-size-md);
  color: var(--webc__color-text);
  line-height: var(--webc__line-height-relaxed);
  text-align: center;
  margin: 0 0 var(--webc__spacing-xl) 0;
}
.svc-precios__tabla-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border-radius: 8px;
  box-shadow: var(--webc__shadow-sm);
}
.svc-precios__tabla {
  width: 100%;
  min-width: 640px;
  border-collapse: collapse;
  background-color: var(--webc__color-white);
  border-radius: 8px;
  overflow: hidden;
}
.svc-precios__tabla th,
.svc-precios__tabla td {
  padding: var(--webc__spacing-md) var(--webc__spacing-lg);
  text-align: left;
  font-family: var(--webc__font-text);
  border-bottom: 1px solid var(--webc__color-primary-light);
}
.svc-precios__tabla th {
  background-color: var(--webc__color-primary);
  color: var(--webc__color-white);
  font-size: var(--webc__font-size-sm);
  font-weight: var(--webc__font-weight-semibold);
  text-transform: uppercase;
  letter-spacing: var(--webc__letter-spacing-wide);
}
.svc-precios__tabla tbody tr:last-child td {
  border-bottom: none;
}
.svc-precios__tabla tbody tr:nth-child(even) {
  background-color: var(--webc__color-primary-light);
}
.svc-precios__tabla td {
  color: var(--webc__color-secondary);
  font-size: var(--webc__font-size-base);
}
.svc-precios__precio {
  font-weight: var(--webc__font-weight-bold);
  color: var(--webc__color-primary);
  font-size: var(--webc__font-size-md);
}
.svc-precios__nota {
  margin-top: var(--webc__spacing-lg);
  padding: var(--webc__spacing-md) var(--webc__spacing-lg);
  background-color: var(--webc__color-primary-light);
  border-radius: 8px;
  font-family: var(--webc__font-text);
  font-size: var(--webc__font-size-sm);
  color: var(--webc__color-secondary);
  text-align: center;
  font-style: italic;
}
@media (max-width: 767px) {
  .svc-precios__tabla th,
  .svc-precios__tabla td {
    padding: var(--webc__spacing-sm);
    font-size: var(--webc__font-size-sm);
  }
}