/* CONTENEDORES PRINCIPALES */

#gol-auth-container,
#gol-game-container{
    border:2px solid #FF6600 !important;
    box-shadow:0 10px 25px rgba(0,0,0,0.1);
    background:#fff;
    transition:all 0.3s ease;
    max-width:100%;
    box-sizing:border-box;
}


/* BOTONES DE LA MARCA */

.btn-caesars{
    background-color:#FF6600;
    color:white;
    text-transform:uppercase;
    font-weight:bold;
    border:none;
    border-radius:8px;
    padding:15px;
    cursor:pointer;
    transition:transform 0.1s ease, background 0.3s ease;
}

.btn-caesars:hover{
    background:#e65c00;
}

.btn-caesars:active{
    transform:scale(0.97);
}

.btn-caesars:disabled{
    opacity:0.6;
    cursor:not-allowed;
}


/* TRIVIA */

.trivia-btn{
    background:#222 !important;
    border:2px solid transparent !important;
    margin-bottom:12px;
    font-size:16px;
    text-align:center;
    width:100%;
    display:block;
    padding:14px;
    border-radius:6px;
    color:#fff;
}

.trivia-btn.correct-ans{
    background-color:#46b450 !important;
    border-color:#fff !important;
}

.trivia-btn.wrong-ans{
    background-color:#dc3232 !important;
    border-color:#fff !important;
}


/* BARRA DE DECIBELES */

#db-bar{
    background:linear-gradient(90deg,#FFCC00 0%,#FF6600 100%);
    border-radius:10px;
    box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);
}


/* RESULTADOS */

#summary-points{
    border-left:5px solid #FF6600;
    line-height:1.6;
}

#summary-points p{
    margin:8px 0;
    font-size:16px;
}


/* BOTONES ADMIN */

.button-primary[href*="validar"]{
    background:#46b450 !important;
    border-color:#46b450 !important;
    box-shadow:none !important;
    text-shadow:none !important;
}

.button[href*="invalidar"]{
    color:#dc3232 !important;
    border-color:#dc3232 !important;
}


/* FEEDBACK TRIVIA */

#trivia-feedback{
    text-transform:uppercase;
    animation:popIn 0.3s ease-out;
}

@keyframes popIn{
    0%{transform:scale(0.5);opacity:0;}
    100%{transform:scale(1);opacity:1;}
}


/* RESPONSIVE */

@media (max-width:600px){

    #gol-auth-container,
    #gol-game-container{
        padding:20px !important;
    }

    .btn-caesars{
        font-size:16px;
    }

}