.imagem-com-link {
    --caption-height: 3rem;
    --arrow-size: 1.5rem;
    --arrow-position: calc(var(--caption-height) / 2 - var(--arrow-size) / 2);
    --font-size: 1.2rem;
    --link-azul: #011289;
}

div.imagem-com-link {
    width: 100%;
    height: calc(12rem + var(--caption-height));
    position: relative;
    border: 1px solid var(--link-azul);
}

.imagem-com-link img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imagem-com-link .link {
    min-height: var(--caption-height);
    background-color: var(--link-azul);
    opacity: 0.9;
    position: absolute;
    bottom: 0;
}

.imagem-com-link div.link {
    align-items: stretch;
    background-color: var(--link-azul);
    background-image: url(../../assets/images/seta-metro-bco-dir.png);
    background-position: bottom var(--arrow-position) right var(--arrow-position);
    background-repeat: no-repeat;
    background-size: var(--arrow-size);
    display: flex;
    font-size: var(--font-size);
    line-height: var(--font-size);
    min-height: var(--caption-height);
    width: 100%;
}

.imagem-com-link .link a {
    color: white;
    display: flex;
    width: calc(100% - var(--arrow-size) - 1rem);
    margin-left: 1rem;
    margin-right: 3rem;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    flex-grow: 1;
}

/* .imagem-com-link .link span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
} */

.imagem-com-link .link a:hover {
    text-decoration: none !important;
}

.imagem-com-link.overlay .link {
    margin-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-top: calc(50% - 1rem);
    width: calc(50% - 1rem);
    height: calc(50% - 1rem);
    min-width: 7rem;
    max-width: 20rem;
    min-height: 4rem;
    background-color: white;
    align-items: end;
    opacity: 0.95;
    background-image: url(../../assets/images/seta-metro-azl-dir.png);
    background-repeat: no-repeat;
    background-position: bottom 0.75rem right 0.75rem;
    background-size: 1.25rem 1.25rem;
}

.imagem-com-link.overlay .link a {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--link-azul);
}

.imagem-com-link .link-caption {
    font-size: 0.9rem;
    border-top: 2px solid white;
    padding-top: 0.5rem;
    margin-top: 0.5rem;
}