html, body, #app {
    height: 100%;
    margin: 0;
    padding: 0;
}

#main-sm, #main-md {
    overflow-y: auto;
}

.contenedor-imagen {
    max-height: 75vh !important;
    overflow: hidden;
}

.contenedor-imagen-sm {
    max-height: 30vh !important;
    max-width: 170px;
}

.contenedor-imagen-sm > img {
    width: 100%;
}

.contenedor-imagen > img {
    width: 100%;
    height: 100%;
    object-fit: scale-down !important;
    object-position: top;
}

#contenedor-imagen-producto > img {
    z-index: 1;
    object-fit: contain;
}

.encabezado-md {
    font-size: 28px;
    line-height: 1.5em;
}

#contenedor-datos-producto {
    background-color: white;
    max-height: 100%;
    height: 100%;
}

#contenedor-datos-producto {
    overflow-y: auto;
}

.descripcion-producto {
    overflow-y: auto;
    max-height: 40vh;
}

@media screen and (max-width: 576px) {
    #contenedor-imagen-producto {
        width: 90%;
        max-width: 90%;
        max-height: 250px;
    }
}