html[data-pagina="blog"] .bl-cab { position: relative; min-height: clamp(560px, 72svh, 760px); }
.bl-cab__foto {
  position: absolute;
  z-index: 0;
  top: calc(var(--cab) + 48px);
  bottom: 64px;
  left: calc(50% + var(--calle) / 2);
  right: max(var(--margen), 50% - 600px);
  margin: 0;
  overflow: clip;
  background: var(--superficie-oscura);
}
.bl-cab__foto picture { position: absolute; inset: 0; }
.bl-cab__foto img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; }
html[data-pagina="blog"] .bl-cab h1 { grid-column: 1 / 4; }
html[data-pagina="blog"] .bl-cab__luz { left: 22%; top: 60%; }
@media (max-width: 820px) {
  html[data-pagina="blog"] .bl-cab { display: flex; flex-direction: column; min-height: 0; }
  html[data-pagina="blog"] .bl-cab .contenedor { order: 1; }
  html[data-pagina="blog"] .bl-cab .seccion__int { padding-bottom: 24px; }
  html[data-pagina="blog"] .bl-cab h1 { grid-column: 1; }
  .bl-cab__foto { position: relative; order: 2; inset: auto; left: auto; right: auto; aspect-ratio: 3 / 2; }
  .bl-cab__foto img {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, var(--texto) 32%);
    mask-image: linear-gradient(180deg, transparent 0%, var(--texto) 32%);
  }
  html[data-pagina="blog"] .bl-cab__luz { left: 50%; top: 40%; }
}