/* Componentes y ajustes visuales finos */

.card-news img,
.matterport-card img,
.diploma-card img {
  background: #eef3f8;
}

.news-grid .card-body,
.matterport-grid .card-body {
  min-height: 128px;
}

.services-grid .card,
.news-grid .card,
.diploma-grid .card,
.matterport-grid .card {
  height: 100%;
}

.site-nav a,
.footer-grid a,
.card a,
.btn,
.brand {
  transition:
    color 0.2s ease,
    background 0.2s ease,
    transform 0.2s ease,
    opacity 0.2s ease,
    box-shadow 0.2s ease;
}

.site-nav a:focus-visible,
.btn:focus-visible,
.nav-toggle:focus-visible,
.card a:focus-visible,
.footer-grid a:focus-visible {
  outline: 3px solid rgba(11, 110, 253, 0.25);
  outline-offset: 3px;
  border-radius: 12px;
}

.card p,
.section-head p,
.profile-copy p,
.strip p,
.hero-text,
.banner-content p {
  text-wrap: pretty;
}

.card h3,
.section-head h2,
.profile-copy h2,
.hero h1,
.banner-content h2 {
  text-wrap: balance;
}

.hero-actions .btn,
.section-cta .btn,
.strip .btn {
  white-space: nowrap;
}

.site-header.is-scrolled {
  box-shadow: 0 10px 30px rgba(10, 18, 30, 0.08);
}

.site-nav.is-open {
  display: flex;
}