/* clase para las tarjetas del dash-board */
.box{
  padding: var(--a-padding);

  & .card{
    padding: 1px;
    background-color:  var(--box-fondo);
    box-shadow: 0px 3px 5px var(--box-shadow);
    border: 2px ridge var(--box-border);
  }

  & .card-header{
    padding: 2px 5px;
    background-color: var(--box-bg-text);

    & .card-title{
      color: var(--box-text);
      font: bold var(--box-text-size)/1.2 sans-serif;
      word-spacing: 2px;
      letter-spacing: 0.75px;
    }

    & a {
      transition: 0.3s transform ease-in-out;
    }
  }

  & .card-body{
    padding: inherit;
    display: flex;
    align-items: center;
    justify-content: start;
    height: var(--box-height);
  }
}