/* Card 14 — tarjeta de los listados de bbcasita.cl. Hereda todo de card 13 (13_1_card.css
   se encola junto a este archivo, y después de él: por eso cada regla lleva las dos clases
   para ganarle) y cambia sólo lo propio: el precio ocupa el 40% derecho
   sobre gris accent y la fila de ubicación/duración va en Raleway 12px con iconos primary. */

.gpf-card-13.gpf-card-14 .gpf-card-13__head {
    align-items: stretch;
    margin-bottom: 20px;
}

.gpf-card-13.gpf-card-14 .gpf-card-13__title {
    align-self: center;
}

.gpf-card-13.gpf-card-14 .gpf-card-14__price {
    display: flex;
    flex: 0 0 40%;
    align-items: center;
    justify-content: center;
    background-color: var(--gpf-bbc-accent);
    text-align: center;
}

.gpf-card-13.gpf-card-14 .gpf-card-14__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
    margin: 0 0 10px;
    padding: 0 20px;
    list-style: none;
    color: var(--gpf-bbc-text);
    font-family: var(--gpf-bbc-font-text), sans-serif;
    font-size: 12px;
    line-height: 1.5;
}

.gpf-card-13.gpf-card-14 .gpf-card-14__meta li {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
}

.gpf-card-13.gpf-card-14 .gpf-card-14__meta i {
    color: var(--gpf-bbc-primary);
    font-size: 14px;
}

.gpf-card-13.gpf-card-14 .gpf-card-13__actions {
    padding-top: 25px;
}

@media (max-width: 767px) {
    .gpf-card-13.gpf-card-14 .gpf-card-14__price {
        flex-basis: 30%;
    }
}
