﻿

.Caja {
    width: 90%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 60px;
    padding: 20px 0;
    font-family: Visby CF;
    margin: auto;
}

.card {
    border-radius:5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    width:450px;
    height:180px;
    transition: all 400ms ease;
    overflow: hidden;
    padding-bottom: 20px;
}

.card:hover {
    box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); 
    transform: translateY(-3%);
} 

.card figure {
     height:200px;
}

.image-container {
    width: 200px;
    height: 300px;
    border: 1px solid black;
    margin-bottom: 25px;
}

    .image-container img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.vContenido {
    padding: 15px 10px;
}