.shell:not(.home-mode) > .home-view {
  display: none;
}

.recent-row {
  border-radius: 10px;
}

.home-header {
  grid-template-columns: 190px minmax(0, 1fr) auto;
  gap: 18px;
}

.home-nav {
  gap: clamp(12px, 1.5vw, 24px);
}

.home-header-actions {
  gap: 8px;
}

.home-view > [id] {
  scroll-margin-top: 100px;
}

.home-phone,
.home-whatsapp {
  color: #173f6d;
  font-size: .76rem;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.home-whatsapp {
  border-radius: 9px;
  background: #e6f7ef;
  color: #147a58;
  padding: 8px 10px;
}

.home-phone:hover,
.home-whatsapp:hover {
  color: #1257b0;
}

.materials-section {
  max-width: 1160px;
  margin: 0 auto;
  padding: 72px 48px;
  border: 1px solid #d9e6f1;
  border-radius: 24px;
  background: linear-gradient(135deg, #f5f9ff, #f1fbf7);
  text-align: center;
}

.materials-section h2 {
  margin: 0;
  color: #16385f;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 3.6vw, 3.5rem);
  font-weight: 500;
}

.materials-section > p:not(.eyebrow) {
  max-width: 670px;
  margin: 18px auto 26px;
  color: #64798f;
  line-height: 1.65;
}

@media (min-width: 951px) and (max-width: 1600px) {
  .home-header {
    height: auto;
    min-height: 112px;
    grid-template-columns: 190px minmax(0, 1fr);
    gap: 12px 18px;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .home-header-actions { justify-self: end; }
  .home-view > [id] { scroll-margin-top: 140px; }
  .home-nav {
    grid-column: 1 / -1;
    grid-row: 2;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 8px;
  }
}

@media (max-width: 950px) {
  .home-phone { display: none; }
  .home-header { grid-template-columns: 1fr auto; }
  .home-whatsapp { display: inline-flex; }
}

@media (max-width: 620px) {
  .home-whatsapp { font-size: 0; padding: 10px; }
  .home-whatsapp::before { content: "WA"; font-size: .7rem; }
  .materials-section { margin: 0 20px; padding: 52px 22px; }
}

.materials-preview { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 30px 0; text-align: left; }
.materials-preview > a { display: flex; flex-direction: column; gap: 12px; padding: 24px; border: 1px solid #dce6ef; border-radius: 16px; background: #fff; color: #17304d; text-decoration: none; transition: border-color .2s, transform .2s; }
.materials-preview > a:hover { border-color: #1257b0; transform: translateY(-3px); }
.preview-type { font-size: .68rem; font-weight: 800; letter-spacing: .06em; color: #16785f; }
.materials-preview h3 { margin: 0; font-size: 1.15rem; line-height: 1.4; }
.materials-preview p { margin: 0 0 6px; color: #64798f; font-size: .9rem; line-height: 1.6; }
.preview-action { margin-top: auto; color: #1257b0; font-size: .86rem; font-weight: 800; }
@media (max-width: 760px) { .materials-preview { grid-template-columns: 1fr; } }