/**
 * 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;
    padding: 0.25rem 0.65rem 0.25rem 0.55rem;
    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-verde-oscuro, #1e4620);
    background: linear-gradient(
        135deg,
        rgba(111, 173, 46, 0.14) 0%,
        rgba(45, 106, 49, 0.08) 100%
    );
    border: 1px solid rgba(45, 106, 49, 0.35);
    border-left: 3px 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-verde-medio, #2d6a31);
    border-color: var(--dv-verde-claro, #6fad2e);
    border-left-color: var(--dv-rojo, #a01830);
    background: linear-gradient(
        135deg,
        rgba(111, 173, 46, 0.22) 0%,
        rgba(45, 106, 49, 0.12) 100%
    );
}

.credito-mvisual__badge:focus-visible {
    outline: 2px solid var(--dv-verde-claro, #6fad2e);
    outline-offset: 2px;
}