.convenios-lista {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: clamp(1.2rem, 2.8vw, 2rem);
}
.convenio {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: clamp(190px, 26vw, 240px);
    padding: clamp(1.5rem, 3vw, 2.1rem);
    background: var(--superficie);
    border: 1px solid var(--borde);
    border-radius: var(--radio);
    box-shadow: var(--sombra-suave);
    transition: transform .2s ease, box-shadow .2s ease;
}
.convenio:hover { transform: translateY(-4px); box-shadow: var(--sombra-card); }
.convenio-logo { height: clamp(44px, 6vw, 58px); width: auto; }
.convenio-logo--xl { height: clamp(56px, 7.6vw, 74px); }
.convenio-dcto {
    position: absolute;
    top: -16px;
    right: -12px;
    width: 68px;
    height: 68px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: var(--acento);
    color: var(--c-carbon);
    border: 3px solid var(--superficie);
    border-radius: 999px;
    box-shadow: var(--sombra-suave);
    font-family: var(--fuente-titulo);
    line-height: 1;
    transform: rotate(8deg);
}
.convenio-dcto strong { font-size: 1.15rem; font-weight: 700; }
.convenio-dcto small { margin-top: 2px; font-size: .56rem; font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }

@media (max-width: 480px) {
    .convenio { width: min(260px, 100%); }
}
@media (prefers-reduced-motion: reduce) {
    .convenio, .convenio:hover { transform: none; transition: none; }
}