.bienvenida{
    height: 500px; 
    top:-65px; 
    position: relative; 
    background-image: url(../img/banner-superior.jpg); 
    background-size: cover; 
    -webkit-clip-path: polygon(0 78%, 11% 82%, 19% 84%, 28% 87%, 37% 87%, 47% 91%, 63% 91%, 73% 94%, 84% 96%, 93% 98%, 100% 98%, 100% 0%, 0% 0%, 0% 0%);
    clip-path: polygon(0 78%, 11% 82%, 19% 84%, 28% 87%, 37% 87%, 47% 91%, 63% 91%, 73% 94%, 84% 96%, 93% 98%, 100% 98%, 100% 0%, 0% 0%, 0% 0%);
    }

    @media(max-width:700px){
    .bienvenida{
    height: 400px; 
    top:-65px; 
    position: relative; 
    background-image: url(../img/banner-superior.jpg); 
    background-size: cover; 
    -webkit-clip-path: polygon(0 78%, 11% 82%, 19% 84%, 28% 87%, 37% 87%, 47% 91%, 63% 91%, 73% 94%, 84% 96%, 93% 98%, 100% 98%, 100% 0%, 0% 0%, 0% 0%);
    clip-path: polygon(0 78%, 11% 82%, 19% 84%, 28% 87%, 37% 87%, 47% 91%, 63% 91%, 73% 94%, 84% 96%, 93% 98%, 100% 98%, 100% 0%, 0% 0%, 0% 0%);
}
}

.card {
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease-in-out;
}

.card:hover {
    transform: scale(1.05);
}

.card img {
    border-bottom: 1px solid #ddd;
}

.card-title {
    font-size: 1.25rem;
    font-weight: bold;
}

.card-text {
    font-size: 0.9rem;
    color: #555;
}