/* estilos para single-productos.php */

main.interna-productos {
  .img-product {
    left: 2rem;
    position: absolute;
    margin-top:-300px;

    @media screen and (max-width: 767px) {
      position: relative;
      top: auto;
      left: 0;
      transform: none;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
    }
  } 
  .cnt-name {
    height: 234px;
    @media screen and (max-width: 767px) {
      height: auto;
    }
  }
  .text-item {
    @media screen and (max-width: 767px) {
      font-size: 16px !important;
    }
  }

  .auxiliar-image {
    flex: 1 1 50%;

    img {
      height: 450px;
    }

    @media screen and (max-width: 767px) {
      img {
        height: 300px;
      }
    }
  }

  .bg-info-additional {
    flex: 1 1 50%;
    height: 50%;
  }

  @media (max-width: 767px) {
    .bg-info-additional {
      height: auto;
      text-align: center;

      img {
        width: 200px;
      }
    }
  }

  .banner-beneficio {
    height: 280px;

    img {
      height: 100%;
      object-fit: cover;
    }

    @media screen and (max-width: 767px) {
      height: auto;
    }
  }
}