/*
Arquivo: /wp-content/themes/cancao/style.css
Gerado em: 2026-05-04 10:30

Finalidade:
1. Definir layout centralizado e responsivo
2. Criar visual moderno estilo Spotify
3. Ajustar imagem para mobile e desktop
4. Estilizar player e controles
5. Garantir experiência fluida e leve
6. Aplicar tipografia e cores do projeto
*/

*{margin:0;padding:0;box-sizing:border-box;}

body{
background:#000;
color:#fff;
font-family:'Montserrat',sans-serif;
}

.cv-main{
min-height:100vh;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
}

.cv-logo{
width:90vw;
max-height:60vh;
object-fit:contain;
}

/* TEXTO */
.cv-aguarde{
font-size:2.5rem;
color:#FFD700;
font-weight:900;
}

.cv-frase{
font-size:1.2rem;
}

/* PLAYER */
.cv-player{
width:90%;
max-width:420px;
margin-top:20px;
padding:20px;
background:rgba(255,255,255,0.05);
border-radius:20px;
}

/* CAPA */
.cv-cover{
width:100%;
border-radius:15px;
margin-bottom:15px;
}

/* CONTROLES */
.cv-controls{
display:flex;
justify-content:space-around;
margin:10px 0;
}

.cv-controls button{
font-size:28px;
border:none;
background:none;
color:#fff;
}

/* PROGRESSO */
.cv-progress{
height:6px;
background:#333;
margin:10px 0;
cursor:pointer;
}

.cv-bar{
height:100%;
width:0;
background:#FFD700;
}

/* TEMPO */
.cv-time{
display:flex;
justify-content:space-between;
font-size:12px;
}

/* DESKTOP */
@media(min-width:768px){
.cv-logo{height:80vh;width:auto;}
.cv-aguarde{font-size:4rem;}
}