/*==================================================
MÚSICA · LANZAMIENTO
====================================================*/

.music-page{

    min-height:100vh;

    padding-top:120px;

    background:

        radial-gradient(
            circle at center,
            rgba(200,154,74,.08),
            transparent 55%
        );

}


.music-release{

    min-height:calc(100vh - 120px);

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:80px 20px;

}


.music-content{

    width:min(1000px,94%);

    margin:auto;

}


.music-label{

    display:block;

    color:var(--dorado);

    font-size:.78rem;

    font-weight:600;

    letter-spacing:5px;

    text-transform:uppercase;

    margin-bottom:30px;

}


.music-content h1{

    font-family:var(--titulo);

    font-size:clamp(3.5rem,8vw,6.5rem);

    font-weight:600;

    line-height:.95;

    letter-spacing:1px;

    margin-bottom:25px;

    text-shadow:

        0 15px 45px rgba(0,0,0,.6);

}


.music-intro{

    color:#cfcfcf;

    font-size:1.2rem;

    font-weight:300;

    margin-bottom:55px;

}


/*==============================
CONTADOR
==============================*/

.release-countdown{

    transition:

        opacity .6s ease,

        transform .6s ease;

}


.countdown-title{

    color:#929292;

    font-size:.75rem;

    letter-spacing:4px;

    text-transform:uppercase;

    margin-bottom:25px;

}


.countdown-grid{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

}


.countdown-item{

    min-width:105px;

}


.countdown-item span{

    display:block;

    font-family:var(--titulo);

    font-size:clamp(2.8rem,6vw,5rem);

    color:var(--blanco);

    line-height:1;

}


.countdown-item small{

    display:block;

    color:var(--dorado);

    font-size:.65rem;

    letter-spacing:3px;

    margin-top:12px;

}


.countdown-separator{

    font-family:var(--titulo);

    color:var(--dorado);

    font-size:3rem;

    padding-bottom:25px;

}


.release-date{

    margin-top:35px;

    color:var(--dorado-claro);

    font-size:.85rem;

    font-weight:600;

    letter-spacing:4px;

}


/*==============================
VIDEO
==============================*/

.release-video{

    display:none;

    opacity:0;

    transform:translateY(30px);

    transition:

        opacity .8s ease,

        transform .8s ease;

}


.release-video.visible{

    display:block;

    opacity:1;

    transform:translateY(0);

}


.video-wrapper{

    position:relative;

    width:100%;

    max-width:900px;

    margin:50px auto 0;

    aspect-ratio:16 / 9;

    overflow:hidden;

    background:#000;

    box-shadow:

        0 25px 70px rgba(0,0,0,.55),

        0 0 35px rgba(200,154,74,.12);

}


.video-wrapper iframe{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    border:0;

}


/*==============================
FRASE
==============================*/

.music-quote{

    max-width:650px;

    margin:55px auto 0;

    color:#8e8e8e;

    font-size:.95rem;

    font-weight:300;

    letter-spacing:1px;

    line-height:1.8;

}


/*==================================================
MÚSICA · MOBILE
====================================================*/

@media(max-width:768px){

    .music-page{

        padding-top:100px;

    }


    .music-release{

        min-height:calc(100vh - 100px);

        padding:70px 20px 50px;

    }


    .music-label{

        font-size:.65rem;

        letter-spacing:3px;

        margin-bottom:25px;

    }


    .music-content h1{

        font-size:3rem;

        line-height:1;

    }


    .music-intro{

        font-size:1rem;

        margin-bottom:45px;

    }


    .countdown-grid{

        gap:7px;

    }


    .countdown-item{

        min-width:58px;

    }


    .countdown-item span{

        font-size:2.2rem;

    }


    .countdown-item small{

        font-size:.52rem;

        letter-spacing:1px;

        margin-top:8px;

    }


    .countdown-separator{

        font-size:1.7rem;

        padding-bottom:18px;

    }


    .release-date{

        font-size:.7rem;

        letter-spacing:2px;

        margin-top:28px;

    }


    .music-quote{

        margin-top:40px;

        font-size:.85rem;

    }

}