.post-card-horizontal {
    overflow: hidden; /* Garante que o cutout-link não vaze */
    position: relative;
}
.post-card-horizontal img {
    height: 100%;
    object-fit: cover;
}

.post-card-vertical {
    position: relative;
    overflow: hidden; /* Garante o clip do cutout-link */
}

/* REGRA MODIFICADA:
   Aplica aspect-ratio e object-fit como base para qualquer img.
*/
.post-card-vertical img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

/* NOVA REGRA:
   Aplica o radius na IMAGEM, se ela for filha direta.
*/
.post-card-vertical > .card-img-top {
    border-top-left-radius: var(--bs-border-radius-xxl);
    border-top-right-radius: var(--bs-border-radius-xxl);
}

/* REFACTOR (CORREÇÃO):
   Define as propriedades base para o wrapper (.position-relative)
   usando 'longhand' (propriedades explícitas) para os cantos.
*/
.post-card-vertical > .position-relative {
    aspect-ratio: 4 / 3;
    overflow: hidden !important; /* Mantém o overflow hidden para a imagem */

    /* Define os radius de forma explícita (longhand) */
    border-top-left-radius: var(--bs-border-radius-xxl);
    border-top-right-radius: var(--bs-border-radius-xxl);
    border-bottom-left-radius: 0; /* Padrão é reto */
    border-bottom-right-radius: 0; /* Padrão é reto */
}

/* NOVAS CLASSES PARA CONTROLAR OS RADIUS INFERIORES DO WRAPPER */
/* Adicionado !important para garantir que vençam a regra base de '0' */
.post-card-vertical > .img-area-bottom-right-rounded {
    border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.post-card-vertical > .img-area-bottom-left-rounded {
    border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.post-card-vertical > .img-area-top-left-rounded {
    border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.post-card-vertical > .img-area-top-right-rounded {
    border-top-right-radius: var(--bs-border-radius-xxl) !important;
}


/* NOVA REGRA:
   Garante que a imagem DENTRO do wrapper preencha 100%
   e não tenha seu próprio aspect-ratio ou radius.
*/
.post-card-vertical > .position-relative > .card-img-top {
    position: absolute; /* Preenche o container */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: auto; /* Reseta o aspect-ratio */
    border-radius: 0; /* Reseta o border-radius */
}

.post-card-vertical .card-footer {
    border-bottom-left-radius: var(--bs-border-radius-xxl);
    border-bottom-right-radius: var(--bs-border-radius-xxl);
}

.btn-bookmark-simple {
    color: var(--bs-gray-600);
    font-size: 1.1rem;
    text-decoration: none;
    transition: color 0.2s;
}
.btn-bookmark-simple:hover {
    color: var(--bs-dark);
}