/* =========================================================
 * LOGOS HORIZONTALES - DESKTOP
 * ========================================================= */

img.mtg-store-logo.mtg-store-logo--horizontal,
img.custom-logo.mtg-store-logo--horizontal {
    width: auto !important;
    height: auto !important;

    max-width: 220px !important;
    max-height: 82px !important;

    object-fit: contain !important;
}

/*
 * El enlace no debe volver a encoger la imagen.
 */
.mtg-store-logo-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: auto !important;
    max-width: none !important;
}


/* =========================================================
 * TABLET
 * ========================================================= */

@media (max-width: 1024px) {

    img.mtg-store-logo.mtg-store-logo--horizontal,
    img.custom-logo.mtg-store-logo--horizontal {
        max-width: 190px !important;
        max-height: 72px !important;
    }

}


/* =========================================================
 * MOBILE
 * ========================================================= */

@media (max-width: 760px) {

    img.mtg-store-logo.mtg-store-logo--horizontal,
    img.custom-logo.mtg-store-logo--horizontal {
        max-width: 155px !important;
        max-height: 62px !important;
    }

}