/*
 * DSPACE-UH R3
 * Home parity remediation based on recovered Legacy visual contract.
 * Golden Angular bundles remain untouched.
 */

/* =========================================================
   HEADER
   ========================================================= */

.uh-header-logo {
  display: block;
  width: auto !important;
  max-width: min(360px, 70vw) !important;
  max-height: 88px !important;
  object-fit: contain;
}

/* =========================================================
   GLOBAL NAV
   ========================================================= */

#uh-nav-howto .nav-link,
a#uh-nav-howto-link {
  white-space: nowrap;
}

/* =========================================================
   HOME
   ========================================================= */

body.uh-home ds-home-news,
body.uh-home ds-home-news .jumbotron,
body.uh-home ds-home-news .credits {
  display: none !important;
}

body.uh-home #main-content {
  background: #ffffff;
}

.uh-home-shell {
  display: block;
  padding: 1.25rem 0 2.75rem;
}

.uh-home-search-wrap {
  margin: 0 auto 2rem;
  max-width: 1140px;
  padding: 0 1rem;
}

.uh-home-search-panel {
  background: #10a0d6;
  border-radius: 0.25rem;
  padding: 2.25rem 2rem;
}

.uh-home-search-form {
  display: flex;
  align-items: stretch;
  gap: 0;
  width: 100%;
}

.uh-home-search-input {
  flex: 1 1 auto;
  min-width: 0;
  height: 56px;
  border: none;
  border-radius: 0;
  padding: 0 1rem;
  font-size: 1.15rem;
  outline: none;
}

.uh-home-search-button {
  flex: 0 0 58px;
  width: 58px;
  height: 56px;
  border: none;
  border-radius: 0;
  background: #ff1f17;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  cursor: pointer;
}

.uh-home-title {
  margin: 0 0 2rem;
  text-align: center;
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 1.1;
  color: #213b84;
  font-weight: 500;
}

.uh-home-cards {
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 1rem;
}

.uh-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 2rem;
}

.uh-card-column {
  min-width: 0;
}

.uh-home-card {
  display: block;
  text-decoration: none;
  color: inherit;
}

.uh-home-card:hover,
.uh-home-card:focus {
  text-decoration: none;
  color: inherit;
}

.uh-home-card-box {
  border: 1px solid rgba(32, 60, 132, 0.45);
  border-radius: 0.3rem;
  background: #fff;
  overflow: hidden;
  min-height: 92px;
}

.uh-home-card-image {
  width: 100%;
  min-height: 92px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #ffffff;
}

.uh-home-card-title {
  display: block;
  margin-top: 1rem;
  text-align: center;
  color: #213b84;
  font-size: 1.15rem;
  line-height: 1.3;
  font-weight: 700;
}

/* =========================================================
   SAPIENCIA /procedi
   ========================================================= */

.uh-hidden-for-procedi {
  display: none !important;
}

.uh-procedi-page {
  display: block;
  padding: 1.5rem 0 3rem;
}

.uh-procedi-content {
  max-width: 1000px;
  margin: 0 auto;
}

.uh-procedi-content h1 {
  margin: 0 0 1.5rem;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: 1.2;
}

.uh-procedi-content h2 {
  margin: 0 0 2rem;
  font-size: clamp(1.15rem, 2.5vw, 1.5rem);
  line-height: 1.45;
  font-weight: 500;
}

.uh-procedi-content h3 {
  margin: 2rem 0 0.75rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.uh-procedi-content ul {
  padding-left: 1.5rem;
}

.uh-procedi-content li {
  margin: 0.65rem 0;
  line-height: 1.7;
}

.uh-procedi-content a {
  font-weight: 600;
}

/* =========================================================
   FOOTER
   ========================================================= */

.uh-footer-brand {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 1.2rem 1rem;
}

.uh-footer-brand a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.uh-footer-logo {
  display: block;
  width: auto;
  max-width: min(300px, 75vw);
  max-height: 90px;
  object-fit: contain;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991.98px) {
  .uh-card-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .uh-home-search-panel {
    padding: 1.5rem 1rem;
  }
}

@media (max-width: 575.98px) {
  .uh-header-logo {
    max-height: 60px !important;
  }

  .uh-home-search-input {
    font-size: 1rem;
  }

  .uh-home-card-title {
    font-size: 1.05rem;
  }

  .uh-procedi-page {
    padding-top: 1rem;
  }
}