/* Fetal Brain 3D · Portada estática. El resto de la página usa la hoja de
   Fetal Heart 3D (/simuladores/heart3d/assets/landing.css): misma paleta,
   tipografía, modos, puente, galería y cierre. */
.hb { padding: calc(var(--bar-h) + clamp(28px, 6vh, 64px)) var(--gutter) clamp(64px, 10vh, 120px); }
.hb__grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: center; }
.hb .kicker { margin-bottom: 18px; }
.hb h1 { margin: 0; font: 500 clamp(40px, 5vw, 70px)/1 var(--f-display); letter-spacing: -.015em; }
.hb h1 em { display: block; margin-top: .16em; font-style: italic; font-weight: 500; font-size: .48em; letter-spacing: -.005em; color: var(--muted); }
.hb .meta { margin: 22px 0 0; font: 500 11.5px/1.6 var(--f-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--text-2); }
.hb .meta i { font-style: normal; color: var(--line-2); padding: 0 .5em; }
.hb .facts { margin: 30px 0 28px; }
.hb__fig { margin: 0; min-width: 0; }
.hb__fig .screen { background: #fbfbfc; }
.hb__fig figcaption { margin-top: 14px; font: 400 11.5px/1.5 var(--f-mono); color: var(--muted); }
/* Teléfono: título, imagen, ficha y botones, en ese orden. */
.hb__txt { display: contents; }
.hb__head { order: 1; }
.hb__fig { order: 2; }
.hb__body { order: 3; }
@media (min-width: 821px) {
  .hb__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; }
  .hb__txt { display: block; }
  .hb__fig { order: 0; }
}
.gal-ref { margin-top: 10px; }