/* Mantenimiento WordPress — reuses mt-* layout with a clearer WP identity.
   Ink charcoal + deep teal. Not purple / cream / glow soup. */

.page-mantenimiento-wordpress,
.wm-page {
  --mt-ink: #0b1520;
  --mt-slate: #132536;
  --mt-muted: #4a6072;
  --mt-teal: #0f6e8c;
  --mt-teal-soft: rgba(15, 110, 140, 0.12);
  --mt-paper: #f3f7fa;
  --mt-line: rgba(11, 21, 32, 0.12);
  --mt-display: "Fraunces", Georgia, "Times New Roman", serif;
  --mt-sans: "Manrope", "Plus Jakarta Sans", "DM Sans", system-ui, sans-serif;
  font-family: var(--mt-sans);
  color: var(--mt-ink);
}

.wm-page .mt-hero {
  background: #0b1520;
}

.wm-page .mt-hero-shade {
  background:
    linear-gradient(105deg, rgba(8, 16, 28, 0.94) 0%, rgba(8, 16, 28, 0.86) 46%, rgba(8, 16, 28, 0.48) 74%, rgba(8, 16, 28, 0.32) 100%),
    linear-gradient(180deg, rgba(8, 16, 28, 0.5) 0%, rgba(8, 16, 28, 0.24) 48%, rgba(8, 16, 28, 0.66) 100%);
}

.wm-page .mt-hero-actions .btn-green {
  background: linear-gradient(135deg, #0f6e8c, #0a8f6c);
  border-color: transparent;
}

.wm-page .mt-section--ink {
  background:
    radial-gradient(ellipse 70% 60% at 0% 0%, rgba(15, 110, 140, 0.16), transparent 55%),
    linear-gradient(165deg, #0b1520 0%, #132536 100%);
}

.wm-page .mt-plan-card.is-featured {
  background:
    radial-gradient(circle at 95% 0%, rgba(15, 110, 140, 0.28), transparent 42%),
    linear-gradient(155deg, #0b1520 0%, #16324a 100%);
}

.wm-page .section-kicker {
  color: #0f6e8c;
}

.wm-page .mt-hero .section-kicker,
.wm-page .mt-section--ink .section-kicker,
.wm-page .mt-final .section-kicker {
  color: #8fd3e8;
}

/* Trust strip under proof cases */
.wm-trust-band {
  padding: clamp(28px, 4vw, 40px) 0;
  background: #fff;
  border-top: 1px solid var(--mt-line);
  border-bottom: 1px solid var(--mt-line);
}

.wm-trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.wm-trust-item {
  padding: 18px 16px;
  border: 1px solid var(--mt-line);
  border-radius: 4px;
  background: var(--mt-paper);
}

.wm-trust-item strong {
  display: block;
  font-size: 1.35rem;
  letter-spacing: -0.03em;
  margin-bottom: 4px;
  color: var(--mt-ink);
}

.wm-trust-item span {
  font-size: 0.92rem;
  color: var(--mt-muted);
  line-height: 1.45;
}

.wm-case-link {
  display: inline-flex;
  margin-top: 1.25rem;
  font-weight: 700;
  color: #8fd3e8;
  text-decoration: none;
  border-bottom: 1px solid rgba(143, 211, 232, 0.45);
  padding-bottom: 2px;
}

.wm-case-link:hover {
  color: #fff;
  border-bottom-color: #fff;
}

.wm-page .mt-risk-solution {
  margin-top: 0.65rem;
  font-size: 0.95rem;
  color: var(--mt-muted);
  line-height: 1.5;
}

.wm-page .mt-risk-solution strong {
  color: var(--mt-teal);
  font-weight: 700;
}

@media (max-width: 900px) {
  .wm-trust-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .wm-trust-grid {
    grid-template-columns: 1fr;
  }
}