/*--------------------------------------------------------------
CUSTOM CSS FOR PREMIOS 26
--------------------------------------------------------------*/
.premios25.update26{
    --color-base: #121212;
    --premios-spring: #79D39F;
    --premios-egg: #FCCC82;
    --premios-salmon: #F4A190;
    --premios-ice: var(--color-tertiary);
    --premios-falls: #0DB2F0;
    --premios-smoke: #ADADAD;
    --premios-lavander: #9496D6;
    --premios-violet: #CDCFE6;
    --premios-neptune: #8CBDB1;
}



/*----------------------------
TYPOGRAPHY
----------------------------*/
.premios25.update26 header :where(h1, h2, h3, h4, h5, h6),
.premios25.update26 main :where(h1, h2, h3, h4, h5, h6){
    font-family: 'Inter','Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 700;
    letter-spacing: -0.05ch;
}
.premios25.update26 h1 span,
.premios25.update26 .goldfish-content h2 {
    font-weight:400;
}
.premios25.update26 .goldfish-content h3{
    position: absolute;
    top: var(--spacing-40);
    right: var(--spacing-50);
    font-weight: 500;
    font-size: var(--font-h4);
    margin-block-start: 0;
}
.premios25.update26 .goldfish .goldfish-content .logo{
    margin-block-start: var(--spacing-10);
}
.entry-content .update26  h2 + p{
     margin-block-start: var(--spacing-40);
}
.entry-content .update26  h3 + p {
     margin-block-start: var(--spacing-30);
}


@media screen and (max-width: 48em) {
    .premios25.update26 .goldfish-content h3{
        font-size: var(--font-h5);
    }
    .premios25.update26 h1{
        margin-block-start: calc(var(--spacing-10) * 1.25);
    }
}


/*----------------------------
MAIN
----------------------------*/
.premios25.update26 .goldfish-content{
    position: relative;
}

.premios25.update26 .awards {
    margin-block-start: var(--spacing-60);
 }
.update26 .awards .grid-card {
    --grid-item-min-width: 380px;

    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(var(--grid-item-min-width), 100%), 1fr));
    gap: var(--spacing-60) var(--spacing-50);
}
.update26 .awards .card-item {
    height: auto;
    background-color: var(--color-contrast);
    border-radius: var(--radius);
    overflow: clip;
}
.premios25.update26 .awards .award-content {
  padding: var(--spacing-40) var(--spacing-50) var(--spacing-60) var(--spacing-50);
}
.premios25.update26 .awards .award-content h3{
    font-size: var(--font-h4);
    text-transform: initial;
    letter-spacing: 0;
}
.premios25.update26 .awards .award-spring .award-thumb{
    background-color: var(--premios-spring);
}
.premios25.update26 .awards .award-egg .award-thumb{
    background-color: var(--premios-egg);
}
.premios25.update26 .awards .award-salmon .award-thumb{
    background-color: var(--premios-salmon);
}
.premios25.update26 .awards .award-ice .award-thumb{
    background-color: var(--premios-ice);
}
.premios25.update26 .awards .award-falls .award-thumb{
    background-color: var(--premios-falls);
}
.premios25.update26 .awards .award-smoke .award-thumb{
    background-color: var(--premios-smoke);
}
.premios25.update26 .awards .award-lavander .award-thumb{
    background-color: var(--premios-lavander);
}
.premios25.update26 .awards .award-violet .award-thumb{
    background-color: var(--premios-violet);
}
.premios25.update26 .awards .award-neptune .award-thumb{
    background-color: var(--premios-neptune);
}

.update26 .awards .award-thumb .label{
    position: absolute;
    top: var(--spacing-30);
    left: var(--spacing-30);
    color: var(--color-contrast);
    font-size: var(--font-small);
    line-height: 2;
    background-color: var(--color-primary);
    padding: calc(var(--spacing-10) / 2) var(--spacing-30);
    border-radius: 4px;
    text-transform: uppercase;
}




/*--------------------------------------------------------------
CUSTOM CSS FOR PREMIOS 26 - REORDER
--------------------------------------------------------------*/
.premios25.update26.reorder .goldfish .column{
    padding: var(--spacing-70);
}
.premios25.update26.reorder .goldfish .column.goldfish-image{
    padding-bottom: 0;
}
.premios25.update26.reorder .goldfish-content{
    flex-grow: 1.5;
    justify-content: flex-end;
}
.premios25.update26.reorder .goldfish .goldfish-content .logo{
    max-width: 680px;
    margin-block-start: calc(var(--spacing-10)  / 2);
}
.premios25.update26.reorder h1{
    padding-bottom: 0;
}
.premios25.update26.reorder h1 span.year {
    font-size: calc(var(--font-h1) * 3);
}
.premios25.update26.reorder .goldfish-content h2{
    margin-block-start: var(--spacing-20);
}
.premios25.update26.reorder .description{
    padding: var(--spacing-70);
    margin-block-start: var(--half-gutter);
}

.premios25.update26.reorder .description .introduction {
    font-size: var(--font-h5);
    line-height: 1.4;
}


@media screen and (min-width: 81.313em) {
    .premios25.update26.reorder .goldfish-content{
        flex-grow: 2.5;
    }
    .premios25.update26.reorder .description .flexbox {
        gap: var(--half-gutter);
    }
    .premios25.update26.reorder .description .column:first-child{
        flex: 1;
    }
    .premios25.update26.reorder .description .column:last-child{
        flex: 1;
        flex-grow: 2;
    }
}
@media screen and (min-width: 64.063em) {
    .premios25.update26.reorder:not(.gala) .goldfish .column {
        aspect-ratio: initial;
    }
}