/* =========================================================
  ESTILOS GENERALES
  ========================================================= */
.features{
  /*
  background-image: url("../img/remolino-50-180.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;*/
  min-height: 70vh;
  display: flex;
  align-items: center;
}
.features .container{
  display: flex;
  justify-content: space-between;
}
.features .card{
  background-color: white;
  border-radius: 5px;
  padding: 1em;
  box-shadow: 0 10px 30px rgba(15,43,58,.09);
  cursor: pointer;
}
.features .card img{
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 12px;
}
.features .card h3{
  color: var(--ink);
}
.features .card:hover h3{
  color: var(--brand-dark);
}
.features .card:hover .muted{
  color: var(--ink);
}
/* =========================================================
  RESPONSIVE: MÓVILES / TABLET (≤ 959px)
  ========================================================= */
@media (max-width:959px){
  .features{padding: 5% 15%;}
  .features .container{flex-direction: column;}
  .features .card{
    margin-bottom: 2em;
  }
}

/* =========================================================
  RESPONSIVE: ESCRITORIO (≥ 960px)
  ========================================================= */
@media (min-width:960px){
  .features .card{
    width: 27%;
  }
}