@font-face {
    font-family: 'recoleta';
    src: url(../../../r/modulos/fonts/recoleta-bold-webfont.woff2);
    font-display: block;
}

a.enlaceBanner {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

a.enlaceBanner img.url_banner_front {
    width: auto !important;
    height: 100%;
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 2;
    transform: translate(0,0) !important;
    left: unset !important;
}

.overlay-content-banner 
{
    position: absolute;
    top: 60%;
    left: 40%;
    transform: translate(-50%,-50%);
    z-index: 3;
}
.overlay-content-banner h2
{
    --h2-font-size: calc(40px + (45 - 40) * ((100vw - 300px) / (1600 - 300)));
    font-family: 'recoleta';
    color: #ffffff;
    text-shadow: 0 0 11px black;
    overflow: unset;
}
.border-none
{
    border:none
}
.banner-btn-red:hover
{
    --main-red:#65020A;
    color: var(--main-red) !important;
}
.banner-btn-red
{
    --main-red:#65020A;
    background-color: var(--main-red);
}