@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap');

/* CONTENEDOR */

.ep-wrap{

    max-width:1200px;

    margin:50px auto;

    background:#FFFFFF;

    border-radius:30px;

    padding:40px;

    box-shadow:0 20px 60px rgba(24,56,99,.08);

    border:2px solid #EEF2F7;

    font-family:'Poppins',sans-serif;
}

/* TITULO */

.ep-title{

    font-family:'Baloo 2',cursive;

    font-size:52px;

    line-height:1.1;

    color:#183863;

    margin-bottom:15px;
}

/* DESCRIPCION */

.ep-text{

    color:#5F6C8C;

    font-size:17px;

    line-height:1.8;

    margin-bottom:35px;
}

/* PREGUNTAS */

.ep-question{

    background:#FFFFFF;

    border:2px solid #EAE4F8;

    border-radius:24px;

    padding:25px;

    margin-bottom:25px;

    transition:.3s;
}

.ep-question:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(24,56,99,.08);
}

.ep-type{

    display:inline-block;

    background:#FFF1F1;

    color:#FF6B6B;

    padding:8px 15px;

    border-radius:50px;

    font-family:'Baloo 2',cursive;

    font-size:13px;

    margin-bottom:12px;
}

.ep-question b{

    display:block;

    font-family:'Baloo 2',cursive;

    font-size:24px;

    color:#183863;

    margin-bottom:18px;

    line-height:1.4;
}

/* OPCIONES */

.ep-question label{

    display:block;

    padding:15px 18px;

    margin-top:12px;

    border:2px solid #EAE4F8;

    border-radius:18px;

    cursor:pointer;

    transition:.25s;

    color:#183863;

    background:#FFFFFF;
}

.ep-question label:hover{

    border-color:#2FC9C6;

    background:#F3FCFC;
}

.ep-question input[type="radio"]{

    margin-right:10px;

    accent-color:#2FC9C6;
}

/* BOTON */

.ep-btn{

    width:100%;

    border:none;

    background:#FF6B6B;

    color:#FFFFFF;

    padding:18px;

    border-radius:22px;

    font-family:'Baloo 2',cursive;

    font-size:22px;

    cursor:pointer;

    transition:.3s;

    margin-top:15px;

    box-shadow:0 10px 25px rgba(255,107,107,.25);
}

.ep-btn:hover{

    background:#FF5A5A;

    transform:translateY(-3px);
}

/* RESULTADOS */

.ep-result{

    margin-top:40px;
}

.ep-card-result{

    padding:20px;

    border-radius:20px;

    margin-bottom:15px;

    line-height:1.8;
}

.ep-card-result.correct{

    background:#F0FCFB;

    border:2px solid #2FC9C6;
}

.ep-card-result.incorrect{

    background:#FFF1F1;

    border:2px solid #FF6B6B;
}

/* PUNTAJE */

.ep-score{

    margin-top:30px;

    text-align:center;

    font-family:'Baloo 2',cursive;

    font-size:42px;

    color:#183863;
}

/* MOBILE */

@media(max-width:768px){

    .ep-wrap{

        padding:25px;
    }

    .ep-title{

        font-size:36px;
    }

    .ep-question b{

        font-size:20px;
    }

    .ep-btn{

        font-size:18px;
    }

}