.row {
    display: flex;
    flex-wrap: wrap;
}

.noticia-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.noticia-card .card-body {
    flex-grow: 1;
}

.btn-noticia {
    background-color: #FF8748;
    color: white;
    /* padding: 15px 25px; */
    font-size: 16px;
    font-weight: 600;
    /* text-transform: uppercase; */
    border-radius: 15px;
    /* letter-spacing: 3px; */
    transition: background .7s ease-out;
}

/* En pantallas pequeñas */
@media (max-width: 767px) {
    .noticia-card {
        flex-direction: column; /* Apilar los elementos en una columna */
    }

    .row.no-gutters {
        flex-direction: column; /* En dispositivos pequeños, los elementos de la fila se apilan */
    }

    .col-md-4, .col-md-8 {
        flex: 0 0 100%; /* Hace que las columnas ocupen el 100% del ancho */
        max-width: 100%; /* Evita que las columnas se estiren en pantallas pequeñas */
    }

    .noticia-img {
        height: 200px; /* Ajustar la altura de la imagen en dispositivos móviles */
    }

    .card-body {
        padding: 1rem; /* Ajustar el padding para pantallas pequeñas */
    }
}

/* En pantallas de tabletas, dos columnas */
@media (min-width: 768px) and (max-width: 1024px) {
    .noticia-card {
        flex-direction: row;
    }

    .row.no-gutters {
        flex-direction: row;
    }

    .col-md-4 {
        flex: 0 0 40%;
    }

    .col-md-8 {
        flex: 0 0 60%;
    }
}