/*
Folha de Estilos para academiadeacessibilidade.com.br (área de desafios)
Autor: Marcelo Sales
*/

/* ------------- Padrão ------------- */

.hero-desafios { margin: 0; padding: 0; }
.hero-desafios img.destaque { position: absolute; transform: rotateZ(3deg); top: .5rem; }

.quad-desafios { padding: 0 1rem 1.5rem 1rem; min-height: 390px; }
.quad-desafios img { padding-top: 1rem; }
.quad-desafios p.data { font-size: 1rem; margin-bottom: 1.5rem; }

.quad-desafios h3 { padding: 0!important; }
.quad-desafios p { margin: 0 .5rem .5rem .5rem; }
.quad-desafios .desafio-numero { font-size: 1rem; margin-top: .5rem; display: block; }

.quad-desafios-ninja { border: none; background-color: transparent; }

.btn-desafio-respostas { margin: 2rem 1rem 0 1rem; }

#desafios .modaal-content-container { padding: 1rem 3rem 2rem 3rem; }
#desafios .modaal-container ul li { margin-bottom: .8rem; }
#desafios .modaal-container .destaque-block { border-left: 10px solid var(--cor-padrao); padding: 0 0 0 12px; color: var(--cor-texto-secundaria); }
#desafios .modaal-container ol,
#desafios .modaal-container ul { padding-left: 0!important; list-style: none; }

.info-estrelas { margin: .7rem 0 0 2.3rem; }

/* Cores */
.quad-desafios.bg-papo-de-ux h3,
.quad-desafios.bg-papo-de-ux p,
.quad-desafios.bg-papo-de-ux .desafio-numero { color: var(--cor-padrao)!important; }

.quad-desafios.bg-pantone h3,
.quad-desafios.bg-pantone p,
.quad-desafios.bg-pantone .desafio-numero { color: var(--cor-texto-destaque)!important; }

/* ------------- Parceiros ------------- */

.bg-papo-de-ux { background-color: #FAEA02; }
.bg-pantone { background-color: #a67766; }
.bg-ux-collective { background-color: #00cffd; }
.bg-ninatalks { background-color: #d97d97; }


/* ------------- MEDIA QUERIES ------------- */

@media (max-width: 575.98px) {

    .btn-desafio, .btn-desafio:hover, .btn-desafio:focus { font-size: .8rem; }

}