@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap');

/* font-family: 'Quicksand', sans-serif; */


/* font-family: 'Red Hat Display', sans-serif;  */

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #ffff !important;
}

body {
    background: #FAFAFA;
}

.color-nav {
    background: #FFFFFF!important;
}

.nav-link {
    font-family: 'Quicksand', sans-serif !important;
    color: #606060 !important;
}

.active {
    color: #2D3336 !important;
}

.color-titulo {
    font-family: 'Quicksand', sans-serif !important;
    color: #7D0000!important;
    font-weight: 700;
}

.color-titulo-seccion {
    font-family: 'Quicksand', sans-serif !important;
    color: #2F4858!important;
}

.subtitulo {
    font-family: 'Quicksand', sans-serif !important;
    color: #2F4858!important;
    font-size: 13px;
    font-weight: 600;
}

.sm-cuerpo {
    border-radius: 10px;
    background-color: #FFFFFF;
    height: auto;
}



.color-cuerpo {
    font-family: 'Red Hat Display', sans-serif !important;
    color: #2F4858!important;
}

.espacio-btn {
    display: flex;
}

.mpro-10 {
    margin-right: 10% !important;
}

.card-link {
    color: #7D0000!important;
}

.card-link:hover {
    color: #c00202!important;
}

.btn-crear-py,
.btn-crear-py:active {
    color: white !important;
    background-color: #30ad84;
    border-radius: 25px !important;
}

.btn-crear-py:hover {
    color: white !important;
    background-color: #1e684f;
    border-radius: 25px !important;
}

.btn-crear-wq,
.btn-crear-wq:active {
    color: white !important;
    background-color: #8c63f3;
    border-radius: 25px !important;
}

.btn-crear-wq:hover {
    color: white !important;
    background-color: #5f45a0;
    border-radius: 25px !important;
}

.etiqueta {
    margin-bottom: -5px;
    width: 20%;
    margin-left: 80%;
    padding-left: 5%;
    color: #FAFAFA;    
}

.WebQuest {
    background-color: #30ad84;
}

.Proyecto {
    background-color: #8c63f3;
}

.custom-control-label {
    color: #7D0000 !important;
}

.contenedor-opc {
    margin: 10px auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
}

.custom-switch {
    display: inline;
}

.opc-tab-cel {
    margin-right: 20px;
}


.h-linkedin:hover {
    color: #0A66C2;
}

.h-youtube:hover {
    color: #FF0000;
}

.h-facebook:hover {
    color: #1B74E4;
}

.h-instagram:hover {
    color: #7241EE;
}

.h-twitter:hover {
    color: #00A7E7;
}

@media only screen and (max-width: 730px) and (min-width: 340px) {
    .opc-tab-cel {
        font-size: 13px !important;
        margin-right: -2px;
    }
    .etiqueta {
        width: 30%;
        margin-left: 70%;
        padding-left: 1%;
    }
}