KI/resources/assets/sass/producto.scss

@import 'pallete';

#producto {
  background-color: $gris-medio;
  padding-bottom: 2rem;

  .titulo {
    color: $azul-oscuro !important;
    padding-top: 2rem;
    .header {
      color: $azul-oscuro !important;
    }
    .direccion {
      padding-left: 2rem;
    }
    .publicado {
      padding-top: .5rem;
    }
    padding-bottom: 1rem;
  }

  #galeria {
    padding-bottom: 4rem;

    &>.image {
      height: 53rem;
      overflow: hidden;
      display: flex;
      align-items: center;
      img {
        width: 100%;
        vertical-align: middle;
      }
    }

    #thumbnails {
      padding-top: 2rem;

      .image {
        height: 8rem;
        overflow: hidden;
        display: flex;
        align-items: center;
        img {
          width: 100%;
          vertical-align: middle;
        }
      }
    }
  }
  #buscar {
    color: #404041 !important;
    padding-top: 2rem;

    .header {
      color: inherit;
    }
    .divider {
      background-color: white;
    }
    .field {
      input[type='text'] {
        background-color: inherit !important;
      }
    }
    .slider {
      .track-fill {
        background-color: #0d103c !important;
      }
    }
    .price_label {
      margin-top: -1rem;
      float: right;
    }
  }
  #datos {
    .tabular {
      .item {
        background-color: $gris-claro !important;
        border: thin solid white;

        &:not(.active) {
          border: thin solid $gris-claro;
          background-color: white !important;
        }
        &:last-child {
          margin-left: 1rem;
        }
      }
    }
    .segment {
      border: none !important;
      background-color: $gris-oscuro;
      color: white;

      .informacion {
        .row {
          border-bottom: thin dotted white;

          &:last-child {
            border-bottom: none;
          }
        }
      }
    }
  }
}