/*
         * ==========================================
         * DESKTOP
         * ==========================================
         */

        .mtg-header-brand
        .mtg-store-logo.mtg-store-logo--square,
        .mtg-header-brand
        .custom-logo.mtg-store-logo--square {
            width: 88px !important;
            height: 88px !important;
            max-width: 88px !important;
            max-height: 88px !important;
            object-fit: contain !important;
            display: block !important;
        }

        /*
         * Verticales:
         * un poco más contenidos que los cuadrados.
         */
        .mtg-header-brand
        .mtg-store-logo.mtg-store-logo--vertical,
        .mtg-header-brand
        .custom-logo.mtg-store-logo--vertical {
            width: auto !important;
            height: 88px !important;
            max-width: 90px !important;
            max-height: 88px !important;
            object-fit: contain !important;
            display: block !important;
        }


        /*
         * Darle espacio real al header cuando
         * contiene un logo cuadrado/vertical.
         */
        .mtg-header-brand:has(
            .mtg-store-logo--square
        ),
        .mtg-header-brand:has(
            .mtg-store-logo--vertical
        ) {
            min-height: 92px !important;
        }


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

        @media (max-width: 780px) {

            body .mtg-header-brand
            .mtg-store-logo.mtg-store-logo--square,
            body .mtg-header-brand
            .custom-logo.mtg-store-logo--square {
                width: 76px !important;
                height: 76px !important;
                max-width: 76px !important;
                max-height: 76px !important;
            }

            body .mtg-header-brand
            .mtg-store-logo.mtg-store-logo--vertical,
            body .mtg-header-brand
            .custom-logo.mtg-store-logo--vertical {
                width: auto !important;
                height: 76px !important;
                max-width: 80px !important;
                max-height: 76px !important;
            }

            body .mtg-header-brand:has(
                .mtg-store-logo--square
            ),
            body .mtg-header-brand:has(
                .mtg-store-logo--vertical
            ) {
                min-height: 80px !important;
            }
        }


        /*
         * Teléfonos muy angostos.
         */
        @media (max-width: 390px) {

            body .mtg-header-brand
            .mtg-store-logo.mtg-store-logo--square,
            body .mtg-header-brand
            .custom-logo.mtg-store-logo--square {
                width: 70px !important;
                height: 70px !important;
                max-width: 70px !important;
                max-height: 70px !important;
            }

            body .mtg-header-brand
            .mtg-store-logo.mtg-store-logo--vertical,
            body .mtg-header-brand
            .custom-logo.mtg-store-logo--vertical {
                height: 70px !important;
                max-height: 70px !important;
            }
        }