.acontecimientos .categorias {
width: 100%;
float: left;
display: flex;
margin: 90px auto 50px auto;
align-items: center;
padding: 0;
justify-content: space-between;
}
.acontecimientos .categorias .title, 
.acontecimientos .categorias .items {
width: auto;
float: right;
display: flex;
align-items: center;
padding: 0;
justify-content: flex-end;
flex-wrap: wrap;
}
.acontecimientos .categorias .title{
font-size: 38px;
line-height: 39px;
color: #000000;
font-family: 'Founders Grotesk';
}
.acontecimientos .categorias .items .cat-title {
font-size: 16px;
line-height: 160%;
color: #A4A4A4;
font-family: 'Graphik Regular';
margin: 0 25px 0 0;
padding: 0;
float: left;
}
.acontecimientos .categorias .items .item.current,
.acontecimientos .categorias .items .item:hover{
color: #fff;
background: #ED2B4E;
border-radius: 4px;
color: #fff;
}
.acontecimientos .categorias .items .item {
display: inline-block;
float: left;
margin: 5px 10px 0 0;
border-radius: 4px;
padding: 10px 10px 5px 10px;
border: 1px solid #ED2B4E;
color: #ED2B4E;
font-family: 'Founders Grotesk';
text-transform: uppercase;
}
.acontecimientos .categorias .items .item.noregistros {
opacity: 0.5;
}
.acontecimientos  .contenido {
width: 100%;
float: left;
display: block;
margin: 0 auto;
}	
.acontecimientos .past-label{
position: absolute;
z-index: 9999;
left: 0;
color: #000;
padding: 10px;
background: rgb(237 43 78 / 0);
border-radius: 2px;
font-family: 'Graphik Regular';
font-size: 15px;
display: flex;
width: 100%;
height: 100%;
justify-content: end;
align-items: flex-end;
font-weight: 800;
color: #ccc;
}			
.acontecimientos .categorias .items .item:hover{
cursor: pointer;
}
.acontecimientos  .contenido .item{
width: calc(50% - 20px);
float: left;
display: inline-block;
margin: 0 10px 12px 0;
position: relative;
}
.acontecimientos  .contenido .item.image{
margin-bottom: 0;
}
.acontecimientos  .contenido .item .content {
width: 100%;
margin: 0 auto;
float: left;
position: relative;
display: inline-block;
}
.acontecimientos .contenido .item .content.solid{
background: #F9F8F6;
min-height: 200px;
}
.acontecimientos .contenido .item.past-event .content.solid{
opacity: 0.8;
}
.acontecimientos .contenido .item .categoria{	
width: 100%;
display: flex;
float: left;
margin: 0 auto;
align-items: center;
align-items: flex-start;
}
.acontecimientos .contenido .item .info {
position: absolute;
width: calc(100% - 70px);
left: 35px;
z-index: 999;
}
.acontecimientos .contenido .item .info .date{
font-weight: 300;
font-size: 26px;
line-height: 30px;
display: flex;
align-items: center;
color: #FFFFFF;
opacity: 0.9;
font-family: 'Founders Grotesk Light';
margin-bottom: 15px;
}
.acontecimientos .contenido .item .info .title h3{
font-weight: 300;
font-size: 70px;
line-height: 60px;
color: #FFFFFF;
}
.acontecimientos .contenido .item .content.solid .info .date {
color: #000;
opacity: 0.6;
}
.acontecimientos .contenido .item .content.solid .info .title h3 {
font-size: 40px;
line-height: 48px;
color: #000;
}
.acontecimientos .contenido .item .info.top {
top: 35px;
}
.acontecimientos .contenido .item .info.bottom {
bottom: 25px;
}
.acontecimientos .contenido .item .info .description{
font-weight: 300;
font-size: 18px;
line-height: 130%;
color: #fff;
opacity: 0.9 !important;
font-weight: 300;
font-family: 'Founders Grotesk Light';
margin-bottom: 35px;
}
.acontecimientos .contenido .item .content.solid .info .description{
display: none;
}
.acontecimientos .contenido .item .info .cat{
font-size: 14px;
line-height: 160%;
text-transform: uppercase;
color: #ED2B4E;
font-weight: 600;
margin-right: 20px;
}
.acontecimientos .contenido .item .info .publico{
font-weight: 400;
font-size: 16px;
color: #000;
line-height: 160%;
opacity: 0.6;
display: flex;
}
.acontecimientos .contenido .item.image .info .publico{
color: #fff;
}
.acontecimientos .nodata{
font-weight: 300;
font-size: 30px;
line-height: 140%;
color: #000;
font-family: 'Founders Grotesk Light';
}
.box.acontecimientos .titulo{
font-weight: 400;
font-size: 18px !important;
line-height: 130% !important;
color: #292929;
text-transform: inherit;
}
.fondo-amarillo {
width: 100%;
display: inline-block !important;
margin: 0 auto;
background: rgb(241, 196, 10, 1);
background-image: url(//www.acebarcelona.org/wp-content/uploads/2021/10/Ruido.svg), linear-gradient(30deg, rgba(239, 136, 59, 1) 0%, rgba(239, 136, 59, 0.5) 7%, rgba(248, 248, 248, 1) 32%, rgba(248, 248, 248, 1) 70%, rgba(239, 136, 59, 0.5) 93%, rgba(239, 136, 59, 1) 100%);
background-repeat: repeat-x;
background-size: contain;
display: -webkit-box;
} .acontecimientos .contenido .item.image .info .date:before{
content: '';
background: url(//www.acebarcelona.org/wp-content/uploads/2023/02/white-icon-event-calendar.png);
display: block;
width: auto;
height: 30px;
background-repeat: no-repeat;
min-width: 30px;
}
.acontecimientos .contenido .item.solid .content .info .date:before{
content: '';
background: url(//www.acebarcelona.org/wp-content/uploads/2023/02/red-icon-event-calendar.png);
display: block;
width: auto;
height: 30px;
background-repeat: no-repeat;
min-width: 30px;
}
.acontecimientos .contenido .item.solid .content .publico:before{
content: '';
background: url(//www.acebarcelona.org/wp-content/uploads/2023/02/red-icon-event-online.png);
display: block;
width: auto;
height: 30px;
background-repeat: no-repeat;
min-width: 30px;
}
@media (max-width: 1024px) {
.acontecimientos .contenido .item .content.solid .info .title h3 {
font-size: 35px;
line-height: 38px;
color: #000;
}
}
@media (max-width: 980px) {
.acontecimientos .contenido .item:nth-child(2n + 1) .content.solid .info .date:before{
content: '';
background: url(//www.acebarcelona.org/wp-content/uploads/2023/02/white-icon-event-calendar.png);
display: block;
width: auto;
height: 30px;
background-repeat: no-repeat;
min-width: 30px;
}
.acontecimientos .contenido .item:nth-child(2n + 1) .content .publico:before{
content: '';
background: url(//www.acebarcelona.org/wp-content/uploads/2023/02/white-icon-event-online.png);
display: block;
width: auto;
height: 30px;
background-repeat: no-repeat;
min-width: 30px;
}
.acontecimientos .contenido .item .info .title h3 {
font-size: 32px;
line-height: 140%;
}
.acontecimientos .contenido .item .info .description {
font-size: 16px;
line-height: 130%;
margin-bottom: 35px;
opacity: 0.7 !important;
}
.acontecimientos .contenido .item.image .content{
height: 400px !important;
}
.acontecimientos .contenido .item .info .title h3 {
font-size: 50px;
line-height: 55px;
}
.acontecimientos .contenido .item {
width: 100%;
float: left;
display: inline-block;
margin: 10px 10px 0 0;
}
.acontecimientos .contenido .item .content.solid:nth-child(3n-1){
background: #ED2B4E !important;
}
.acontecimientos .contenido .item .info .date {
font-size: 16px;
line-height: 160%;
opacity: 0.5 !important;
}
.acontecimientos .contenido .item.image .info .date {
opacity: 1 !important;
}
.acontecimientos .contenido .item .content.solid .info .title h3 {
font-size: 24px;
line-height: 140%;
color: #000;
}
.acontecimientos .contenido .item.image .info .publico{
color: #fff;
}
.acontecimientos .contenido .item .info .cat,
.acontecimientos .contenido .item .info .publico{
font-family: 'FoundersGroteskLight';
}
.acontecimientos .contenido .item .info .publico {
line-height: 160%;
color: #000;
opacity: 0.6;
}
.acontecimientos .contenido .item:nth-child(2n + 1) .content.solid{
background-color: ##ED2B4E !important;
}
.acontecimientos .contenido .item:nth-child(2n + 1) .content.solid .info .date,
.acontecimientos .contenido .item:nth-child(2n + 1) .content.solid .info .publico{
color: #fff;
opacity: 0.6;
}
.acontecimientos .contenido .item:nth-child(2n + 1) .content.solid .info .title h3,
.acontecimientos .contenido .item:nth-child(2n + 1) .content.solid .info .cat{
color: #fff;
}
.acontecimientos .contenido .item:nth-child(2n + 1) .content.solid{
background-color: #ED2B4E !important;
}
}