@import 'pallete';

#productos {
  background-color: $gris-medio;
  padding-top: 2rem;

  .titulo {
    color: $azul-oscuro !important;
  }

  .tabular.menu .item {
    color: #404041 !important;
  }

  .grid {
    padding-top: 2rem;
    padding-bottom: 2rem;

    .ficha {
      border-radius: 0;
      border: 0;
      box-shadow: none !important;

      .content {
        .segment {
          background-color: #e6e6e7 !important;
          padding-top: 0 !important;
          padding-bottom: 0 !important;
          font-weight: 300;
        }
        .button {
          font-family: inherit !important;
          font-weight: 900;
          padding-top: 0.3rem !important;
          padding-bottom: 0.3rem !important;
          background-color: $azul-oscuro !important;
        }
      }
      .image {
        height: 11rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        img {
          width: 100%;
          vertical-align: middle;
        }
      }
      .overlay {
        background-color: $azul-oscuro;
        color: white;
        opacity: 0.8;
        text-align: center;
        position: absolute;
        z-index: 999;
        top: 1.9rem;
        right: -2.2rem;
        width: 10rem;
        padding-top: .3rem;
        padding-bottom: .3rem;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
      }
    }
  }
}
