.top__header {
    background-color: var(--e-global-color-primary);
}

.top__header__app {
    background: linear-gradient(180deg, #E10613, #BD0613);
}
.top__header__app {
/*     background: #e62934; */
	background: url(../../../../uploads/2024/12/banner-top-bg.svg) no-repeat center/cover;
}
#top__header_promocional {
    max-width: 890px;
    margin: 0 auto;
}

#top__header_app {
    margin: 0 auto;
}

#img__mes_feria {
    width: auto;
    z-index: 1;
}

#img__mes_feria>.elementor-widget-container {
    margin: 0px -46px 0px 0px;
}

#top__header_promocional .container__feria {
    display: flex;
    padding: 12px 20px 9px 20px;
    border-radius: 10px 10px 0px 0px;
    justify-content: space-around;
    align-items: center;
}

#top__header_app .container__feria_app {
    display: flex;
    padding: 0px 20px 1px 20px;
    border-radius: 10px 10px 0px 0px;
    justify-content: space-around;
    align-items: center;
	height: 70px;
}
.container__feria_app img {
	margin-right: 15rem;
}

#top__header_app .container__feria img {
    height: 71px;
    object-fit: cover;
}

#top__header_promocional .container__feria .oveja_centenario {
    /* 	height: 39px; */
    width: 86px;
}

#top__header_promocional .container__feria p .yellow {
    color: var(--e-global-color-231ef25);
    text-transform: uppercase;
    font-weight: 700;
}

#top__header_promocional .container__feria p {
    max-width: 505px;
    width: 100%;
    /* font-family: var(--e-global-typography-primary-font-family); */
    color: #fff;
    font-weight: 500;
    font-size: 33px;
    line-height: 39.6px;
    margin-bottom: 0;
}

#top__header_promocional .container__feria p .facilote__ds {
    font-size: 42px;
    text-shadow: 4px 1px 0px #ff0000, 1px 4px 7px #00000030, 4px 0px 0px #00000047;
    padding-left: 15px;
}

#top__header_promocional .container__feria a {
    /* 	border: 1px solid #FFFFFF; */
    border-radius: 60px;
    /* 	color: #fff; */
    /* 	padding: 11px 10px 11px 15px; */
    padding: 0;
    /* 	display: flex; */
    font-size: 14px;
    line-height: 16px;
    font-weight: 800;
    position: relative;
    height: 39px;
}

#top__header_app .container__feria_app a {
    /* 	border: 1px solid #FFFFFF; */
    border-radius: 60px;
    /* 	color: #fff; */
    /* 	padding: 11px 10px 11px 15px; */
    padding: 0;
    /* 	display: flex; */
    font-size: 14px;
    line-height: 16px;
    font-weight: 800;
    /* position: relative; HTML */
    position: absolute;
/*     left: calc(50% + 270px); */
	left: calc(50% + 350px);
    height: 39px;
}

#top__header_promocional .container__feria a .text_button, #top__header_app .container__feria_app a .text_button {
    background-color: #fff;
    color: var(--e-global-color-primary);
    border-radius: 8px;
    z-index: 1;
    /* padding: 11px 10px 11px 15px; HTML */
    padding: 11px 15px;
    font-style: italic;
    display: flex;
    justify-content: center;
    align-content: center;
    /* 		height: 100%; */
    position: relative;
    /* 		bottom: -10px; */
	font-style: normal;
}

#top__header_promocional .img__feria {
    margin-left: 15px;
    width: 20px;
    object-fit: contain;
}

#top__header_promocional .close-top-banner {
    position: absolute;
    top: 10px;
    right: -100px;
}

#top__header_promocional .container__feria a:before, #top__header_app .container__feria_app a:before {
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    left: -5px;
}

#top__header_promocional .container__feria a:before,
#top__header_promocional .container__feria a:after,
#top__header_app .container__feria_app a:before,
#top__header_app .container__feria_app a:after {
    content: '';
/*     background-color: rgb(255 255 255 / 50%); */
	background-color: #FF000080;
    -webkit-animation: gota 1s infinite ease;
    -moz-animation: gota 1s infinite ease;
    -o-animation: gota 1s infinite ease;
    -ms-animation: gota 1s infinite ease;
    animation: gota 1s infinite ease;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    z-index: 0;
    border-radius: 8px;
}

#top__header_promocional .container__feria a:after {
    width: 100%;
    height: 100%;
    left: 0px;
}

@media (min-width:1025px) {
    .res_db {
        display: none;
    }

    .desk_dn {
        width: 74px;
        margin-right: 15px;
    }

    #top__header_promocional .container__feria {
        height: 70px;
    }

    #top__header_promocional .container__feria .oveja_centenario {
        position: relative;
        top: 1px;
        height: 66px;
        object-fit: cover;
        object-position: top;
    }

    #top__header_promocional .container__feria p br {
        display: none !important;
    }

    #top__header_promocional .container__feria p {
        font-size: 23px;
        line-height: 27px;
        text-align: center;
    }
}

@media (max-width:1024px) {
    #top__header_promocional .container__feria {
        padding: 10px 30px;
    }

    #top__header_promocional .container__feria p {
        font-size: 20px;
        max-width: 540px;
    }

    #top__header_promocional .container__feria a {
        padding: 11px 16px 11px 24px;
    }

    #top__header_promocional .close-top-banner {
        top: 7px;
        right: -10px;
    }

}

@media (min-width:769px) {
    #top__header_promocional .container__feria br {
        display: none !important;
    }
}

@media (max-width:768px) {
    #top__header_promocional {
        --min-height: 80px;
        padding: 0px 14px;
    }

    .desk_dn {
        display: none;
    }

    .res_db {
        position: absolute;
        top: 15px;
        right: 4rem;
        width: 30px;
        transform: rotate3d(2, 1, 0, 180deg);
        display: none;
    }

    #top__header_promocional>.e-con-inner {
        justify-content: center;
        align-items: flex-end;
    }

    #top__header_promocional .container__feria {
        padding: 5px 1vw;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    #top__header_app .container__feria_app {
/*         padding: 0; */
		padding: 15px 10px;
        flex-wrap: wrap;
/*         justify-content: center; */
		justify-content: flex-start;
		height: auto;
        align-items: center;
        position: relative;
    }

    #top__header_promocional #container__text_feria {
        width: 90vw;
    }

    #top__header_promocional .container__feria p {
        font-size: 3.5vw;
        line-height: 18px;
        text-align: center;
        letter-spacing: 0.01em;
        padding-bottom: 0;
        max-width: 45vw;
    }

    #top__header_promocional .container__feria .oveja_centenario {
        height: 70px;
        width: 16.7vw;
        object-fit: cover;
        top: 5px;
        position: relative;
    }

    #top__header_promocional .container__feria p .text__custom {
        font-size: 4.7vw;
        text-shadow: 4px 1px 0px #ff0000, 1px 4px 7px #00000030, 4px 0px 0px #00000047;
    }

    #top__header_promocional .container__feria p .facilote__ds {
        font-size: 6.5vw;
        line-height: 40px;
        padding-left: 0;
    }

    #top__header_promocional .container__feria a {
        padding: 0;
        height: 100%;
        margin-left: 10px;
        bottom: 50%;
    }

    #top__header_app .container__feria_app a {
        padding: 0;
        height: 100%;
/*         bottom: 10px; */
		bottom: initial;
        height: auto;
/*         left: calc(50% + 50px); */
/* 		left: calc(50% + 110px); */
		left: calc(50% + 80px);
		right: 10px;
/* 		right: 25px; */
    }
	.container__feria_app img {
		margin: 0;
	}

    #top__header_promocional .container__feria a .text_button, #top__header_app .container__feria_app a .text_button {
        background-color: #fff;
        color: var(--e-global-color-primary);
        font-size: 11px;
        line-height: 13px;
        padding: 3px 6px;
        border-radius: 8px;
        z-index: 1;
		text-align: center;
    }

    #top__header_promocional .img__feria {
        display: none;
    }

    #top__header_promocional .close-top-banner {
        right: -25px;
    }
}

@-webkit-keyframes gota {
    0% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }

    20% {
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20)
    }

    40% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40)
    }

    60% {
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60)
    }

    80% {
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80)
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
}

@keyframes gota {
    0% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }

    20% {
        opacity: .2;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
        filter: alpha(opacity=20)
    }

    40% {
        opacity: .4;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40)
    }

    60% {
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
        filter: alpha(opacity=60)
    }

    80% {
        opacity: .8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: alpha(opacity=80)
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }

    to {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }

    to {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
}