/*** Card de seleção de frases para treino ***/

#card-selecao-treino {
    display: flex;
    flex-direction: column;
    align-items: center;

    border: 0.25vw solid black;
    background-color: white;
    border-radius: 1.5vw;

    box-shadow:
        0.3vw 0.4vw 1vw 0.6vw #3131315d,
        0.3vw 0.4vw 1vw 0.3vw #3131315d;

    transition: box-shadow 0.2s ease;

    width: fit-content;
    min-width: max-content;

    gap: 1.2vh;
    z-index: 2000;

    /* position: fixed;
    left: 50%;
    bottom: 1.8vh; */

    position: fixed;
    left: 50%;
    bottom: 1.8vh;

    transform: translateX(-50%) translateY(10px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

}

/* Ocultar Card de Seleção de treino inicialmente */
#card-selecao-treino {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

#card-selecao-treino .header {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;

    gap: 0.8vw;
    width: 100%;

    font-size: 3.3vw;
    font-weight: 600;
    font-family: Roboto, Arial, sans-serif;

    background-color: rgb(0, 211, 140);
    border-radius: 1.2vw 1.2vw 0 0;
}

/* Ícone do cabecalho */
#card-selecao-treino .header span {
    font-size: 5.5vw;
}

#card-selecao-treino .instrucoes {
    font-family: Arial, sans-serif;
    font-size: 3.3vw;
    line-height: 1.1;
    margin-top: 0.8vw;
    padding: 1vw 2vw;
}

#card-selecao-treino .botoes-acao {
    display: flex;
    justify-content: center;

    gap: 2vw;

    width: 100%;
    margin-top: 0.6vw;
    padding: 2vw 2.3vw;

    border-top: 0.25vw solid #bcbcbc;
    border-radius: 0 0 1.2vw 1.2vw;

    background: #f3f3f3;
}

#card-selecao-treino .botoes-acao button {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;

    gap: 0.8vw;

    font-family: Roboto, Arial, sans-serif;
    font-size: 3.5vw;
    font-weight: 500;

    padding: 0.7vw 0;
    border: 0.34vw solid rgb(0, 155, 104);
    color: rgb(0, 163, 109);
    background-color: rgb(182, 255, 231);

    border-radius: 3.4vw;

    width: 24vw;
}

#card-selecao-treino .botoes-acao button:hover {
    transform: scale(1.05);
    cursor: pointer;
    color: #0000f7;

    box-shadow:
        0.3vw 0.4vw 1vw 0.6vw #5959595d,
        0.3vw 0.4vw 1vw 0.3vw #5959595d;

    transition:
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

#card-selecao-treino .botoes-acao button span {
    font-size: 5vw;
    font-weight: 500;
    color: black;
}

.espaco-linhas {
    padding: 0.4vh;
}

/* .oculto {
    display: none !important;
} */

.oculto {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.hr-ou-hr {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1vw;

    padding: 0.6vw;
    color: #8b8b8b;
    font-weight: 500;
    width: 100%;
}

.hr-ou-hr hr {
    width: 100%;
    border: 0;
    height: 0.21vw;
    margin-bottom: 0.5vw;
    background-color: rgb(107, 107, 107);
}

.instrucoes .instrucao-1 {
    margin-bottom: 1.2vh;
}

.instrucoes>* {
    line-height: 1.3;
}

.instrucoes .instrucao-1 {
    font-weight: 600;
}

.frase-treino {
    margin-left: -0.6vw;
    padding-left: 0.6vw;
    padding-right: 0.6vw;

    /* background: rgb(242, 242, 217); */
    border: 0.15vw solid rgb(118, 118, 118);
    border-radius: 0.6vw;
    box-shadow: rgba(45, 45, 45, 0.5) 0.8vw 0.6vw 0.8vw;

    transition: 0.2s;
}