/* Posicionamiento: tarjetas concisas con iconos vectoriales temáticos. */
.seo-page #disciplinas .service-card-grid { gap: 17px; }
.seo-page .seo-area-card {
  min-height: 270px;
  padding: 24px;
  border: 1px solid #dce5ef;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 12px 30px rgb(23 49 79 / 7%);
  transition: transform 240ms ease, border-color 240ms ease, box-shadow 240ms ease;
}
.seo-page .seo-area-card:hover {
  transform: translateY(-4px);
  border-color: #b8cde4;
  box-shadow: 0 18px 36px rgb(23 49 79 / 11%);
}
.seo-page .seo-area-card .service-card-number { margin-bottom: 37px; }
.seo-page .seo-area-card .service-card-icon { z-index: 1; top: 20px; right: 20px; }
.seo-page .seo-area-card .service-card-icon svg {
  display: block;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.seo-page .seo-area-card h3 { margin: 0 0 10px; }
.seo-page .seo-area-card p { margin: 0; }
.seo-page .seo-area-card p a { color: #2868c8; font-weight: 700; text-underline-offset: 3px; }

@media (max-width: 640px) {
  .seo-page .seo-area-card { min-height: 0; padding: 22px; }
  .seo-page .seo-area-card .service-card-number { margin-bottom: 28px; }
}
@media (prefers-reduced-motion: reduce) {
  .seo-page .seo-area-card { transition: none; }
  .seo-page .seo-area-card:hover { transform: none; }
}