/*--------------------------------------------------------------
CUSTOM CSS FOR PREMIOS 25
--------------------------------------------------------------*/
.premios25{
    --color-base: #121212;
    --premios-spring: #8FD1A3;
    --premios-egg: #FCCC82;
    --premios-salmon: #F4A190;
    --premios-ice: var(--color-tertiary);
    --premios-falls: #0DB2F0;
    --premios-smoke: #ADAEAD;
    --premios-violet: #9496D6;
    --radius: 16px;
    --width-wide: 88vw;
    --void: calc(var(--break) * 4);

    background-color: var(--color-silver);
}
.premios25 * + :where(p, ul, ol, h6, .h6-style) {
    margin-block-start: var(--spacing-40);
}
/*.premios25 .grid.col-system {
  --grid: repeat(var(--grid-columns), minmax( 0, calc((var(--width-wide) - (var(--grid-gutter) * (var(--grid-columns) - 1))) / var(--grid-columns))));
}
*/

/*----------------------------
TYPOGRAPHY
----------------------------*/
.premios25 header :where(h1, h2, h3, h4, h5, h6),
.premios25 main :where(h1, h2, h3, h4, h5, h6){
    font-family: 'Josefin Sans','Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 900;
    letter-spacing: -0.075ch;
}
.premios25 .footer{
    padding-top: calc(var(--break) * 2);
}
.premios25 :where(h1, h2, h3, h4, h5, h6) strong{
    font-weight: 900;
}
.premios25 h1{
    font-size: clamp(3.125rem, 0.208rem + 9.72vw, 7.5rem);
    line-height: 1;
    padding-bottom: 1.75rem;
}
.premios25.gala h1{
    color: var(--color-contrast);
    padding-bottom: 0;
}
.premios25 h1 span{
    font-size: clamp(1.875rem, 1.648rem + 1.14vw, 2.5rem);
    line-height: 1;
    font-weight: 300;
    margin-block-end: var(--spacing-20);
}
.premios25.gala h1 span{
    display: block;
    margin-block-end: 0;
    line-height: 1.1;
}
.premios25.gala h1 span:not(.year){
    letter-spacing: -0.07ch;
}
.premios25 h1 span.year{
    font-size: clamp(7.5rem, 6.591rem + 4.55vw, 10rem);
    font-weight: 200;
}
.premios25 h2{
    font-size: clamp(2.625rem, 2.08rem + 2.73vw, 4.125rem);
    line-height: 1;
}
.premios25 .goldfish-content h2{
    font-weight: 300;
    line-height: 1;
    font-size: clamp(2.375rem, 2.148rem + 1.14vw, 3rem);
    margin-block-start: auto;
}
.premios25 h3{
    font-size:  clamp(1.875rem, 1.648rem + 1.14vw, 2.5rem);
    line-height: 1.2;
    display: block;
}
.premios25 main p,
.premios25 header p{
    font-size: clamp(1rem, 0.688rem + 0.83vw, 1.313rem);
}


/*----------------------------
HEADER
----------------------------*/
.premios25 header{
    padding-top: var(--spacing-40);
    margin-block-end: var(--spacing-70);
}
.premios25 header .flexbox{
    padding: var(--spacing-50);
    background: var(--color-contrast);
    border-radius: var(--radius);
}
.premios25 header .logo{
    width: 100%;
    max-width: 260px;
}
.premios25 header nav{
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.premios25 header nav ul{
    gap: var(--spacing-40);
}
.premios25 header nav a{
    font-weight: 600;
    text-decoration: none;
    padding: var(--spacing-30) var(--spacing-40);
    background: rgba(30, 34, 170, 0.05);
    border-radius: calc(var(--radius) / 2);
}
.premios25 header nav a:hover,
.premios25 header nav a:focus{
    background-color: var(--color-primary);
    color: var(--color-contrast);
}



/*----------------------------
MAIN
----------------------------*/
.premios25.gala .goldfish {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-50) var(--spacing-70);
}
.premios25 .goldfish .flexbox{
    gap: var(--spacing-50) var(--spacing-70);
}
.premios25 .goldfish .column{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-radius: calc(var(--radius) * 2);
    padding:  var(--half-gutter);
    overflow: clip;
}
.premios25.gala .goldfish .column{
    padding: var(--spacing-70);
}
.premios25 .goldfish .column.goldfish-image{
    background-color: var(--color-primary);
    padding-bottom: 0;
}
.premios25.gala .goldfish .column.goldfish-form{
    display: inline;
    background-color: var(--color-primary);
    border-radius: calc(var(--radius) * 2);
    padding: var(--spacing-50);
    background: url('https://crmmarketingwebfiles.blob.core.windows.net/marketing-static-content/fotocasa-pro_landings/premios24_premios.jpg') no-repeat center center;
    background-size: cover;
}
.premios25.gala .goldfish .column.goldfish-form .wrapper{
    background: rgba(30, 34, 170, 0.65  );
    border-radius: var(--radius);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 2px solid rgba(30, 34, 170, 0.25);
    padding: var(--spacing-50);
    margin-inline: auto;
    color: var(--color-contrast);
}
.premios25.gala .goldfish .column.goldfish-form .wrapper input:not([type="checkbox"], [type="radio"], [type="submit"]), textarea, select{
    border-radius: 4px;
}
.premios25.gala .goldfish .column.goldfish-form .wrapper .button-primary:not(:is(:hover, :focus-visible)){
    background-color: var(--color-contrast);
    border: 1px solid var(--color-contrast);
    color: var(--color-primary);
}
.premios25.gala .goldfish .column.goldfish-form .wrapper .legal a:not(:is(:hover, :focus-visible)){
    color: var(--color-contrast);
    text-decoration: underline;
}
.premios25 .goldfish .goldfish-content{
    background-color: var(--color-tertiary);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.premios25.gala .goldfish .goldfish-content{
    background-color: var(--color-primary);
    justify-content: space-between;
    gap: var(--spacing-40);
}
.premios25.gala .goldfish .goldfish-content .date-location{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--color-contrast);
    line-height: 1.4;
    margin-block-start: var(--spacing-70);
}
.premios25.gala .goldfish .goldfish-content .date-location p{
    font-size: var(--font-h5);
    display: flex;
    gap: var(--spacing-20);
    margin-block-start: var(--spacing-30);
}
.premios25.gala .goldfish .goldfish-content .date-location span span{
    display: block;
    margin-block-start: var(--spacing-10);
    font-size: var(--font-base);
}
.premios25.gala .goldfish .goldfish-content .date-location a{
    color: var(--color-contrast);
    text-decoration: underline;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 3.5px;
}
.premios25.gala .goldfish .goldfish-content .date-location a:is(:hover, :focus-visible){
    color: var(--color-tertiary);
    text-decoration: none;
}
.premios25 .goldfish .goldfish-content .logo{
    max-width: 720px;
    width: 100%;
    margin-block-end: var(--spacing-10);
}
.premios25.gala .goldfish .goldfish-content .logo{
    margin-block-start: calc(var(--spacing-10) / 2);
    margin-block-end: calc(var(--spacing-10) / 2);
}
.premios25.gala .goldfish .goldfish-content .logo{
    filter: brightness(0) invert(1);
}
.premios25.gala .goldfish .goldfish-description{
    background-color: var(--color-contrast);
    border-radius: calc(var(--radius) * 2);
    padding: var(--spacing-70);
}
.premios25.gala .goldfish .goldfish-description h5{
    margin-block-start: var(--spacing-70);
}
.premios25 .description{
    background-color: var(--color-contrast);
    border-radius: calc(var(--radius) * 2);
    padding: var(--half-gutter);
}
.premios25 .description .introduction{
    font-size: clamp(1.188rem, 0.979rem + 0.69vw, 1.5rem);
}
.premios25 .participate{
    background-color: var(--color-primary);
    border-radius: calc(var(--radius) * 2);
    padding: var(--half-gutter);
    background: url('https://crmmarketingwebfiles.blob.core.windows.net/marketing-static-content/fotocasa-pro_landings/premios24_premios.jpg') no-repeat center center;
    background-size: cover;
}
.premios25 .participate *{
    color: var(--color-contrast);
}
.premios25 .participate .flexbox{
    max-width: 930px;
    width: 100%;
    background: rgba(30, 34, 170, 0.65  );
    border-radius: var(--radius);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    border: 2px solid rgba(30, 34, 170, 0.25);
    padding:  calc(var(--break) * 2);
    margin-inline: auto;
}
.premios25 .participate p a:not(:is(:hover, :focus-visible)){
    text-decoration: underline;
    text-decoration-color: var(--color-tertiary);
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
}
.premios25 .participate .downloads{
    margin-block-start: var(--spacing-60) !important;
}
.premios25 .participate .downloads li{
    line-height: 1.2;
}
.premios25 .participate .downloads li:first-child{
    padding-bottom: var(--spacing-50);
    line-height: 1.2;
}
.premios25 .participate .downloads a{
    text-decoration: none;
    display: grid;
    grid-template-columns: 56px auto;
    align-items: center;
    gap: 0 var(--spacing-20);
    position: relative;
    isolation: isolate;
    font-size: clamp(1.188rem, 1.104rem + 0.28vw, 1.313rem);
    color: var(--color-contrast);
    width: fit-content;
    padding-right: var(--spacing-50);
}
.premios25 .participate .downloads a::after{
    content:"";
    display: block;
    max-width: 52px;
    width: 100%;
    max-width: 56px;
    height: 56px;
    border-radius: 56px;
    background-color: var(--color-contrast);
    transition: max-width 0.5s;
    position: absolute;
    left: 0;
    top:0;
    z-index: -1;
}
.premios25 .participate .downloads a:hover,
.premios25 .participate .downloads a:focus{
    color: var(--color-primary);
}
.premios25 .participate .downloads a:hover::after{
    max-width: 100%;
    background-color: var(--color-tertiary);
}
.premios25 .participate .downloads i {
    display: flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
}
.premios25 .participate .downloads i svg{
    width: 20px;
    line-height: 20px;
    stroke:var(--color-primary);
}
.premios25 .participate img{
    max-height: 600px;
}
.ms_crm_trackingscript_base {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.premios25 .categories .slider-wrapper{
    overflow-x: hidden;
    padding: 0;
}
.premios25 .awards .swiper-slide{
    height: auto;
    background-color: var(--color-contrast);
    border-radius: var(--radius);
    overflow: clip;
}
.premios25 .awards .award-thumb{
    position: relative;
    display: flex;
    justify-content: center;
    padding-top: var(--spacing-40);
}
.premios25 .awards .award-spring .award-thumb{
    background-color: var(--premios-spring);
}
.premios25 .awards .award-egg .award-thumb{
    background-color: var(--premios-egg);
}
.premios25 .awards .award-salmon .award-thumb{
    background-color: var(--premios-salmon);
}
.premios25 .awards .award-ice .award-thumb{
    background-color: var(--premios-ice);
}
.premios25 .awards .award-falls .award-thumb{
    background-color: var(--premios-falls);
}
.premios25 .awards .award-smoke .award-thumb{
    background-color: var(--premios-smoke);
}
.premios25 .awards .award-violet .award-thumb{
    background-color: var(--premios-violet);
}
.premios25 .awards .award-thumb img {
    margin: 0;
    vertical-align: bottom;
    aspect-ratio: 1/1;
    width: clamp(9.375rem, 17.361vw + 4.167rem, 17.188rem);
    border-radius: var(--radius);
}
.premios25 .awards .award-thumb .logo-25{
    position: absolute;
    top: var(--spacing-30);
    right: var(--spacing-30);
}
.premios25 .awards .award-thumb .logo-25 img{
    max-width: 100px;
    border-radius: 0;
    aspect-ratio: initial;
}
.premios25 .awards .award-content {
    padding: var(--spacing-50);
}
.premios25 .awards .award-content h3{
    font-size: var(--font-h3);
    line-height: 1.2;
    letter-spacing: -0.05ch;
    font-weight: 700;
    text-transform: uppercase;
}
.premios25 .awards .award-content p{
    font-size: clamp(1rem, 0.955rem + 0.23vw, 1.125rem) !important;
}

/*----------------------------
SLIDER
----------------------------*/
.premios25 .slider-wrapper {
    margin-top: var(--spacing-50);
}
.premios25 .swiper-item {
    position: relative;
}
.premios25 .slider-buttons {
    display: flex;
    justify-content: flex-end;
    gap: var(--break);
}
.premios25 .slider-buttons svg {
    height: 3em;
    width: 3em;
    transition: all 0.35s ease-in-out;
}
.premios25 .swiper-btn-prev,
.premios25 .swiper-btn-next {
    display: flex;
    justify-content: center;
    align-items : center;
    border-radius: 50%;
    cursor: pointer;
}
.premios25 .swiper-btn-prev:is(:hover, :focus-visible) svg,
.premios25 .swiper-btn-next:is(:hover, :focus-visible) svg{
    fill: var(--color-tertiary);
}


@media screen and (min-width: 81.313em) {
    .premios25 .description .flexbox{
        gap: var(--gutter);
    }
    .premios25 .description .flexbox .column:last-child{
        flex-grow: 2.5;
    }
}
@media screen and (min-width: 75.063em) {
    .premios25.gala .goldfish .goldfish-content{
        grid-area: 1 / 1 / 2 / 2;
    }
    .premios25.gala .goldfish .goldfish-description{
        grid-area: 2 / 1 / 3 / 2;
    }
    .premios25.gala .goldfish .column.goldfish-form{
        grid-area: 1 / 2 / 3 / 3;
        padding: var(--spacing-70);
    }
    .premios25.gala .goldfish .column.goldfish-form .wrapper{
        position: sticky;
        top: 0;
    }
}
@media screen and (max-width: 81.25em) and (min-width: 75.063em) {
    .premios25 .description .flexbox{
        gap: var(--gutter);
    }
    .premios25 .description .flexbox .column:last-child{
        flex-grow: 2;
    }
}
@media screen and (max-width: 75em) and (min-width: 64.063em) {
    .premios25 header nav a{
        font-size: 1rem;
    }
}
@media screen and (min-width: 64.063em) {
    .premios25:not(.gala) .goldfish .column{
        flex: 1;
        aspect-ratio: 1/1;
    }
}
@media screen and (max-width: 75em) {
    .premios25 .description .flexbox{
        flex-direction: column;
        gap: 0 var(--spacing-60);
    }
    .premios25.gala .goldfish .goldfish-content {
        grid-area: 1 / 1 / 2 / 3;
    }
    .premios25.gala .goldfish .goldfish-description {
        grid-area: 2 / 1 / 3 / 3;
    }
    .premios25.gala .goldfish .column.goldfish-form {
        grid-area: 3 / 1 / 4 / 3;
    }
    .premios25.gala .goldfish .goldfish-content .date-location{
        margin-block-start: var(--spacing-50);
    }
}
@media screen and (max-width: 64em) {
    .premios25 .goldfish .flexbox{
        flex-direction: column;
    }
    .premios25 .description .grid{
        gap: 0;
    }
    .premios25 .description h3{
        margin-block-start: var(--spacing-50);
    }
    .premios25 .awards .award-thumb .logo-25 img{
        max-width: 80px;
    }
}
@media screen and (max-width: 48em) {
    .flow > * + *, .flow + .flow, .flow-top {
        margin-block-start: var(--half-gutter);
    }
    .premios25 .goldfish .column,
    .premios25.gala .goldfish .column,
    .premios25.gala .goldfish .goldfish-description{
        padding: var(--spacing-60);
    }
    .premios25 h1 span.year{
        font-size: clamp(3.125rem, 0.208rem + 9.72vw, 7.5rem);
    }
    .premios25 .goldfish-content h2 {
        font-size: clamp(1.875rem, 1.648rem + 1.14vw, 2.5rem);
        margin-block-start: var(--spacing-40);
    }
    .premios25 .description {
        padding-inline: var(--spacing-60);
    }
    .premios25 .categories > .capsule-wide > .flexbox{
        flex-direction: column;
    }
    .premios25 .categories h2{
        text-align: center;
    }
    .premios25 .categories .slider-buttons {
        justify-content: center;
        margin-block-start: var(--spacing-60);
    }
    .premios25 .participate{
        padding: var(--spacing-60);
    }
    .premios25.gala .goldfish .goldfish-content .date-location p{
        flex-direction: column;
        gap: calc(var(--spacing-10) / 2);
        margin-block-start: var(--spacing-50);
    }
}

@media only screen and (max-width: 30em) {
    .premios25 header,
    .premios25 main{
        --width-capsule: min(calc(100% - 3vmax), var(--width-full));
    }
    .premios25 .participate{
        padding: var(--spacing-50);
    }
}