/* Fotos y video reales del cliente en la portada (nació como «versión B» el 15-oct-2026; es la portada desde el 23-oct).
   Se carga después de sitio.css solo en index.html; la versión A no lo usa. El isotipo que mira al puntero queda como medallón. */
.heroe-foto{position:relative;margin:0;justify-self:center;width:min(440px,100%)}
.heroe-foto img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:var(--sombra-alta)}
.heroe-foto .heroe-logo{position:absolute;left:-36px;bottom:-32px;width:148px;aspect-ratio:1;filter:drop-shadow(0 18px 24px color-mix(in srgb,var(--marca) 30%,transparent))}
@media (max-width:859px){
  .heroe-foto{order:-1;width:100%}
  .heroe-foto img{aspect-ratio:16/10;object-position:50% 30%;border-radius:22px}
  .heroe-foto .heroe-logo{order:0;left:12px;bottom:-26px;width:88px}
  .heroe-grid{gap:36px}
}
@media (orientation:landscape) and (max-height:560px){
  .heroe-foto{order:0}
  .heroe-foto img{aspect-ratio:4/3}
}
.quien.con-foto{padding-top:0;overflow:hidden}
.con-foto picture img{display:block;width:calc(100% + 40px);max-width:none;height:auto;margin:0 -20px 12px;aspect-ratio:4/3;object-fit:cover}
.galeria{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.galeria figure{margin:0}
.galeria img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radio-tarjeta);box-shadow:var(--sombra)}
.galeria figcaption{margin-top:8px;font-weight:800;color:var(--marca)}
.video-pieza{margin:0 0 16px;display:grid;justify-items:center;gap:6px}
.video-pieza video{display:block;width:auto;max-width:100%;height:min(56vh,480px);aspect-ratio:9/16;border-radius:var(--radio-tarjeta);background:var(--noche)}
.video-pieza figcaption{font-size:var(--t-chico);color:var(--tinta-2)}
@media (max-width:699px){
  .con-foto picture img{aspect-ratio:2/1}
  .galeria{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;margin:0 -16px;padding:4px 16px 12px;scroll-padding:0 16px}
  .galeria figure{flex:0 0 62%;scroll-snap-align:start}
}