body .theme-container {
  width: min(1220px, calc(100% - 44px));
  margin: 0 auto;
}

.docttus-teacher-page {
  padding: 72px 0 96px;
  background:
    linear-gradient(rgba(255,255,255,.88), rgba(255,255,255,.88)),
    url('../img/fondo.jpg');
  background-size: 520px auto;
  background-repeat: repeat;
}

.docttus-teacher-breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 26px;
  color: var(--text-gray);
  font-size: .88rem;
}

.docttus-teacher-breadcrumb a {
  color: var(--text-gray);
  text-decoration: none;
}

.docttus-teacher-breadcrumb a:hover,
.docttus-teacher-hero__eyebrow,
.docttus-teacher-section__eyebrow,
.docttus-teacher-hero__metrics i {
  color: var(--green-dark);
}

.docttus-teacher-breadcrumb strong,
.docttus-teacher-hero h1,
.docttus-teacher-hero__metrics strong,
.docttus-teacher-section__count-inline strong {
  color: var(--bg-nav);
}

.docttus-teacher-hero {
  display: grid;
  grid-template-columns: minmax(0, 240px) minmax(0, 1fr);
  gap: 32px;
  align-items: start;
  padding: 32px;
  border: 1px solid rgba(111,189,79,.24);
  border-radius: 18px;
  background: #ffffff;
}

.docttus-teacher-hero__side,
.docttus-teacher-hero__metrics,
.docttus-teacher-hero__about,
.docttus-teacher-section {
  display: grid;
  gap: 16px;
}

.docttus-teacher-hero__side {
  justify-items: center;
}

.docttus-teacher-hero__avatar-shell,
.docttus-teacher-hero__avatar-fallback {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(139,220,101,.18), rgba(8,127,122,.14));
  color: var(--green-dark);
  font-size: 46px;
}

.docttus-team-member__avatar {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.docttus-teacher-hero__metrics {
  width: 100%;
  max-width: 220px;
  color: var(--text-gray);
  font-size: .9rem;
}

.docttus-teacher-hero__metrics div {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
}

.docttus-teacher-hero__eyebrow,
.docttus-teacher-section__eyebrow {
  display: inline-flex;
  margin-bottom: 12px;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.docttus-teacher-hero h1 {
  margin: 0 0 8px;
  font-size: clamp(1.75rem, 3vw, 2.55rem);
  line-height: 1.08;
}

.docttus-teacher-hero__role {
  margin: 0 0 10px;
  color: var(--green-dark);
  font-weight: 800;
}

.docttus-teacher-hero__tagline,
.docttus-teacher-hero__about p,
.docttus-teacher-empty,
.docttus-teacher-section__count-inline span {
  color: var(--text-gray);
  line-height: 1.75;
}

.docttus-teacher-hero__specialties {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.docttus-teacher-hero__specialties span {
  padding: 8px 12px;
  border: 1px solid rgba(111,189,79,.24);
  border-radius: 999px;
  color: #087f7a;
  background: rgba(139,220,101,.12);
  font-size: .82rem;
  font-weight: 700;
}

.docttus-teacher-section {
  margin-top: 28px;
  padding: 28px;
  border: 1px solid rgba(111,189,79,.18);
  border-radius: 18px;
  background: #ffffff;
}

.docttus-teacher-courses {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
}

@media (max-width: 900px) {
  .docttus-teacher-hero,
  .docttus-teacher-courses {
    grid-template-columns: 1fr;
  }
}