.font-publicSans {
    font-family: var(--publicSans-font), ui-serif, Georgia;
}
@font-face {
    font-family: publicSans;
    src: url(/fonts/PublicSans-Regular.ttf);
}


.bg-red-UPC{
    background: rgba(229, 10, 23, 1);
}
.bg-light-gray{
    background-color: #F5F5F5;
}
.size-16{
    font-size: 16px;
}
.size-18{
    font-size: 18px;
}
.size-20{
    font-size: 20px;
}

.d-flex a {
    color: rgba(0, 0, 0, 0.764);
}
.evento h3{
    line-height: 1.2rem;
}

/* boton style */
.button-white{
    position: relative; height: 38px;
}
.btn-whiteupclleno {
background-color: #fff;
color: rgba(0, 0, 0, 0.764);
border-radius: 0;
border: 1px solid rgb(255, 255, 255);
position: relative;
z-index: 9;
display: flex;
height: 100%;
justify-content: start;
align-items: center;
padding: 0px 40px 0px 20px;
/* padding: 10px 5px; */
text-decoration: none;
font-weight: 600;
}
.btn-whiteupclleno:hover{
    text-decoration: none;
    color: rgb(0, 0, 0);
}
.sombrebutton {
background-color: rgba(255, 255, 255, 0);
position: absolute;
display: block;
width: 100%;
height: 100%;
border: 1px solid rgb(255, 255, 255);;
top: 5px;
left: 4.5px;
}
.button-white:hover .sombrebutton{
    background-color: rgba(255, 255, 255, 0.318);
}
/*  */
.btn-wsp .btn-whiteupclleno{
background-color: rgba(229, 10, 23, 1);
color: white;
border: 1px solid rgba(229, 10, 23, 1);
}
.btn-wsp .sombrebutton {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid rgba(229, 10, 23, 1);
}
/*  */
.btn-volver .btn-whiteupclleno{
    background-color: rgb(255, 255, 255);
    color: block;
    border: 1px solid rgba(229, 10, 23, 1);
    }
    .btn-volver .sombrebutton {
        border: 1px solid rgba(229, 10, 23, 1);
    }
/* END - boton style */
/* evento */
figure.evento .img-evento{
    height: 395px;
    width: 100%;
    object-fit: cover;
}
@media (min-width: 576px) {
    figure.evento{
        max-height: 320px;
    }
    figure.evento .img-evento{
        height: 320px;
        width: 220px;
        object-fit: cover;
    }
}
@media (min-width: 768px) {
    figure.evento{
        max-height: 320px;
    }
    figure.evento .img-evento{
        height: 320px;
        width: 250px;
        object-fit: cover;
    }
    figure.evento figcaption {
        min-width: 300px;
    }
    #thanks-section-ccss figure.evento{
        max-height: 330px;
    }
    #thanks-section-ccss figure.evento .img-evento{
        height: 330px;
    }
}
@media (min-width: 992px) {
    #thanks-section-ccss figure.evento{
        max-height: 345px;
    }
    #thanks-section-ccss figure.evento .img-evento{
        height: 345px;
    }    
}
figure.evento a:hover{
    text-decoration: none;
}
figure.evento.icon-evento{
    width: 25px;
    height: auto;
}
figure.evento .contenedor-boton{
    max-width: 250px;
 }
 figure.evento .contenedor-boton .btn-whiteupclleno {
    justify-content: center;
}
 figure.evento .border-rounder{
    border-bottom-right-radius: 25px;
}