/* Checkout minimalista (AC509): pie de página (ambiente seguro, logo de Pagomedios
   y sellos). Solo apariencia, bajo body.pm-min. Márgenes en lugar de gap en flex
   para los navegadores de 2020 (el piso de functions.js). */
.pm-min .pm-foot {
    border-top: 1px solid var(--pm-line-2);
    padding-top: 20px;
    padding-bottom: 28px;
    font-size: 0.76rem;
    color: var(--pm-muted);
}

.pm-min .pm-foot-inner {
    display: grid;
    justify-items: center;
    gap: 12px;
    text-align: center;
}

.pm-min .pm-secure {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

/* Márgenes y no gap: el gap en flex no existe en los navegadores de 2020 */
.pm-min .pm-secure > * {
    margin: 4px 6px;
}

.pm-min .pm-secure-text .fa {
    color: var(--pm-ok);
    margin-right: 4px;
}

.pm-min .pm-logo-mask {
    display: inline-block;
    width: 112px;
    height: 32px;
    background: var(--pm-brand);
    -webkit-mask: var(--pm-logo) center / contain no-repeat;
    mask: var(--pm-logo) center / contain no-repeat;
}

.pm-min .pm-trust {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pm-min .pm-trust > * {
    margin: 5px 9px;
}

/* Alturas distintas a propósito: AWS es ancho y con texto grande (a 22px se ve
   más grande que los otros); así los tres quedan de ancho parecido */
.pm-min .pm-trust img {
    height: 22px;
    width: auto;
}

.pm-min .pm-trust .pm-trust-aws {
    height: 18px;
}

.pm-min .pm-trust .pm-trust-pci {
    height: 26px;
}