@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Condensed:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap');

.plandecontinuidad_blackboard {
    font-family: 'Fira Sans Condensed', sans-serif;
}

.relative {
    position: relative;
    float: left;
    width: 100%;
}

.header {
    margin-top: 25px;
}

.header .titulo {
    text-align: center;
    font-size: 30px;
    font-weight: 900;
}

.header .intro_video,
.header .intro {
    font-size: 16px;
    margin-top: 6px;
    margin-bottom: 65px;
}

.header .video {
    text-align: center;
    margin-bottom: 25px;
}

.titulo_categoria {
    font-size: 40px;
    color: #000000;
    font-weight: 400;
    text-transform: uppercase;
    border-bottom: 1px solid #BBBBBB;
}

.lista_seccion {
    margin-bottom: 60px;
}

.lista_items {
    margin-top: 25px;
}

.lista_items .nombre {
    color: #6D3586;
    font-weight: 900;
    margin-bottom: 6px;
    font-size: 20px;
    text-transform: uppercase;
}

.lista_items .intro {
    color: #555555;
    font-size: 14px;
}

.lista_items .boton_item {
    background-image: url(oie_Y8E3rCOLy6K4.png);
    font-size: 19px;
    font-weight: 500;
    border: 2px solid #252525;
    width: 200px;
    text-align: center;
    padding: 3px;
    margin-top: 11px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-size: 29px;
    background-position: 96% 3px;
    cursor: pointer;
}


.banner_tutorial.relative {
    background-color: #6d3686;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    padding: 25px;
    padding-bottom: 50px;
}

.banner_tutorial .titulo {
    text-align: center;
    font-size: 40px;
    font-weight: 900;
    letter-spacing: 5px;
    margin-top: 20px;
}

.banner_tutorial .presentacion > div {
    margin: 0 auto;
}

.solicita.relative {
    background-color: #800113;
    color: #ffff;
    padding-bottom: 50px;
    padding-top: 30px;
    text-align: center;
}


.solicita .icon img {
    width: 200px;
}

.solicita .titulo {
    text-align: center;
    font-size: 60px;
    font-weight: 900;
    letter-spacing: 3px;
    margin-top: 20px;
    text-transform: uppercase;
}


.solicita .mensaje {
    width: 930px;
    margin: 0 auto;
    padding: 12px;
}

.solicita .mensaje p, .mensaje a {
    font-size: 23px;
    color: #fff;
}

.lista_items .item {
    margin-bottom: 30px;
}

.boton_amplicar a{
    display: block; 
    color: #fff; 
    background-color: #8e47b2; 
    text-align: center; 
    padding: 8px; 
    text-decoration: underline !important; 
    font-weight: 600; 
    font-family: 'Fira Sans', sans-serif;
}

#ModalItem h4.modal-title {
    font-family: 'Fira Sans Condensed', sans-serif;
}

div#ModalItem iframe {
    height: 700px;
    border: 0px;
}

.lista_seccion .intro_video {
    margin-bottom: 38px;
    margin-top: 20px;
}

.lista_seccion .video video {
    height: 360px;
}
.lista_seccion .video {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 10px;
}

.nombre.apartado_1317 {
    color: #159386 !important;
}

.nombre.apartado_1324,
.nombre.apartado_1325 {
    color: #ea9d32;
}

@media only screen and (max-width: 768px) and (min-width: 300px)  {
    .header.relative {
        padding: 15px;
    }

    .header .intro_video, .header .intro {
        font-size: 14px;
    }

    .video video {
        width: 100%;
    }

    .lista_secciones.relative {
        padding: 15px;
        padding-top: 0px;
    }

    .presentacion > div {
        width: 100% !important;
    }

    .solicita .icon img {
        width: 120px;
    }

    .solicita .titulo {
        font-size: 30px;
    }

    .solicita .mensaje p, .mensaje a{
        font-size: 20px;
    }

    .solicita .mensaje {
        width: 100%;
    }
}

@media (min-width: 576px){
    #ModalItem .modal-dialog {
        max-width: 60%;
    }
}



.content_item_tab {
    padding-bottom: 15px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.item_tab {
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_tab button.activate {
    background-color: #4d4d4d;
    color: #fff;
    border: 1px solid #4d4d4d;
}

.item_tab button {
    background-color: #fff;
    color: #4d4d4d;
    border-radius: 20px;
    padding: 9px;
    padding-left: 17px;
    padding-right: 17px;
    font-weight: 700;
    font-size: 19px;
    font-family: 'Montserrat';
    margin-left: 30px;
    margin-right: 30px;
    cursor: pointer;
    border: 1px solid #4d4d4d;
    width: 200px;
}

.contenedor_tab.activate {
    display: block !important;
}
.contenedor_tab {
    display: none;
}


.icon_registro_soporte img {
    width: 247px;
}
.icon_registro_soporte {
    margin-top: 50px;
}


@media only screen and (max-width: 768px) and (min-width: 300px)  {

    .item_tab button {
        font-size: 17px;
        margin-left: 4px;
        margin-right: 4px;
        cursor: pointer;
    }

    section.noticias.comunicado_institucional {
        margin-top: 0px !important;
    }

    .item_comunicado .fecha {
        padding: 2px;
        margin-bottom: 5px;
        width: 100%;
    }

    .cintillo {
        padding: 15px !important;
    }

    .cintillo .colaborador .titulo_colaborador {
        margin-bottom: 20px !important;
    }
}
/*cadena de solidaridad*/
.boton_apoyar{
    background-color: #C90B0E;
    margin: 40px 0;
    color: #fff;
    width: 620px;
    margin: auto;
    border-radius: 22px;
    padding: 8px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
}
.boton_donativo{
    background-color: #C90B0E;
    margin: 40px 0;
    color: #fff;
    width: 620px;
    margin: auto;
    border-radius: 22px;
    padding: 8px 0;
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    cursor: pointer;
}
.boton_donativo a{
    color: #fff;
    font-size: 20px;
}
.cadena_solidaridad .intro_video p{
    font-weight: 400;
    font-size: 18px;
    color: #666666;
}
.cadena_sol_formulario{
    display: none;
    width: 100%;
}
.formulario_colaborador{
    width: 100%;
    border: 1px solid #c5c5c5;
    margin: 20px auto;
    padding: 40px 20px;
    background-color: #fff;
}
.formulario_colaborador label{
    width: 39%;
    text-align: right;
    margin-right: 15px;
    font-weight: 400;
    font-size: 20px;
    color: #666666;
}
.formulario_colaborador input{
    background-color: #f7f7f7;
    color: #4D4D4D;
    border: 0px;
}
.formulario_colaborador .cadena_cuenta, .formulario_colaborador .cadena_cuenta a{
    font-size: 34px;
    font-weight: 500;
    color: #4c4c4c;
}
.cadena_sol_formulario .cadena_nota{
    font-size: 18px;
    font-weight: 400;
    color: #666666;
}
.formulario_colaborador .boton_enviar{
    background-color: #C90B0E;
    width: 350px;
    border-radius: 22px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    padding: 5px 0;
    margin: 40px auto 0px auto;
    text-align: center;
}

.cintillo .colaborador .titulo_colaborador {
    margin-bottom: 23px;
    margin-top: 38px;
}

.cadena_solidaridad .titulo_colaborador {
    font-size: 30px !important;
    text-align: center;
    color: #e20326 !important;
    font-weight: 500 !important;
    font-style: italic;
    width: 400px;
    margin: 0 auto;
    margin-bottom: 15px;
}

.cintillo p {
    font-size: 16px !important;
    font-style: italic;
    width: 620px;
    margin: 0 auto;
    margin-bottom: 24px;
}


.cintillo p{
    font-weight: 400;
    font-size: 18px;
    color: #666666;
}
.cintillo{
    padding: 40px;;
}
@media (max-width: 1300px){	.boton_donativo, .cintillo p {		width: 100%;	}	}
@media (max-width: 420px){
    .formulario_colaborador .boton_enviar{
        width: 90%;
    }
    .formulario_colaborador{
        width: 95%;
    }
    .cadena_sol_formulario .cadena_nota, .cadena_solidaridad .intro_video{
        width: 95%;
        margin: auto;
    }
    .formulario_colaborador label {
        width: 100%;
        text-align: center;
        margin-top: 20px;;
    }
    .formulario_colaborador input{
        width: 100%;
        margin: auto;
    }
}
.loaderImage{
	display:none;
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 1;
	background: #000;
	opacity: .5;
}
.loaderImage img{
	position: fixed;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 62px;
}


.mensaje_intro {
    margin-bottom: 14px;
    font-size: 15px;
    text-align: center;
}

select#input_soporte, select#input_perfil {
    height: 34px;
    -webkit-appearance: none;
    padding-left: 19px;
    width: 100%;
    background: url(https://upaep.mx/estudiantes_v2/src/images/FlechaBajar_obscura.svg);
    background-repeat: no-repeat;
    background-position: 96% 12px;
    background-size: 13px;
    background-color: #fff;
    border: 1px solid #ced4da;
    margin-bottom: 10px;
    color: #6c757d;
}

.userdata_soporte input {
    margin-bottom: 10px;
}

button#ingresar_soporte {
    margin: 0 auto;
    width: 200px;
    display: flex;
    text-align: center;
    background-color: #28a745;
    color: #fff;
    padding: 12px;
    border: 0px;
    border-radius: 29px;
    text-align: center;
    justify-content: center;
    margin-top: 22px;
    cursor: pointer;
    font-size: 18px;
    text-transform: uppercase;
}

.mensaje_brumildo .title_b{
    display: block;
    color: #DE0228;
    text-align: center;
    margin-bottom: 5px;
    font-size: 47px;
    font-weight: 900;
    font-family: 'Fira Sans Condensed', sans-serif;
    letter-spacing: 3px;
}

.mensaje_brumildo .intro_1_b{
    display: block;
    color: #414A52;
    text-align: center;
    margin-top: 10px;
    font-size: 38px;
    font-weight: 900;
    font-family: 'Fira Sans Condensed', sans-serif;
    margin-bottom: 17px;
}

.img_b {
    text-align: center;
}

.img_b img {
    width: 140px;
}

.mensaje_brumildo .title_s_1_b {
    display: block;
    color: #414A52;
    text-align: center;
    margin-bottom: 20px;
    font-weight: 800;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 32px;
}

.mensaje_brumildo .intro_2_b p{
    display: block;
    color: #414A52;
    text-align: center;
    margin-bottom: 2px;
    font-weight: 400;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 15px;
}

.mensaje_brumildo .title_s_2_b{
    display: block;
    color: #414A52;
    text-align: center;
    margin-bottom: 2px;
    font-weight: 600;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 24px;
    margin-top: 21px;
}

.imagen_brumildo {
    margin-top: 45px;
}

.introduccion_v2_solidaridad{
    font-size: 23px !important; 
    text-align: center;
}


@media only screen and (max-width: 768px) and (min-width: 300px)  {

    .cadena_solidaridad .intro_video p {
        font-size: 16px;
        text-align: center;
    }

    .imagen_brumildo {
        margin-top: 0px;
    }

    .content_brumildo {
        padding: 10px !important;
    }

    .mensaje_brumildo .intro_2_b p {
        font-size: 13px;
    }

    .mensaje_brumildo .intro_1_b {
        font-size: 30px;
    }

    .imagen_brumildo {
        padding: 34px;
        padding-top: 0px;
    }

    .introduccion_v2_solidaridad{
        font-size: 20px !important; 
    }

}