/* ========================= */
/* style__photo__index */
/* ========================= */
.card {
  width: 190px;
  height: 254px;
  background-image: linear-gradient(163deg, #bb423b 0%, #7d2f32 100%);
  border-radius: 20px;
  transition: all .3s;
  overflow: hidden;                  /* Asegura que la imagen no se salga del contenedor */
  box-shadow: 0px 0px 10px 1px #bb423b; /* Marco de color rojo al cargar la página */
}
.card2 {
  width: 190px;
  height: 254px;
  background-color: #1a1a1a;
  border-radius: 20px;
  transition: all .2s;
  overflow: hidden;                  /* Asegura que la imagen no se salga del contenedor */
}
.card2:hover {
  transform: scale(0.98);
  border-radius: 20px;
}
.card:hover {
  box-shadow: 0px 0px 15px 2px #bb423b; /* Agranda el marco de color rojo al pasar el mouse */
}
.profile__photo {
  width: 100%;
  height: 100%;
  object-fit: cover;                 /* Asegura que la imagen se ajuste al contenedor */
  border-radius: 20px;               /* Hace que la imagen tenga los mismos bordes redondeados */
}
@media (max-width: 480px) {
  .card {
    max-width: 100%;
  }
  .card2 {
    max-width: 100%;
  }
}
/* ========================= */
/* END - style__photo__index */
/* ========================= */