/******************************************/
/*** SECCION PRESTACIONES ***/
.prestaciones {

}
  .prestaciones .col {
    display: flex; /*centra items*/
      justify-content: center;
      align-items: flex-start;
  }
  .prestaciones .dispara {
    margin: .5rem 0;
    padding: 0;
      background-color: transparent;
      border: 1px solid hsl(211, 0%, 90%);
      /*border: 3px solid transparent;*/

      border-radius: .5rem;
      overflow: hidden;
    transition: .2s;
  }
    .prestaciones .dispara:hover {
      box-shadow: 0px 0px 8px 0 hsla(0, 0%, 0%, .4);
      border: none;
        /*border: 3px solid hsl(211, 90%, 50%);*/
      transition: .2s;
    }
    .dispara:focus {
      /*border: 3px solid transparent;*/
    }

  .prestaciones .card {
    position: relative;
      border: none;
      margin: 0; padding: 0;
    width: 14rem; height: 7rem;

    display: flex;
      justify-content: center;
      align-items: center;
      overflow: hidden;
  }
    .prestaciones .card-body {
      display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;

        background-color: hsl(0, 0%, 97%);
        /*color: white;*/
        color: rgb(33, 37, 41);
        transition: .2s;
    }
      .prestaciones .card-body:hover {
        background-color: hsl(211, 80%, 50%);
        color: white;
        transition: .2s;
      }

    /*.prestaciones .img-box {
      display: flex;
        justify-content: center;
        align-items: center;
      overflow: hidden;

      height: 5rem;
    }
      .prestaciones img {
        width: 100%;
      }*/
    .prestaciones .card-title {
      position: relative;
        margin: 0;
        z-index: 10;

        font-size: 1rem;
      /*text-shadow: 0px 0px 6px hsla(0, 0%, 0%, 0.6);*/
    }

    .prestaciones .filter {
      position: absolute;
        top: 0;
        width: 100%; height: 100%;
        /*background: linear-gradient(to top, hsla(211, 60%, 0%, .5), hsla(211, 60%, 0%, .1));*/
        background-color: hsla(211, 60%, 35%, .7);
        z-index: 5;
    }

    .prestaciones img {
      /*width: auto; height: 100%;*/
    }


/* MODAL */
.modal-content {
  padding: 2rem;
}
.modal-header {
  border: none;
  color: hsl(211, 80%, 40%);
}
  .modal-footer {
    display: none;
  }

  /*galeria*/
  .galeria .imagen-box {
    display: flex;
      justify-content: center;
      align-items: center;
  }
    .galeria .epigrafe {
      font-style: italic;
      font-size: .8rem;
        text-align: center;
    }

  .galeria .lista {
    display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
  }
    .galeria .lista img {
      width: 4rem; height: 4rem;
      flex-shrink: 0;
    }
    .galeria img:hover {
    }



/******************************************************/
/**** MEDIA QUERIES ****/

/* Large devices (large desktops, 1200px and down) */
@media only screen and (max-width: 1200px) {

}

/* Medium devices (desktops, 992px and down) */
@media only screen and (max-width: 992px) {
  .prestaciones h1.mb-5 {
    margin-bottom: 1.8rem !important;
  }

  .prestaciones .card {
    width: 18rem;
  }
}

/* Small devices (tablets, 768px and down) */
@media only screen and (max-width: 768px) {
  .prestaciones .card {
    width: 14rem;
  }

  .modal-content {
    padding: 1rem;
  }
    .modal-footer {
      display: flex;
    }
}

@media only screen and (max-width: 486px) {
  .prestaciones h1.mb-5 {
    /*margin-bottom: 1.4rem !important;*/
  }

  .prestaciones .card {
    width: 9.2rem;
  }
    .prestaciones .img-box {
      height: 4rem;
    }
    .prestaciones .card-body {
      padding: .6rem;
    }
      .prestaciones .card-title {
        font-size: .9rem;
      }
}