#tab-inicio .home-bio {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  grid-template-areas: "portrait portrait" "heading content";
  gap: clamp(24px, 4vw, 48px);
  padding: clamp(24px, 4vw, 48px);
  border: 0;
  box-shadow: none;
  background: #f7f7f8 !important;
}
html.dark #tab-inicio .home-bio { background: #141516 !important; }
#tab-inicio .home-bio-heading { grid-area: heading; min-width: 0; }
#tab-inicio .home-bio-content { grid-area: content; min-width: 0; }
#tab-inicio .home-bio-portrait {
  grid-area: portrait;
  position: relative;
  z-index: 1;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1914 / 822;
  border-radius: 8px;
  background: #e7edf3;
}
html.dark #tab-inicio .home-bio-portrait { background: #0b172b; }
#tab-inicio .home-bio-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 60% 50%;
}
@media (max-width: 900px) {
  #tab-inicio .home-bio {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "heading" "portrait" "content";
    padding: 24px;
    gap: 24px;
  }
  #tab-inicio .home-bio-portrait { aspect-ratio: 1.75; }
}
@media (max-width: 640px) {
  #tab-inicio .home-bio { padding: 20px; gap: 24px; }
  #tab-inicio .home-bio-portrait { aspect-ratio: 1.55; }
  #tab-inicio .home-bio-portrait img { object-position: 62% 50%; }
}
