/* P4: exclusive to C 3800; shared case and navigation styles stay intact. */
#contenido > .c3800-hero {
  min-height: clamp(560px, 70svh, 720px);
  display: flex;
  align-items: flex-end;
  padding: 128px 0 48px;
}
#contenido > .c3800-hero > picture,
#contenido > .c3800-hero > picture > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
#contenido > .c3800-hero > picture > img {
  object-fit: cover;
  object-position: center 55%;
}
#contenido > .c3800-hero > .hero-shade {
  background: linear-gradient(90deg, rgba(5,22,35,.92), rgba(5,22,35,.65) 38%, rgba(5,22,35,.08) 80%), linear-gradient(0deg, rgba(5,22,35,.48), transparent 65%);
}
#contenido > .c3800-hero > div:last-child {
  position: relative;
  width: min(680px, var(--shell));
  margin-inline: max(16px, calc((100% - 1240px) / 2)) auto;
  padding: clamp(1.2rem, 2.2vw, 2rem);
  background: rgba(7,31,53,.56);
  border: 1px solid rgba(197,222,221,.25);
  border-radius: 8px;
}
#contenido > .c3800-hero h1 {
  max-width: 23ch;
  font-size: clamp(2rem, 3.65vw, 3.6rem);
  line-height: 1.08;
}
#contenido > .c3800-hero .breadcrumbs { margin-bottom: .9rem; }
#contenido > .c3800-hero > div:last-child > p:not(.eyebrow) {
  max-width: 52ch;
  font-size: 1rem;
  line-height: 1.55;
  color: #e0e9ef;
}
#contenido > .c3800-intro {
  padding-block: clamp(40px, 4.5vw, 64px) 24px;
  gap: clamp(24px, 4vw, 56px);
  align-items: start;
}
#contenido > .c3800-intro h2 { margin-top: 0; }
#contenido > .c3800-intro aside { position: static; padding: 1.3rem; }
#contenido > .c3800-intro aside h2 { font-size: clamp(1.4rem, 2vw, 1.8rem); }
#contenido > .c3800-intro .ml-list { margin-bottom: 0; }
#contenido > .c3800-gallery { padding-block: 24px 32px; }
#contenido > .c3800-gallery h2 { margin-bottom: .6rem; }
#contenido > .c3800-gallery .ml-photo-grid { margin-top: 1.5rem; gap: 1.5rem; }
#contenido > .c3800-gallery .lightbox-trigger picture { aspect-ratio: 4 / 3; }
#contenido > .c3800-gallery .ml-photo-grid img {
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: contain;
}
#contenido > .c3800-gallery figcaption { padding-block: .8rem .25rem; }
#contenido > .c3800-gallery figcaption p { margin-bottom: 0; }
.c3800-record-note {
  margin-top: 1.5rem;
  padding: 1rem 1.2rem;
  border-left: 2px solid #b68138;
  background: #f0eee8;
  color: #41535f;
  font-size: .92rem;
  line-height: 1.65;
}
.c3800-record-note h3 { margin: 0 0 .4rem; font-size: .95rem; }
.c3800-record-note p { margin: 0; }
#contenido > .c3800-related { padding-block: 16px 48px; }
@media(max-width:800px) {
  #contenido > .c3800-hero { min-height: 560px; padding-block: 115px 32px; }
  #contenido > .c3800-intro { gap: 24px; }
}
@media(max-width:620px) {
  #contenido > .c3800-hero > picture > img { object-position: 42% center; }
  #contenido > .c3800-hero > .hero-shade { background: linear-gradient(0deg, rgba(5,22,35,.88), rgba(5,22,35,.35) 70%, rgba(5,22,35,.2)); }
  #contenido > .c3800-hero > div:last-child { background: rgba(7,31,53,.48); }
  #contenido > .c3800-intro { padding-top: 32px; }
  #contenido > .c3800-gallery { padding-top: 12px; }
  #contenido > .c3800-gallery .ml-photo-grid { gap: 1.2rem; }
}