/* OCCHIUZZI V38 · encuadre de Alquiler y perfiles reales en reseñas. */

/*
 * La foto original de Alquiler es vertical. En escritorio conservamos cover,
 * pero reducimos el ancho de su ventana de recorte y fundimos los laterales
 * con la misma imagen para mostrar más de la propiedad sin dejar espacios.
 */
.experience-cards--vertical .experience-card:nth-child(2) > a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #071525 url("../images/renta.jpg?v=21") center 52% / cover no-repeat;
}

.experience-cards--vertical .experience-card:nth-child(2) > a > img {
  width: 84% !important;
  height: 100% !important;
  margin-inline: auto;
  object-fit: cover !important;
  object-position: center 52%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}

/* Avatar exacto tomado de cada reseña recibida. */
.oc37-review__avatar {
  position: relative;
  display: block;
  width: 58px;
  height: 58px;
  flex: 0 0 58px;
  overflow: hidden;
  border: 1px solid rgba(224, 186, 112, .72);
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}

.oc37-review__avatar img {
  position: absolute;
  width: 480px !important;
  max-width: none !important;
  height: auto !important;
}

.oc37-review__avatar--cristina img { left: -59px; top: -168px; }
.oc37-review__avatar--jose img { left: -56px; top: -226px; }
.oc37-review__avatar--candela img { left: -59px; top: -222px; }
.oc37-review__avatar--daniela img { left: -66px; top: -226px; }
.oc37-review__avatar--marisa img { left: -62px; top: -239px; }
.oc37-review__avatar--carlos img { left: -54px; top: -190px; }
.oc37-review__avatar--angela img { left: -65px; top: -181px; }

.oc37-reviews__summary span {
  max-width: 420px;
  color: #fff;
  font-size: clamp(14px, 1.15vw, 18px);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: .08em;
  text-transform: uppercase;
}

@media (max-width: 700px) {
  .experience-cards--vertical .experience-card:nth-child(2) > a {
    background: #071525;
  }

  .experience-cards--vertical .experience-card:nth-child(2) > a > img {
    width: 100% !important;
    object-position: center 52%;
    -webkit-mask-image: none;
    mask-image: none;
  }
}