/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
.dynamic-product-img {
    width: 100%;
    max-height: 250px;
    object-fit: contain; /* O 'cover' si prefieres que llene el espacio */
    border-radius: 8px;  /* Opcional: bordes redondeados */
    display: block;
    margin: 0 auto 15px auto;
}
/* Contenedor del tamaño que desees */
.product-details-image-wrapper {
    width: 100%;
    max-width: 400px; /* Ajusta este ancho a tu gusto */
    height: 200px;    /* Ajusta este alto a tu gusto */
    margin: 0 auto 20px auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f9fa; /* Fondo gris muy claro por si la imagen es transparente */
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

/* Formato de la imagen */
.img-dynamic-product {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Esto evita que se estire y la mantiene dentro del cuadro */
    display: block;
}