.piece.news .item{display:flex;flex-direction:column;gap:calc(var(--margin-spacer) / 2)}

.piece.news .media .widget>div{width: 100% !important;aspect-ratio: 16/9}
.piece.news .media iframe{width: 100%;height: inherit;aspect-ratio: 16/9}
.piece.news .media .image a{position:relative;display:block}
.piece.news .media{position:relative}

.z33 .piece.news .kta{display:flex;flex-direction:column;gap:1.7em;background-color:var(--background-seventh-color);padding:calc(var(--margin-spacer) / 2);box-sizing: border-box}
.z33 .piece.news .item{gap:unset}

.z100 .piece.news .kta{order:1;display:flex;flex-direction:column;gap:1.7em;align-items:center;margin:0 auto;max-width:90%}
.z100 .piece.news .kta .kicker{order:1;font-size:2.5em;color:var(--body-font-color);text-transform:unset;font-weight:400}
.z100 .piece.news .kta .title{order:2}
.z100 .piece.news:not(.grid) .kta .title{text-align:center}
.z100 .piece.news:not(.grid) .item:hover .title a{color:var(--background-main-color)}
.z100 .piece.news .kta .ds{order:3;text-align:center}
.z100 .piece.news .kta .ds .datetime{font-size:2em}
.z100 .piece.news .kta .ds .summary{letter-spacing:normal}
.z100 .piece.news .media{order:2}


.piece.news:not(.grid) .datetime{display: inline;position: relative;font-size: 1.4em;font-family: sans-serif;opacity: 0.7;margin-right: 0.3em}
.piece.news:not(.grid) .date:after{content: "\00B7";font-size: 1.4em;margin: 0 0.1em}


/* Foto a Derecha */
.piece.news.r40:not(.grid) .items{display: flex;flex-direction: column}
.piece.news.r40:not(.grid) .items .item{padding: 0;flex-direction: row;width: 100%;align-items: center;gap: calc(var(--margin-spacer) / 1.5)}
.piece.news.r40:not(.grid) .items .item .media{width: calc(45% - calc(var(--margin-spacer) / 4));margin: 0;order: 2}
.piece.news.r40:not(.grid) .items .item .kta{width: calc(55% - calc(var(--margin-spacer) / 4));order: 1}
.piece.news.r40:not(.grid) .items .item .kta .title{font-size: 1.8em}
.z100 .piece.news.r40:not(.grid) .items .item .kta .kicker{font-size: 1.5em}
.z100 .piece.news.r40:not(.grid) .items .item .kta .title{font-size: 4.3em}
.z75 .piece.news.r40:not(.grid) .items .item .kta .title{font-size: 2.5em}
.z50 .piece.news.r40:not(.grid) .items .item .kta .title{font-size: 2.2em}
.zone .piece.news.r40:not(.grid) .items .item.nomedia{gap: 0}
.zone .piece.news.r40:not(.grid) .items .item.nomedia .kta{width: 100%}

/* Foto a Izquierda */
.piece.news.l40:not(.grid) .items{display: flex;flex-direction: column}
.piece.news.l40:not(.grid) .items .item{padding:0;flex-direction:row;width:100%;align-items:flex-start;gap:var(--margin-spacer)}
.piece.news.l40:not(.grid) .items .item .media{width: calc(45% - calc(var(--margin-spacer) / 4));margin: 0;order: 1}
.piece.news.l40:not(.grid) .items .item .kta{width: calc(55% - calc(var(--margin-spacer) / 4));order: 2;display:flex;flex-direction:column;gap:calc(var(--margin-spacer) / 2)}
.piece.news.l40:not(.grid) .items .item .kta .title{font-size: 1.8em}
.z100 .piece.news.l40:not(.grid) .items .item .kta .kicker{font-size: 2em}
.z100 .piece.news.l40:not(.grid) .items .item .kta .title{font-size: 4em}
.z75 .piece.news.l40:not(.grid) .items .item .kta .title{font-size: 2.5em}
.z50 .piece.news.l40:not(.grid) .items .item .kta .title{font-size: 2.2em}
.zone .piece.news.l40:not(.grid) .items .item.nomedia{gap: 0}
.zone .piece.news.l40:not(.grid) .items .item.nomedia .kta{width: 100%}



.piece.news .withwidget .media .image.widget:before{display: none}
.piece.news .withwidget .media .image.widget:after{display: none}

.piece.news .media .image video{width:100%;height:auto}
.piece.news.f16asr9 .media .image{aspect-ratio:16/9;overflow: hidden}
.piece.news.f4asr3 .media .image{aspect-ratio:4/3;overflow: hidden}

@media (max-width: 1024px){
    .piece.grid.threecol .items{grid-template-columns:  100%}
    .z100 .piece.news.r40:not(.grid) .items .item .kta .title,
    .z100 .piece.news.l40:not(.grid) .items .item .kta .title{font-size: calc((((100vw - 768px) / (1024 - 768)) * (32 - 22)) + 22px)}

}

@media (max-width: 768px){
    .z100 .piece.news:not(.grid) .items .item .kta .title{font-size: calc((((100vw - 320px) / (768 - 320)) * (32 - 25)) + 25px)}
    .z75 .piece.news:not(.grid) .items .item .kta .title{font-size: calc((((100vw - 320px) / (768 - 320)) * (28 - 22)) + 22px)}
    .z25 .piece.news:not(.grid) .items .item .kta .title{font-size: 2em}
    
    .piece.news.r40 .items .item .kta .title,
    .piece.news.l40 .items .item .kta .title{font-size: 2em}

    .zone .piece.news.r40:not(.grid) .items .item,
    .zone .piece.news.l40:not(.grid) .items .item{flex-wrap: wrap}
    .zone .piece.news.r40:not(.grid) .items .item .media,
    .zone .piece.news.l40:not(.grid) .items .item .media{width: 100%}
    .zone .piece.news.r40:not(.grid) .items .item .kta,
    .zone .piece.news.l40:not(.grid) .items .item .kta{width: 100%}
    .z100 .piece.news.r40:not(.grid) .items .item .kta .title,
    .z100 .piece.news.l40:not(.grid) .items .item .kta .title{font-size: 2.8em}
}