/* Cabecera fotográfica exclusiva de Servicios. No afecta las demás páginas.
 * Fotografía ilustrativa Unsplash (Vitaly Gariev): docs/RECURSOS-VISUALES.md */
.v4-catalog-heading--photo{padding-top:36px;padding-bottom:37px}
.v4-catalog-heading--photo .catalog-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  gap:clamp(24px,3.6vw,50px);
  align-items:center
}
.v4-catalog-heading--photo .catalog-hero-copy{min-width:0}
.v4-catalog-heading--photo .catalog-hero-copy h1{
  max-width:675px;
  margin:14px 0 15px;
  font-size:clamp(2.05rem,2.85vw,2.65rem);
  line-height:1.17;
  letter-spacing:-.025em
}
.v4-catalog-heading--photo .catalog-hero-copy p{
  max-width:66ch;
  margin:0;
  font-size:16px;
  line-height:1.67
}
.v4-catalog-heading--photo .catalog-hero-visual{
  width:100%;
  aspect-ratio:16 / 10;
  margin:0;
  min-width:0;
  overflow:hidden;
  border-radius:12px;
  background:#E2EAF2;
  border:1px solid rgba(0,74,173,.075)
}
.v4-catalog-heading--photo .catalog-hero-visual img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 48%
}
/* El visitante debe llegar al catálogo sin superar un bloque fotográfico. */
@media(max-width:1049px){
  .v4-catalog-heading--photo .catalog-hero-layout{display:block}
  .v4-catalog-heading--photo .catalog-hero-visual{display:none}
  .v4-catalog-heading--photo .catalog-hero-copy h1{max-width:850px}
}
@media(max-width:700px){
  .v4-catalog-heading--photo{padding-top:30px;padding-bottom:29px}
  .v4-catalog-heading--photo .catalog-hero-copy h1{font-size:clamp(1.9rem,6.1vw,2.45rem);line-height:1.19}
}