/* ! SELECCION =========================================== */

/* INDICE
*
*   .fondo__dibujos (estilos-fepbatesba.css)
*       #contenedor__seleccion
*           #contenedor-pruebas__seleccion
*               .boton-prueba__seleccion
*                   .icono_prueba__seleccion
?                   Iconos Activos
*                   .icono_matematica
*                   .icono_pdl
*                   .icono_lyl
*                   .icono_cuestionario
?                   Iconos No Activos
*                   .icono_matematica-off
*                   .icono_pdl-off
*                   .icono_lyl-off
*                   .icono_cuestionario-off
! -------------- Pseudo Clases -------------- !
*               .boton-prueba__seleccion:hover && focus
*               .boton-prueba__seleccion:active
*                   .boton-prueba__seleccion:hover && focus > h5
*                   .boton-prueba__seleccion:hover && focus > span
! -------------- Media Queries -------------- !
? -------------- 600px -------------- ?
*           #contenedor-pruebas__seleccion
*
*/

#contenedor__seleccion {
    max-width: 1140px;
    margin: 0 auto;
    padding: 2rem;
    border-radius: 0.25rem;
    background-color: #fff;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

    #contenedor-pruebas__seleccion {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        margin: 1rem 0;
    }

        .boton-prueba__seleccion {
            text-align: center;
            text-decoration: none;
            padding-top: 1.5rem;
            padding-bottom: 0.75rem;
            color: #333;
            border-radius: 6px;
            position: relative;
            display: block;
        }

            .icono_prueba__seleccion{
                background-repeat: no-repeat;
                background-position: center center;
                color: #fff;
                text-align: center;
                margin: 0 auto 24px auto;
                width: 112px;
                height: 112px;
                border-radius: 56px;
                position: relative;
                display: block;
            }

            /* ICONOS ACTIVOS */

            .icono_matematica, .icono_1_1 {
                background-image: url("../img/iconoc-eval/mate-active.png");
            }
            .icono_pdl, .icono_5_1{
                background-image: url("../img/iconoc-eval/pdl-active.png");
            }
            .icono_lyl, .icono_2_1 {
                background-image: url("../img/iconoc-eval/lyl-active.png");
            }
            .icono_cuestionario, .icono_3_1, .icono_4_1  {
                background-image: url("../img/iconoc-eval/cuestionario-active.png");
            }


            /* ICONOS NO ACTIVOS */

            .icono_matematica-off, .icono_1_0 {
                background-image: url("../img/iconoc-eval/mate-off.png");
            }
            .icono_pdl-off, .icono_5_0{
                background-image: url("../img/iconoc-eval/pdl-off.png");
            }
            .icono_lyl-off, .icono_2_0 {
                background-image: url("../img/iconoc-eval/lyl-off.png");
            }
            .icono_cuestionario-off, .icono_3_0, .icono_4_0 {
                background-image: url("../img/iconoc-eval/cuestionario-off.png");
            }


        /* PSEUDO CLASES DE .boton-prueba__seleccion */

        .boton-prueba__seleccion:hover,
        .boton-prueba__seleccion:focus {
            background-color: #f1f1f1;
            text-decoration: none;
            color: #333;
        }

        .boton-prueba__seleccion:active {
            background-color: #e5e5e5;
            color: #333;
            text-decoration: none;
        }

            .boton-prueba__seleccion:hover h5,
            .boton-prueba__seleccion:focus h5 {
            font-weight: 550;
            }

            .boton-prueba__seleccion:hover span,
            .boton-prueba__seleccion:focus span{
                transform: scale(1.05);
            }

@media (max-width: 600px){

    #contenedor-pruebas__seleccion {
        grid-template-columns: 1fr;
    }

}

/* ! FIN SELECCION =========================================== */

#contenido__introduccion{
    text-align: center;
}