/* Identidad de cada trámite, compartida por el formulario y su tarjeta. */
.tramite-historia, .service-card-historia {
  --tramite-color: #0b5ea8;
  --tramite-dark: #073d70;
  --tramite-soft: #eaf4ff;
  --tramite-border: #b8d7f3;
}
.tramite-cita, .service-card-cita {
  --tramite-color: #147844;
  --tramite-dark: #0d542f;
  --tramite-soft: #eaf8ef;
  --tramite-border: #b6dec7;
}
.tramite-imagenes, .service-card-rx {
  --tramite-color: #7540a5;
  --tramite-dark: #502575;
  --tramite-soft: #f4edfb;
  --tramite-border: #d7bfe9;
}
.tramite-laboratorio, .service-card-lab {
  --tramite-color: #995600;
  --tramite-dark: #703e00;
  --tramite-soft: #fff5e3;
  --tramite-border: #efd09f;
}
.tramite-theme {
  --hec-blue: var(--tramite-color);
  --hec-blue-dark: var(--tramite-dark);
  --hec-blue-soft: var(--tramite-soft);
  --hec-green: var(--tramite-color);
  --hec-green-dark: var(--tramite-dark);
  --hec-green-soft: var(--tramite-soft);
}
.tramite-theme .request-head {
  max-width: none;
  padding: clamp(20px, 3vw, 34px);
  border: 1px solid var(--tramite-border);
  border-left: 6px solid var(--tramite-color);
  border-radius: 18px;
  background: linear-gradient(115deg, var(--tramite-soft), #fff);
}
.tramite-theme .page-title,
.tramite-theme .section-title,
.tramite-theme .clinical-section-heading h3 {
  color: var(--tramite-dark);
}
.tramite-theme .clinical-summary-card,
.tramite-theme .request-guide-header,
.tramite-theme .clinical-form-header {
  background: linear-gradient(135deg, var(--tramite-soft), #fff);
}
.tramite-theme .clinical-summary-card::before {
  background: var(--tramite-soft);
}
.tramite-theme .request-form-card {
  border-top: 4px solid var(--tramite-color);
}
.tramite-theme .eyebrow,
.tramite-theme .form-icon,
.tramite-theme .guide-icon,
.tramite-theme .clinical-summary-icon,
.tramite-theme .clinical-checklist li > i {
  color: var(--tramite-color);
  background: var(--tramite-soft);
}
.tramite-theme .clinical-privacy-note {
  color: var(--tramite-dark);
  border-color: var(--tramite-border);
  background: var(--tramite-soft);
}
.tramite-theme .portal-btn-primary,
.tramite-theme .portal-btn-success,
.portal-main :is(.service-card-historia, .service-card-cita, .service-card-rx, .service-card-lab) .service-main-btn {
  color: #fff;
  background: var(--tramite-color);
  border-color: var(--tramite-color);
}
.tramite-theme .portal-btn-primary:hover,
.tramite-theme .portal-btn-success:hover,
.portal-main :is(.service-card-historia, .service-card-cita, .service-card-rx, .service-card-lab) .service-main-btn:hover {
  background: var(--tramite-dark);
  border-color: var(--tramite-dark);
}
.tramite-theme input:focus-visible,
.tramite-theme select:focus-visible,
.tramite-theme textarea:focus-visible,
.tramite-theme button:focus-visible,
.tramite-theme a:focus-visible {
  outline: 3px solid var(--tramite-color);
  outline-offset: 3px;
}
.tramite-theme input[type="checkbox"],
.tramite-theme input[type="radio"] {
  accent-color: var(--tramite-color);
}