@charset "UTF-8";

/********* public:EWRporta_articles.less ********/
.porta-article-pager{margin-top:-20px}.porta-article-loader{display:none;text-align:center}.porta-article-item{margin-bottom:20px;position:relative}.porta-article-item .porta-article-header{display:block;overflow:hidden;position:relative}.porta-article-item .porta-article-header .porta-header-image{background-position:center;background-size:cover;height:200px}.porta-article-item .porta-article-header .porta-header-medio{background-position:center;background-size:cover;height:}.porta-article-item .porta-article-header .porta-header-text{position:absolute;top:0;bottom:0;left:0;right:0}.porta-article-item .porta-article-header .porta-header-text .fade{background:linear-gradient(rgba(0,0,0,0), #fefefe);position:absolute;bottom:0;left:0;right:0;height:100px}.porta-article-item .porta-article-header .porta-header-text .title{font-size:28px;color:#fff;font-weight:700;text-decoration:none;padding-right:20px;padding-bottom:10px;padding-left:20px;position:absolute;bottom:0;left:0;right:0;font-family:'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;line-height:28px;text-shadow:1px 1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000}.porta-article-item .porta-article-header .porta-header-text .attribution{font-size:14px;color:#fff;font-weight:700;text-decoration:none;padding-right:20px;padding-bottom:10px;padding-left:20px;position:absolute;bottom:0;left:0;right:0;font-family:'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;text-shadow:1px 1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000}.porta-article-item .porta-article-header .porta-header-text .categories{font-size:14px;color:#fff;font-weight:700;text-decoration:none;padding-top:10px;padding-right:20px;padding-left:20px;position:absolute;top:0;right:0;font-family:'Segoe UI','Helvetica Neue',Helvetica,Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans',sans-serif;text-align:right;text-shadow:1px 1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000}.porta-article-item .porta-article-header .porta-header-play{position:absolute;top:0;bottom:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.porta-article-item .porta-article-header .porta-header-play .fa--xf{color:#f2930d;font-size:100px;text-shadow:1px 1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,-1px -1px 0 #000}.porta-article-item .block-header{height:41px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.porta-article-item .message-inner{position:relative}.porta-article-item .message-inner.with--date{margin-left:calc(50px + -15px)}.porta-article-item .message-inner .message-main{max-width:100%}.porta-article-item .porta-article-date{padding:10px 0;margin-left:-15px;position:absolute;z-index:100}.porta-article-item .porta-article-date.with--text{top:41px}.porta-article-item .porta-article-date.with--image{top:200px}.porta-article-item .porta-article-date.with--medio{top:}.porta-article-item .porta-article-date .porta-date-block{background:#f5f5f5;border:1px solid #d8d8d8;width:50px;padding:10px;text-align:center;text-transform:uppercase;white-space:nowrap}.porta-article-item .porta-article-date .porta-date-block b{display:block;font-size:1.5em}.porta-article-item .porta-expandLink{height:100px;background:linear-gradient(rgba(0,0,0,0) 0%, #fefefe 80%);position:absolute;bottom:0;left:0;right:0;z-index:1}.porta-article-item .porta-expandLink>a{color:#f2930d;font-size:13px;padding:10px;position:absolute;bottom:0;left:0;right:0;text-align:center;text-decoration:none}.porta-masonry{display:grid;grid-gap:20px 10px;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr))}.porta-masonry .porta-article-item{margin-bottom:0}.porta-masonry .porta-article-item.fixed--height{height:500px}.porta-masonry .porta-article-item .porta-article-container{display:flex;flex-flow:column;height:100%}.porta-masonry .porta-article-item .porta-article-container .block-header,.porta-masonry .porta-article-item .porta-article-container .block-footer,.porta-masonry .porta-article-item .porta-article-container .porta-article-header{flex-shrink:0}.porta-masonry .porta-article-item .porta-article-container .message-inner{flex-grow:1;overflow:hidden}.porta-article-status{display:none}.porta-article-status .porta-article-ellipse{font-size:20px;position:relative;width:4em;height:1em;margin:10px auto}.porta-article-status .porta-article-ellipse .loader-ellipse-dot{display:block;width:1em;height:1em;border-radius:0.5em;background:#141414;position:absolute;animation-duration:0.5s;animation-timing-function:ease;animation-iteration-count:infinite}.porta-article-status .porta-article-ellipse .loader-ellipse-dot:nth-child(1),.porta-article-status .porta-article-ellipse .loader-ellipse-dot:nth-child(2){left:0}.porta-article-status .porta-article-ellipse .loader-ellipse-dot:nth-child(3){left:1.5em}.porta-article-status .porta-article-ellipse .loader-ellipse-dot:nth-child(4){left:3em}@keyframes reveal{.porta-article-status .porta-article-ellipse from{transform:scale(.001)}.porta-article-status .porta-article-ellipse to{transform:scale(1)}}@keyframes slide{.porta-article-status .porta-article-ellipse to{transform:translateX(1.5em)}}.porta-article-status .porta-article-ellipse .loader-ellipse-dot:nth-child(1){animation-name:reveal}.porta-article-status .porta-article-ellipse .loader-ellipse-dot:nth-child(2),.porta-article-status .porta-article-ellipse .loader-ellipse-dot:nth-child(3){animation-name:slide}.porta-article-status .porta-article-ellipse .loader-ellipse-dot:nth-child(4){animation-name:reveal;animation-direction:reverse}@media (max-width:650px){.porta-article-item .porta-article-date{margin-left:-2px}.porta-article-item .porta-article-date .porta-date-block{width:auto;padding:10px 5px;transform:rotate(180deg);writing-mode:vertical-rl}.porta-article-item .porta-article-date .porta-date-block b{display:inline;font-size:initial}}@media (max-width:480px){.porta-article-item .porta-article-date{display:none}.porta-article-item .message-inner{margin-left:0}}@media (max-width:calc(350px + 50px)){.porta-masonry{grid-template-columns:100%}}