/**
 * Crédito Mvisual — badge del pie de página.
 *
 * Autor: Juan Morel (jcmorelm@mvisual.cl)
 */

.credito-mvisual {
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.4rem;
    margin: 0;
    font-size: inherit;
    color: var(--dv-texto-suave, #4a5c4e);
}

.credito-mvisual__texto {
    letter-spacing: 0.02em;
}

.credito-mvisual__badge,
.credito-mvisual__badge:link,
.credito-mvisual__badge:visited,
.credito-mvisual__badge:hover,
.credito-mvisual__badge:active,
.credito-mvisual__badge:focus {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.35rem 0.75rem;
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    text-decoration: none;
    text-decoration-line: none;
    text-underline-offset: 0;
    color: var(--dv-rojo-oscuro, #801428);
    background: linear-gradient(
        135deg,
        rgba(160, 24, 48, 0.12) 0%,
        rgba(111, 173, 46, 0.08) 100%
    );
    border: 1px solid var(--dv-rojo-borde, rgba(160, 24, 48, 0.32));
    border-top: 2px solid var(--dv-rojo, #a01830);
    border-radius: 0.5rem;
    box-shadow: none;
    transition:
        border-color 0.15s ease,
        color 0.15s ease,
        background 0.15s ease;
}

.credito-mvisual__badge:hover,
.credito-mvisual__badge:focus-visible {
    text-decoration: none;
    text-decoration-line: none;
    color: var(--dv-rojo, #a01830);
    border-color: var(--dv-rojo, #a01830);
    background: rgba(160, 24, 48, 0.14);
}

.credito-mvisual__badge:focus-visible {
    outline: 2px solid var(--dv-rojo, #a01830);
    outline-offset: 2px;
}

@media (min-width: 576px) {
    .credito-mvisual__badge,
    .credito-mvisual__badge:link,
    .credito-mvisual__badge:visited,
    .credito-mvisual__badge:hover,
    .credito-mvisual__badge:active,
    .credito-mvisual__badge:focus {
        min-height: auto;
        padding: 0.25rem 0.65rem;
    }
}