/* Apresentação de .featured-grid */
.featured-grid {
display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:280px;gap:24px
}

/* Apresentação de .featured-card */
.featured-card {
display:flex;flex-direction:column;min-width:0;width:100%;margin:0;padding:0;border:0;background:transparent;color:#fff;text-align:left;cursor:pointer;overflow:hidden
}

/* Apresentação de .featured-card.tall */
.featured-card.tall {
grid-column:span 4;grid-row:span 2
}

/* Apresentação de .featured-card.wide */
.featured-card.wide {
grid-column:span 8
}

/* Apresentação de .featured-card.small */
.featured-card.small {
grid-column:span 4
}

/* Apresentação de .featured-card.half */
.featured-card.half {
grid-column:span 6;grid-row:span 1
}

/* Apresentação de .featured-image */
.featured-image {
position:relative;display:block;flex:1;min-height:0;width:100%;background:#101010;border-radius:8px;overflow:hidden
}

/* Apresentação de .featured-image img */
.featured-image img {
display:block;width:100%;height:100%;object-fit:contain
}

/* Apresentação de .featured-caption */
.featured-caption {
display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 0 0;min-height:56px
}

/* Apresentação de .featured-caption strong */
.featured-caption strong {
font-size:20px;line-height:1.2;font-weight:500
}

/* Apresentação de .featured-caption small */
.featured-caption small {
font-size:11px;color:#aaa;white-space:nowrap
}

/* Apresentação de .featured-play */
.featured-play {
position:absolute;bottom:16px;right:16px;display:grid;place-items:center;border-radius:50%;width:46px;height:46px;background:#e6e600;color:#000
}

/* Apresentação de .featured-card:hover */
.featured-card:hover {
text-decoration:none
}

/* Apresentação de .featured-card:hover strong */
.featured-card:hover strong {
color:#e6e600
}

/* Apresentação de .featured-all */
.featured-all {
margin-top:32px
}

/* Regra responsiva / animação */
@media(min-width:1400px) {

/* Apresentação de .featured-grid */
.featured-grid {
grid-auto-rows:340px
}

}

/* Regra responsiva / animação */
@media(max-width:900px) {

/* Apresentação de .featured-grid */
.featured-grid {
grid-auto-rows:240px;gap:18px
}

/* Apresentação de .featured-caption */
.featured-caption {
display:block;min-height:70px
}

/* Apresentação de .featured-caption small */
.featured-caption small {
display:block;margin-top:6px
}

}

/* Regra responsiva / animação */
@media(max-width:600px) {

/* Apresentação de .featured-grid */
.featured-grid {
grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:24px 14px
}

/* Apresentação de .featured-card.tall,.featured-card.small */
.featured-card.tall,.featured-card.small {
grid-column:span 1;grid-row:auto
}

/* Apresentação de .featured-card.wide,.featured-card.half */
.featured-card.wide,.featured-card.half {
grid-column:span 2;grid-row:auto
}

/* Apresentação de .featured-card.tall .featured-image,.featured-card.small .featured-image */
.featured-card.tall .featured-image,.featured-card.small .featured-image {
aspect-ratio:4/5
}

/* Apresentação de .featured-card.wide .featured-image,.featured-card.half .featured-image */
.featured-card.wide .featured-image,.featured-card.half .featured-image {
aspect-ratio:16/9
}

/* Apresentação de .featured-caption strong */
.featured-caption strong {
font-size:17px
}

/* Apresentação de .featured-caption small */
.featured-caption small {
white-space:normal
}

/* Apresentação de .featured-card .featured-image */
.featured-card .featured-image {
flex:auto
}

}

/* Apresentação de .featured-preview */
.featured-preview {
position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .2s
}

/* Apresentação de .previewing .featured-preview */
.previewing .featured-preview {
opacity:1
}

/* Apresentação de .previewing .featured-play */
.previewing .featured-play {
opacity:0
}

/* Apresentação de .featured-image img */
.featured-image img {
transition:opacity .2s
}

/* Apresentação de .home .featured-grid */
/* Altura natural: a imagem determina o tamanho do card. */
.home .featured-grid {
display:block;columns:280px 3;column-gap:24px
}

/* Apresentação de .home .featured-grid .featured-card */
.home .featured-grid .featured-card {
display:inline-block;width:100%;height:auto;margin:0 0 28px;break-inside:avoid;vertical-align:top;overflow:visible
}

/* Apresentação de .home .featured-card .featured-image */
.home .featured-card .featured-image {
display:block;flex:none;min-height:0;height:auto;aspect-ratio:auto;background:transparent;line-height:0
}

/* Apresentação de .home .featured-card .featured-image>img */
.home .featured-card .featured-image>img {
display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain
}

/* Apresentação de .home .featured-card .featured-caption */
.home .featured-card .featured-caption {
min-height:0;padding-top:14px;line-height:1.4
}

/* Apresentação de .home .featured-card .featured-preview */
.home .featured-card .featured-preview {
object-fit:cover
}

/* Regra responsiva / animação */
@media(max-width:600px) {

/* Apresentação de .home .featured-grid */
.home .featured-grid {
columns:1;column-gap:0
}

/* Apresentação de .home .featured-grid .featured-card */
.home .featured-grid .featured-card {
margin-bottom:28px
}

}