/* =========================================================
   OKLYCOSMETICS — GIRO_NEGOCIOS RESPONSIVE V1
   SOLO reemplazo responsive de las 8 imágenes de negocios.
   No modifica textos, tarjetas, tipografías, fondos ni hero.
   ========================================================= */

#negocios .business-card .business-picture{
  display:block;
  width:100%;
  overflow:hidden;
  flex:0 0 auto;
}

#negocios .business-card .business-picture img{
  display:block;
  width:100%;
  object-fit:cover;
}

/* PC: imágenes de diseño 1200x600 (2:1) */
@media(min-width:701px){
  #negocios .business-card .business-picture{
    aspect-ratio:2/1;
  }

  #negocios .business-card .business-picture img{
    width:100%;
    height:100%;
    aspect-ratio:2/1;
    object-fit:cover;
    object-position:center center;
  }
}

/* Celular: imágenes de diseño 900x600 (3:2) */
@media(max-width:700px){
  #negocios .business-card .business-picture{
    aspect-ratio:3/2;
  }

  #negocios .business-card .business-picture img{
    width:100%;
    height:100%;
    aspect-ratio:3/2;
    object-fit:cover;
    object-position:center center;
  }
}