/* ASD Theme — widget "Hero de noticias". */
.asdt-hero{--asdt-hero-h:560px;--asdt-hero-gap:12px;--asdt-hero-tile:240px;--asdt-hero-main:360px;position:relative}
.asdt-hero__viewport{overflow:hidden;width:100%}
.asdt-hero__track{display:flex;width:100%;transition:transform .6s ease}
.asdt-hero__slide{flex:0 0 100%;min-width:0;display:grid;gap:var(--asdt-hero-gap);height:var(--asdt-hero-h);box-sizing:border-box}
.asdt-hero__item{position:relative;min-width:0;min-height:0;overflow:hidden}

/* Cards inside the hero fill their cell. */
.asdt-hero .asdt-hero__item .ewup-card{height:100%;margin:0!important;position:relative;display:flex;flex-direction:column}
.asdt-hero .asdt-hero__item .ewup-media-before{flex:1 1 auto;min-height:0;margin:0!important}
.asdt-hero .asdt-hero__item .ewup-media{height:100%!important;min-height:0}
.asdt-hero .asdt-hero__item .ewup-image{transition:transform .6s ease}
.asdt-hero-zoom-yes .asdt-hero__item:hover .ewup-image{transform:scale(1.05)}
.asdt-hero--stacked .asdt-hero__item .ewup-information{flex:0 0 auto;padding-top:12px}

/* Title over the image. */
.asdt-hero--overlay .asdt-hero__item:not(.asdt-hero__item--text) .ewup-media-before{position:absolute;inset:0}
.asdt-hero--overlay .asdt-hero__item:not(.asdt-hero__item--text) .ewup-card::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background-image:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.82) 100%);transition:opacity .3s ease}
.asdt-hero--overlay .asdt-hero__item:not(.asdt-hero__item--text) .ewup-information{position:absolute;left:0;right:0;z-index:2;box-sizing:border-box;padding:24px;color:#fff}
.asdt-hero--overlay .asdt-hero__item:not(.asdt-hero__item--text) .ewup-information,.asdt-hero--overlay .asdt-hero__item:not(.asdt-hero__item--text) .ewup-information a,.asdt-hero--overlay .asdt-hero__item:not(.asdt-hero__item--text) .ewup-title{color:#fff}
.asdt-hero--text-bottom .asdt-hero__item .ewup-information{bottom:0}
.asdt-hero--text-top .asdt-hero__item .ewup-information{top:0}
.asdt-hero--text-center .asdt-hero__item .ewup-information{top:50%;transform:translateY(-50%)}
.asdt-hero--overlay .asdt-hero__item:not(.asdt-hero__item--text) .ewup-information *{pointer-events:auto}

/* Headlines list (layout "main + list"). */
.asdt-hero__item--text{display:flex;align-items:center}
.asdt-hero__item--text .ewup-card{height:auto!important;justify-content:center}
.asdt-hero__item--text + .asdt-hero__item--text{border-top:1px solid rgba(0,0,0,.12)}

/* ---- Desktop layouts ---- */
@media (min-width:1025px){
	.asdt-hero--main-4 .asdt-hero__slide{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}
	.asdt-hero--main-4 .asdt-hero__item--1{grid-row:1/3}

	.asdt-hero--main-2 .asdt-hero__slide{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
	.asdt-hero--main-2 .asdt-hero__item--1{grid-row:1/3}

	.asdt-hero--main-3 .asdt-hero__slide{grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr)}
	.asdt-hero--main-3 .asdt-hero__item--1{grid-row:1/4}

	.asdt-hero--mosaic-5 .asdt-hero__slide{grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr 1fr}
	.asdt-hero--mosaic-5 .asdt-hero__item--1{grid-column:2;grid-row:1/3}
	.asdt-hero--mosaic-5 .asdt-hero__item--2{grid-column:1;grid-row:1}
	.asdt-hero--mosaic-5 .asdt-hero__item--3{grid-column:1;grid-row:2}
	.asdt-hero--mosaic-5 .asdt-hero__item--4{grid-column:3;grid-row:1}
	.asdt-hero--mosaic-5 .asdt-hero__item--5{grid-column:3;grid-row:2}

	.asdt-hero--three .asdt-hero__slide{grid-template-columns:repeat(3,1fr)}

	.asdt-hero--top-3 .asdt-hero__slide{grid-template-columns:repeat(3,1fr);grid-template-rows:1.7fr 1fr}
	.asdt-hero--top-3 .asdt-hero__item--1{grid-column:1/-1}

	.asdt-hero--two-3 .asdt-hero__slide{grid-template-columns:repeat(6,1fr);grid-template-rows:1.5fr 1fr}
	.asdt-hero--two-3 .asdt-hero__item--1{grid-column:1/4}
	.asdt-hero--two-3 .asdt-hero__item--2{grid-column:4/7}
	.asdt-hero--two-3 .asdt-hero__item--3,.asdt-hero--two-3 .asdt-hero__item--4,.asdt-hero--two-3 .asdt-hero__item--5{grid-column:span 2}

	.asdt-hero--asym-4 .asdt-hero__slide{grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr}
	.asdt-hero--asym-4 .asdt-hero__item--1{grid-row:1/3}
	.asdt-hero--asym-4 .asdt-hero__item--2{grid-column:2/4}

	.asdt-hero--full .asdt-hero__slide{grid-template-columns:1fr}

	.asdt-hero--main-list .asdt-hero__slide{grid-template-columns:2fr 1fr;grid-template-rows:repeat(5,1fr);row-gap:0}
	.asdt-hero--main-list .asdt-hero__item--1{grid-row:1/6;margin-right:calc(var(--asdt-hero-gap) * 1)}
}

/* ---- Tablet and mobile: the main story on top, the rest below ---- */
@media (max-width:1024px){
	.asdt-hero:not(.asdt-hero--slides-grid) .asdt-hero__slide{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:auto}
	.asdt-hero:not(.asdt-hero--slides-grid) .asdt-hero__item{grid-column:auto;grid-row:auto;height:var(--asdt-hero-tile)}
	.asdt-hero:not(.asdt-hero--slides-grid) .asdt-hero__item--main{grid-column:1/-1;height:var(--asdt-hero-main)}
	.asdt-hero:not(.asdt-hero--slides-grid) .asdt-hero__item--text{height:auto}
	.asdt-hero--main-list:not(.asdt-hero--slides-grid) .asdt-hero__slide{grid-auto-rows:auto;row-gap:0}
	.asdt-hero--main-list .asdt-hero__item--main{margin-bottom:var(--asdt-hero-gap)}
	.asdt-hero--main-list .asdt-hero__item--text{grid-column:1/-1;padding:12px 0}
	.asdt-hero--full .asdt-hero__slide{grid-template-columns:1fr!important}
}
@media (max-width:767px){
	.asdt-hero:not(.asdt-hero--slides-grid) .asdt-hero__slide{grid-template-columns:1fr}
	.asdt-hero--overlay .asdt-hero__item:not(.asdt-hero__item--text) .ewup-information{padding:16px}
}

/* ---- Carousel ---- */
.asdt-hero--slides-grid .asdt-hero__slide{grid-template-columns:repeat(var(--asdt-cols,3),minmax(0,1fr));grid-template-rows:repeat(var(--asdt-rows,1),minmax(0,1fr))}
@media (max-width:1024px){.asdt-hero--slides-grid .asdt-hero__slide{height:calc(var(--asdt-hero-tile) * var(--asdt-rows,1) + var(--asdt-hero-gap) * (var(--asdt-rows,1) - 1))}}
.asdt-hero__arrow{position:absolute;top:50%;z-index:5;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer;transition:background .2s}
.asdt-hero__arrow:hover{background:rgba(0,0,0,.8)}
.asdt-hero__arrow svg{width:55%;height:55%}
.asdt-hero__arrow--prev{left:12px}
.asdt-hero__arrow--next{right:12px}
.asdt-hero__dots{display:flex;justify-content:center;gap:8px;margin-top:14px}
.asdt-hero__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.25);cursor:pointer}
.asdt-hero__dot.is-active{background:#111;width:22px;border-radius:5px}
@media (prefers-reduced-motion:reduce){.asdt-hero__track,.asdt-hero .ewup-image{transition:none}}
.asdt-hero--overlay .asdt-hero__item:not(.asdt-hero__item--text) .ewup-media-before{height:100%!important;margin:0!important}
.asdt-hero--compact .asdt-hero__item:not(.asdt-hero__item--main) .ewup-subtitle{display:none!important}
.asdt-hero__item--text .ewup-information{padding:10px 0}
.asdt-hero__item--text .ewup-meta{margin-top:4px!important}

/* Default title sizes, with the lowest specificity: the "Title" style of
   Latest posts and the "Hero: titles" controls always win over them. */
.asdt-hero :where(.asdt-hero__item) .ewup-title{font-size:18px;line-height:1.25}
.asdt-hero :where(.asdt-hero__item--main) .ewup-title{font-size:32px;line-height:1.15}
@media (max-width:1024px){.asdt-hero :where(.asdt-hero__item--main) .ewup-title{font-size:28px}}
@media (max-width:767px){.asdt-hero :where(.asdt-hero__item--main) .ewup-title{font-size:24px}}