@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap');

main.container-fluid h1 {
    font-size: 40px;
    color: #000;
    line-height: 55px;
    font-weight: 800;
    text-align: center;
    font-family: "Playfair", serif;
}

.row {
    padding: 2vh;
    gap: 2vh;
    justify-content: center;
}

.row .card {
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.row .card:nth-child(5) img {
    width: 31.8%;
}

.row .card video {
    height: 330px;
    width: 100%;
}

.row .card div {
    padding: 2vh;
    color: #000;
    display: flex;
    flex-direction: column;
    align-items: center;

}

.row .card div h3 {
    line-height: 25px;
    font-family: "Lora", serif;
    color: #000;
}

.row .card div button {
    font-family: "Lora", serif;
    font-size: 17px;
    transition: ease 0.5s;
    background-color: #fff;
    border: 1px #000 solid;
    text-transform: uppercase;
    color: #000;
    padding: 1vh;
    max-width: 190px;
    width: 100%;
    display: block;
    margin-top: 10px;
    border-radius: 30px;
}

.row .card div button:hover {
    background-color: #000;
    color: #fff;
}

/* Popups */

#modalCalendary .modal-dialog .modal-body {
    padding: 0 !important;
}

.modal-body div {
    display: flex;
    justify-content: end;
}

#modalHamburg .modal-dialog .modal-body {
    text-align: center;
}


#modalHamburg .modal-dialog .modal-body img {
    width: 50% !important;
}

#modalUruguay .modal-dialog .modal-body .video-info {
    display: flex;
    justify-content: space-around;
}

#modalUruguay .modal-dialog .modal-body .video-info div {
    padding: 3vh;
    display: flex;
    flex-direction: column;
    justify-content: start;
    color: #000;
}

#modalUruguay .modal-dialog .modal-body .video-info h6 {
    margin: 0;
    font-family: "Playfair", serif;
}


#modalUruguay .modal-dialog .modal-body div a {
    font-size: 17px;
    background-color: #252525;
    color: #fff !important;
    padding: 2vh;
    transition: ease 0.5s;
    font-weight: 500;
    font-family: "Roboto", serif !important;
}

#modalUruguay .modal-dialog .modal-body div a:hover {
    border-radius: 30px;
    background-color: #fff;
    color: #191919 !important;
}


/* Media Queys */
@media (max-width:1345px){
    /* video evento de uruguay */
    .row .card video {
        height: 330px;
        width: 100%;
    }
}

@media (max-width:1230px){
    /* video evento de uruguay */
    .row .card video {
        height: 300px;
        width: 100%;
    }

    /* Titulo de cartas */
    .row .card div h3 {
        font-size: 1.5rem;
        line-height: 25px;
        font-family: "Lora", serif;
        color: #000;
    }
}