/*figure {
    text-align: center;
}

    figure .tapa {
        width: 150px;
        height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        background-color: #f8f8f8;
    }

    figure .tapa img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        display: block;
        margin: 0;
    }
*/

/* ======== BASE ======== */
figure {
    text-align: center; /* Centra solo la tapa sin alterar el layout del texto */
    margin: 10px 0; /* agrega espacio arriba y abajo */
}

    figure .tapa {
        width: 150px; /* tamaņo base si no aplica media query */
        height: 240px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        /*background-color: #f8f8f8;*/
        background-color: #ffffff;
        border-radius: 0px;
        overflow: hidden;
        /*box-shadow: 0 1px 3px rgba(0,0,0,0.1);*/
    }

        figure .tapa img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            display: block;
            margin: 0;
        }

/* ======== MOBILE ======== */
@media (max-width: 480px) {
    figure .tapa {
        width: 110px;
        height: 170px;
    }
}

/* ======== TABLET ======== */
@media (min-width: 481px) and (max-width: 991px) {
    figure .tapa {
        width: 130px;
        height: 200px;
    }
}

/* ======== DESKTOP ======== */
@media (min-width: 992px) {
    figure .tapa {
        width: 150px;
        height: 240px;
    }
}