/* formato para evento de agenda */ 
.piece.calendar .items{gap: unset}              
.piece.calendar .items .item.event-calendar{display: grid;grid-template-columns: 20px auto;align-items: flex-start;grid-gap: 10px}              
.piece.calendar .items .item.event-calendar .st{height: 100%;display: flex;flex-direction: column;align-items: center}
.piece.calendar .items .item.event-calendar .st .st-b{flex-shrink: 0;align-items: center;background-color: #fff;border-radius: 50%;display: flex;width: 20px;height: 20px;justify-content: center;border: 1px solid #000}
.piece.calendar .items .item.event-calendar .st .st-bc{border-radius: 50%;height: 10px;width: 10px;background-color: #000}
.piece.calendar .items .item.event-calendar .st .st-l{display: flex;height: 100%;margin: 2px 0;width: 1px;background-color: #000}
.piece.calendar .items .item.event-calendar:last-child .st .st-l{display: none}
.piece.calendar .items .item.event-calendar .iec-w{position: relative;display: flex;align-items: flex-start;gap: calc(var(--margin-spacer) / 2);padding-bottom: calc(var(--margin-spacer) * 2)}
.piece.calendar .items .item.event-calendar .iec-w:after{content: "";position: absolute;left: 50%;width: 80%;height: 1px;background-color: rgba(0,0,0,0.1);transform: translate(-50%,0);bottom: var(--margin-spacer)}
.piece.calendar .items .item.event-calendar .kicker{flex-shrink: 0;line-height: 20px;font-size: 1.5em;font-weight: normal;max-width: unset;margin: 0;width: auto;white-space: normal;color: #888888}
.piece.calendar .items .item.event-calendar .summary{font-size: 1.6em}
.piece.calendar .items .item.event-calendar .m-ei{flex-grow: 2;display: flex;gap: 10px}
.piece.calendar .items .item.event-calendar .media{order: 2;width: 15%}
.piece.calendar .items .item.event-calendar .ei{flex-grow: 2}
.piece.calendar .items .item.event-calendar .ei .attr{display: flex;flex-direction: column;gap: calc(var(--margin-spacer) / 1.3);margin-top: 3em}
.piece.calendar .items .item.event-calendar .ei .title{font-size: 2.2em;line-height: 20px}
.piece.calendar .items .item.event-calendar .ei .summary{display: block}
.piece.calendar .items .item.event-calendar .ei .moderator{position: relative;display: flex;flex-direction: column;gap: 10px}
.piece.calendar .items .item.event-calendar .ei .moderator:before{content: "Moderador: ";width: 86px;font-size: 1.3em;display: flex;align-items: center;font-weight: 900}
.piece.calendar .items .item.event-calendar .ei .moderatoritems{position: relative;display: flex;align-items: center;gap: 10px}
.piece.calendar .items .item.event-calendar .ei .moderatoritems .mm{width: 40px;height: 40px;border-radius: 50%;background-image: url('/0/img/common/anonymous.png');background-size: cover;background-position: 50%}
.piece.calendar .items .item.event-calendar .ei .moderatoritems .mm img{border-radius: 50%}
.piece.calendar .items .item.event-calendar .ei .moderatoritems .title{font-size: 1.6em;margin: 0;font-weight: normal}
.piece.calendar .items .item.event-calendar .ei .moderatoritems .kicker{position: relative;font-family: var(--title-font);font-size: 1.4em;margin: 0;text-transform: unset;color: #888;font-weight: normal}
.piece.calendar .items .item.event-calendar .ei .orators{position: relative;display: flex;align-items: flex-start;flex-direction: column;gap: 10px}
.piece.calendar .items .item.event-calendar .ei .orators:before{content: "Oradores: ";width: 86px;font-size: 1.3em;display:flex;align-items: center;font-weight: 900}
.piece.calendar .items .item.event-calendar .ei .ow{position: relative;display: flex;align-items: flex-start;flex-direction: column}
.piece.calendar .items .item.event-calendar .ei .oratorsitems{position: relative;display: flex;align-items: center;gap: 10px}
.piece.calendar .items .item.event-calendar .ei .oratorsitems .om{width: 40px;height: 40px;border-radius: 50%;background-image: url('/0/img/common/anonymous.png');background-size: cover;background-position: 50%}
.piece.calendar .items .item.event-calendar .ei .oratorsitems .om img{border-radius: 50%}
.piece.calendar .items .item.event-calendar .ei .oratorsitems .image img{border-radius: 50%}
.piece.calendar .items .item.event-calendar .ei .oratorsitems .title{font-size: 1.6em;margin: 0;font-weight: normal}
.piece.calendar .items .item.event-calendar .ei .oratorsitems .kicker{position: relative;font-family: var(--title-font);font-size: 1.4em;margin: 0;text-transform: unset;color: #888;font-weight: normal}

.bgcolor .piece.calendar .items .item.event-calendar .kicker,
.bgcolor .piece.calendar .items .item.event-calendar .ei .oratorsitems .kicker{color: inherit;border: 0}
.bgdark .piece.calendar .items .item.event-calendar .iec-w:after{background-color: rgba(255,255,255,0.1)}

.piece.calendar .items DIV.item{width: 100%}
.piece.calendar .items DIV.separator{width: 100%;margin: calc(var(--margin-spacer)/2) 0}
.piece.calendar .items .item img{border-radius: var(--border-radius)}    


@media (max-width: 768px){
    .piece.calendar .media-ts-wrapper{flex-direction: column}
    .piece.calendar .media-kicker-wrapper,
    .piece.calendar .item:not(.nomedia) .ts{width: 100%}
}