/*----* Paleta de colores *----*/
:root {
    --color-1: #031926;
    --color-2: #145575;
    --color-3: #61a4d6;
    --color-4: #468189;
    --color-5: #77aca2;
    --color-6: #d6e8e5;
    --color-gris-1: #dcdcdc;
    --color-gris-2: #708090;
    --color-gris-3: #cccccc;
    --color-blanco: #ffffff;
    --color-negro: #000000;
    --font-family-1: 'Red Hat Display', sans-serif;
}
.bgColor1 {
    background-color: var(--color-1) !important;
}
.bgColor2 {
    background-color: var(--color-2) !important;
}
.bgColor3 {
    background-color: var(--color-3) !important;
}
.bgColor4 {
    background-color: var(--color-4) !important;
}
.bgColor5 {
    background-color: var(--color-5) !important;
}
.bgColor5 {
    background-color: var(--color-6) !important;
}
/*----* Estilos Generales *----*/
body {
    background: #fff;
    color: var(--color-1);
    word-wrap: break-word;
    font-family: var(--font-family-1);
}
.section {
    padding: 30px 0px 30px 0px;
}
a {
    color: var(--color-3);
    font-weight: 700;
    outline: none;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}
a:hover, a:active, a:focus {
    color: var(--color-5);
}
a.href-tema {
    font-weight: 500;
    color: var(--color-negro);
}
a.href-tema:hover, a.href-tema:active, a.href-tema:focus {
    color: var(--color-5);
}
a.href-act {
    font-weight: 500;
    color: var(--color-negro);
}
a.href-act:hover, a.href-act:active, a.href-act:focus {
    color: var(--color-5);
}
h1.title, h3.subtitle {
    color: var(--color-2);
    font-weight: 500;
}
.referencia {
    font-size: 13px;
    color: var(--color-gris-2);
    text-align: center;
}
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
.img-izq, .img-der {
    height: auto;
    background-color: var(--color-gris-1);
    border: 1px solid var(--color-gris-3);
    border-radius: 5px;
    padding: 4px;
    margin-bottom: 10px;
}
.img-izq {
    float: left;
    margin-right: 10px;
}
.img-der {
    float: right;
    margin-left: 10px;
}
.img-center {
    margin: auto;
    border-radius: 5px;
    padding: 4px;
    height: auto;
}
.mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
}
.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.align-self-center {
    align-self: center;
}
/*----* Botones *----*/
.btn-secondary {
    background-color: var(--color-1);
    border-color: var(--color-1);
}
.btn-secondary:hover {
    background-color: var(--color-2);
    border-color: var(--color-2);
}
/*----* Videos *----*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-box {
    background-color: #f2f2f2;
    padding: 15px 15px 0px 15px;
    border: 1px solid #6c509a;
    margin-bottom: 29px;
    margin-top: 20px;
}
.video-box img {
    margin: auto;
    display: block;
}
.bg-legend {
    background-color: #28384c;
    color: #fff;
    margin-top: 6px;
    padding-top: 10px;
}
.apa-video {
    margin: auto;
    min-height: 100px;
}
/*----* Modales *----*/
.modal-dialog {
    width: 80%;
}
.modal-dialog.modal-md {
    width: 60%;
}
.modal-title {
    color: var(--color2);
}
.modal-title img {
    position: relative;
    top: -4px;
    padding-right: 5px;
}
/*----* Recuadros y Citas *----*/
.caja-simple {
    background-color: lightgray;
    padding: 10px;
    color: #000;
}
.note {
    border: 2px dashed #000;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 15px;
    background-color: #d9d9d9;
    margin-bottom: 20px;
}
.recuadro1 {
    width: 80%;
    padding: 15px;
    background-color: var(--color-blanco);
    margin: auto;
    color: var(--color-1);
    font-size: 14px;
    text-align: center;
    margin-bottom: 25px;
    border-radius: 10px;
    border-style: solid;
    border-color: var(--color-2);
}
.recuadro1 p {
    font-size: 16px;
    margin: 0px;
}
.recuadro-cita {
    width: 90%;
    line-height: 40px;
    margin: 15px;
    color: #2f3138;
}
.recuadro-eva {
    width: 80%;
    padding: 15px;
    background-color: #2f3138;
    margin: auto;
    color: white;
}
.cita {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 80px;
    margin-inline-end: 80px;
    line-height: 2.0;
}
.cita-centro {
    text-align: center;
    line-height: 2.0;
}
/*----* Tablas *----*/
table.table-style-1 {
    color: var(--color-1) !important;
}
table.table-style-1 {
    border: 1px solid var(--color-gris-2);
    margin-bottom: 15px;
}
table.table-style-1 p {
    margin: 0;
}
table.table-style-1 tr, table.table-style-1 td {
    border: 1px solid var(--color-gris-2);
}
table.table-style-1 .titulotabla {
    background-color: var(--color-3);
    color: var(--color-blanco);
}
/*----* Acordeon *----*/
.accordion-style-1 .accordion-item {
    color: var(--color-1);
}
.accordion-style-1 .accordion-button {
    background-color: var(--color-1);
    color: var(--color-blanco);
    font-weight: 700;
}
.accordion-style-1 .accordion-button:focus, .accordion-style-1 .accordion-button:active {
    outline: none !important;
    border-color: inherit !important;
    box-shadow: inherit !important;
}
.accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
/*----* Banner *----*/
.banner-container {
    border-bottom: 15px solid var(--color-3);
}
.banner-detail, #banner-bg {
    width: 100%;
    height: 500px !important;
}
.banner-detail {
    position: absolute;
    top: 0;
    z-index: 1;
    padding-top: 50px;
}
.banner-detail .logo {
    margin-bottom: 0px;
}
.banner-detail .logo img {
    width: 270px;
    margin: auto;
}
.banner-detail .titulo {
    height: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-container .banner-detail .titulo h1 {
    color: var(--color-blanco);
    font-size: 60px;
    font-weight: 700;
}
#banner-bg {
    background-size: cover !important;
    overflow: hidden;
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
#banner-bg:before {
    content: "";
    background: rgba(6, 12, 34, 0.3);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
#banner-index #banner-bg {
    background: url(../img/intro-bg.jpg) center;
}
#banner-m1 #banner-bg {
    background: url("../img/modulos/1.jpg") center;
}
#banner-m2 #banner-bg {
    background: url("../img/modulos/2.jpg") center;
}
#banner-m3 #banner-bg {
    background: url("../img/modulos/3.jpg") center;
}
/*----* Competencia *----*/
.competencia-container {
    padding: 50px 150px 50px;
}
.competencia-container .title {
    margin-bottom: 30px;
}
.competencia-container p {
    font-size: 20px;
    margin-bottom: 40px;
}
#competencia #c_temario p, #competencia #c_calendario p {
    font-size: 12px;
    margin: 0px;
}
#competencia #c_calendario ul li {
    font-size: 12px;
}
.competencia-secciones {
    cursor: default;
}
.competencia-secciones .icono-container {
    width: 170px;
    height: 170px;
    margin: 0 auto;
    background-color: var(--color-6);
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}
.competencia-secciones .icono-container:hover {
    background-color: var(--color-2);
}
.competencia-secciones .icono-container a {
    width: 120px;
    height: 120px;
    background-repeat: no-repeat;
    display: block;
}
.competencia-secciones .icono-container a.informacion_g {
    background-image: url('../img/iconos/iconos-informacion-normal.svg');
}
.competencia-secciones .icono-container:hover a.informacion_g {
    background-image: url('../img/iconos/iconos-informacion-hover.svg');
}
.competencia-secciones .icono-container a.temario {
    background-image: url('../img/iconos/iconos-temario-normal.svg');
}
.competencia-secciones .icono-container:hover a.temario {
    background-image: url('../img/iconos/iconos-temario-hover.svg');
}
.competencia-secciones .icono-container a.calendario {
    background-image: url('../img/iconos/iconos-calendario-normal.svg');
}
.competencia-secciones .icono-container:hover a.calendario {
    background-image: url('../img/iconos/iconos-calendario-hover.svg');
}
.competencia-secciones .icono-title {
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/*----* Introduccion *----*/
.intro-container {
    padding: 50px 150px;
    text-align: center;
}
.intro-container .title {
    margin-bottom: 30px;
}
.intro-container p {
    font-size: 20px;
    line-height: 26px;
}
#intro {
    height: auto !important;
}
/*----* Modulos *----*/
.modu-container {
    padding: 70px 80px 50px;
}
.modu-container .modu-title {
    position: relative;
    margin-bottom: 100px;
}
.modu-container .modu-title .title {
    margin-bottom: 30px;
}
.modu-container .modu-title p {
    font-size: 20px;
}
/*----* Modulos Card *----*/
/* Card Hover */
.modulos, .modulos-micro {
    /*height: 550px;*/
    height: 650px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modulos .card, .modulos-micro .card {
    /*height: 550px;*/
    height: 650px;
    flex: 3;
    transition: all 1s ease-in-out;
    position: relative;
    background: rgba(0, 0, 0, 0.8);
    align-items: center;
    border: 0px;
    border-radius: 0px;
}
.modulos-micro .card  {
    background-color: var(--color-blanco);
	box-shadow: -5px 0px 15px var(--color-gris-1);

}
.modulos .card:hover {
    flex-grow: 10;
    background-color: var(--color-blanco);
    border-top: 0px solid transparent !important;
}
.modulos .card#card1, .modulos .card#card2, .modulos .card#card3, .modulos .card#card4 {
    border-top: 15px solid;
}
.modulos .card#card1 {
    border-top-color: var(--color-2);
}
.modulos .card#card2 {
    border-top-color: var(--color-3);
}
.modulos .card#card3 {
    border-top-color: var(--color-4);
}
.modulos .card#card4 {
    border-top-color: var(--color-5);
}
.modulos .card#card1:hover {
    box-shadow: -5px 0px 15px var(--color-gris-1);
}
.modulos .card#card2:hover {
    box-shadow: 0px 10px 10px var(--color-gris-1), 0px -10px 10px var(--color-gris-1);
}
.modulos .card#card3:hover {
    box-shadow: 0px 10px 10px var(--color-gris-1), 0px -10px 10px var(--color-gris-1);
}
.modulos .card#card4:hover {
    box-shadow: 5px 0px 15px var(--color-gris-1);
}
.modulos .card.no-hover img {
    filter: opacity(0);
}
.modulos .card.no-hover .card_head {
    color: var(--color-6);
    font-size: 28px;
}
.modulos .card#card1.no-hover {
    background-color: var(--color-2);
}
.modulos .card#card2.no-hover {
    background-color: var(--color-3);
}
.modulos .card#card3.no-hover {
    background-color: var(--color-4);
}
.modulos .card#card4.no-hover {
    background-color: var(--color-5);
}
.modulos .card .card_head, .modulos-micro .card .card_head {
    width: 100%;
    color: var(--color-blanco);
    padding: 5px;
    transform-origin: 0% 0%;
    transition: all 0.5s ease-in-out;
    text-align: center;
    position: absolute;
    top: 45%;
    font-size: 34px;
    font-weight: 500;
    white-space: nowrap;
}
.modulos-micro .card .card_head {
    width: 300px;
    color: var(--color-blanco);
    top: -61px;
}
.modulos-micro .card .card_head#m1 {
	background-color: var(--color-2);
}
.modulos-micro .card .card_head#m2 {
	background-color: var(--color-3);
}
.modulos-micro .card .card_head#m3 {
	background-color: var(--color-4);
}
.modulos .card:hover .card_head {
    width: 300px;
    top: -61px;
}
.modulos .card:hover .card_head#m1 {
    background-color: var(--color-2);
}
.modulos .card:hover .card_head#m2 {
    background-color: var(--color-3);
}
.modulos .card:hover .card_head#m3 {
    background-color: var(--color-4);
}
.modulos .card:hover .card_head#m4 {
    background-color: var(--color-5);
}
.modulos .card .card_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.modulos .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
/*    object-position: 70%;  Posicion de objeto */
    transition: all 1s ease-in-out;
    filter: opacity(45%);
/*    transform: scale(1.8);*/
}
.modulos .card:hover img {
    filter: opacity(1%);
}

.modulos .card .card_content, .modulos-micro .card .card_content {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    top: 0px;
    transition: opacity 0.8s 0.8s, transform 0.5s 0.8s;
    opacity: 0;
    overflow: hidden;
    display: none;
}
.modulos-micro .card .card_content {
    display: block;
	opacity: 1;
}
.modulos .card:hover .card_content {
    display: grid;
}
.modulos .card .card_content:hover {
    opacity: 1;
    transform: translateX(0);
}
.modulos .card .card_content .content, .modulos-micro .card .card_content .content {
    padding: 30px 50px;
    transition: all 1s ease-in-out;
}
.modulos .card .card_content .content .modu_compe, .modulos-micro .card .card_content .content .modu_compe {
    color: var(--color-2);
    margin-bottom: 40px;
}
.modulos .card .card_content .content .modu_compe h3, .modulos-micro .card .card_content .content .modu_compe h3 {
    font-size: 18px;
    font-weight: 700;
}
.modulos .card .card_content .content .modu_compe p, .modulos-micro .card .card_content .content .modu_compe p {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}
/* Modulo Contenido (v2 - Azul) */
.modu_temas .columna {
    padding: 0px;
}
.modu_temas .columna:first-child {
    /*border-right: 1px solid;*/
    padding-right: 20px;
}
.modu_temas .columna:last-child {
    padding-left: 20px;
}
.modu_temas .columna .semana {
    border-top: 1px solid;
}
.modu_temas .columna .semana .titulo-semana {
    display: flex;
    justify-content: center;
    /*margin-bottom: 30px;*/
    margin-bottom: 10px;
}
.modu_temas .columna .semana .titulo-semana .titulo {
    color: var(--color-6);
    font-size: 18px;
    font-weight: 700;
    cursor: default;
    padding: 4px 30px;
}
.modu_temas .columna .semana .contenido-semana {
    /*display: flex;
    margin-bottom: 30px;*/
    display: flex;
    flex-flow: wrap;
    justify-content: left;
}
.modu_temas .columna .semana:last-child .contenido-semana {
    margin-bottom: 0px;
}
.modu_temas .columna .semana .contenido-semana p {
    /*width: 100%;*/
    width: 50%;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px !important;
}
#modu1 .modu_temas .columna:first-child, #modu1 .modu_temas .columna .semana {
    border-color: var(--color-2);
}
#modu1 .modu_temas .columna .semana .titulo-semana .titulo {
    background-color: var(--color-2);
}
#modu2 .modu_temas .columna:first-child, #modu2 .modu_temas .columna .semana {
    border-color: var(--color-3);
}
#modu2 .modu_temas .columna .semana .titulo-semana .titulo {
    background-color: var(--color-3);
}
#modu3 .modu_temas .columna:first-child, #modu3 .modu_temas .columna .semana {
    border-color: var(--color-4);
}
#modu3 .modu_temas .columna .semana .titulo-semana .titulo {
    background-color: var(--color-4);
}
#modu4 .modu_temas .columna:first-child, #modu4 .modu_temas .columna .semana {
    border-color: var(--color-5);
}
#modu4 .modu_temas .columna .semana .titulo-semana .titulo {
    background-color: var(--color-5);
}
/*---* Temas | Actividades | Practicas *---*/
.contenido-container .banner-detail .titulo h1 {
    color: var(--color-blanco);
    font-size: 48px;
    font-weight: 700;
}
.contenido {
    padding: 5px 85px 100px 70px;
}
.contenido .migaja p {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: var(--color-2);
}
.contenido .seccion {
    width: 100%;
    border-top: 1px solid var(--color-2);
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}
.contenido .encabezado {
    display: flex;
    justify-content: left;
}
.contenido .encabezado h4 {
    background-color: var(--color-2);
    color: var(--color-blanco);
    margin: 0;
    padding: 10px 30px;
}
.contenido .detalle {
    overflow: hidden;
    padding-top: 30px;
}
.contenido .detalle p {
    font-size: 16px;
    line-height: 22px;
}
.contenido #copyright {
    border-top: none;
    display: none;
}
/*----* Footer *----*/
.footer-container {
    padding: 20px 80px;
}
.footer-container .copyright {
    color: var(--color-gris-1);
    font-size: 20px;
    font-weight: 700;
    text-align: left;
}
.footer-container .social {
    height: 50px;
    display: flex;
    justify-content: end;
}
.footer-container .social a, .footer-container .icon-autor a {
    width: 50px;
    height: 50px;
    display: block;
    float: left;
}
.footer-container .social a.facebook {
    background-image: url("../img/footer/Facebook-normal.svg");
}
.footer-container .social a.facebook:hover {
    background-image: url("../img/footer/Facebook-hover.svg");
}
.footer-container .social a.twitter {
    background-image: url("../img/footer/Twitter-normal.svg");
}
.footer-container .social a.twitter:hover {
    background-image: url("../img/footer/Twitter-hover.svg");
}
.footer-container .social a.instagram {
    background-image: url("../img/footer/Instagram-normal.svg");
}
.footer-container .social a.instagram:hover {
    background-image: url("../img/footer/Instagram-hover.svg");
}
.footer-container .social a.linkedin {
    background-image: url("../img/footer/Linkedin-normal.svg");
}
.footer-container .social a.linkedin:hover {
    background-image: url("../img/footer/Linkedin-hover.svg");
}
.footer-container .icon-autor {
    height: 47px;
    display: flex;
    justify-content: end;
    position: relative;
}
.footer-container .icon-autor a {
    position: relative;
    top: -2px;
}
.footer-container .icon-autor a.autor {
    background-image: url("../img/iconos/icono-autores-normal.svg");
}
.footer-container .icon-autor a.autor:hover {
    background-image: url("../img/iconos/icono-autores-hover.svg");
}
/*----* Autor *----*/
#OpenA {
    width: 300px;
    position: absolute;
    background-color: var(--color-6);
    padding: 10px;
    font-size: 14px;
    bottom: 50px;
    right: 0px;
    border: 1px solid var(--color-1);
    text-align: center;
}
#OpenA p {
    margin: 0px;
}
/*----* Boton Flotantes *----*/
.botones-container#btn-top {
    position: fixed;
    width: 70px;
    height: 70px;
    bottom: 130px;
    right: 0px;
    display: none;
}
.botones-container#btn-contenido {
    width: 100%;
    height: 70px;
}
.botones-container#btn-contenido .opciones {
    display: flex;
    justify-content: end;
}
.botones-container .opciones a {
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    display: block;
}
.botones-container .opciones a:focus {
    outline: none;
}
.botones-container .opciones a.back-theme {
    background-image: url('../img/iconos/iconos-atras-normal.svg');
}
.botones-container .opciones a.back-theme:hover {
    background-image: url('../img/iconos/iconos-atras-hover.svg');
}
.botones-container .opciones a.home {
    background-image: url('../img/iconos/iconos-home-normal.svg');
}
.botones-container .opciones a.home:hover {
    background-image: url('../img/iconos/iconos-home-hover.svg');
}
.botones-container .opciones a.next-theme {
    background-image: url('../img/iconos/iconos-siguiente-normal.svg');
}
.botones-container .opciones a.next-theme:hover {
    background-image: url('../img/iconos/iconos-siguiente-hover.svg');
}
.botones-container .opciones a.download-pdf {
    background-image: url("../img/iconos/iconos-pdf-normal.svg");
}
.botones-container .opciones a.download-pdf:hover {
    background-image: url("../img/iconos/iconos-pdf-hover.svg");
}
.botones-container .opciones a.back-to-top {
    background-image: url('../img/iconos/iconos-arriba-normal.svg');
}
.botones-container .opciones a.back-to-top:hover {
    background-image: url("../img/iconos/iconos-arriba-hover.svg");
}
/*----* Otros Estilos *----*/
.instruccion {
    color: var(--color3);
    text-align: center;
    font-weight: 700;
    padding-bottom: 1px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 15px;
}
.valor-agregado {
    width: 100%;
    height: 80px;
    position: relative;
}
.funcionalidades {
    width: fit-content;
    float: right;
    margin-top: 20px;
    margin-right: 0px;
    position: absolute;
    right: 21px;
}
/*----* Iframe Video *----*/
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    min-height: 400px;
    padding: 0;
    overflow: hidden;
}
.embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/*----* Genera PDF *----*/
.screen #banner, .screen #competencia, .screen #introduccion, .screen #modulos, .screen #intro, .screen .modu_title, .screen .back-to-top, .screen .recursos, .screen #footer {
    display: none !important;
}
.screen .tema-seccion #copyright {
    display: block !important;
}
/* Explicaciones */
#MBody h5, #Fase h5, #evidencia h5 {
    color: rgb(6, 39, 64);
    font-family: Oswald, sans-serif;
    font-size: 25px;
    margin-bottom: 15px;
}
#MBody h6 {
  border-bottom: 4px solid rgb(20, 85, 117);
  background-color: rgb(255, 255, 255);
  color: rgb(255, 255, 255);
}
#MBody h6 span {
  background-color: rgb(20, 85, 117);
  border-radius: 0px 10px 0px 0px;
  padding: 5px 9px;
}

.img-der {
  margin-left: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: rgb(249, 249, 249);
  padding: 4px;
  border: 1px solid rgb(204, 204, 204);
  float: right;
  max-width: 25%;
  height: auto;
}
.img-izq, .img-der {
  height: auto;
  background-color: var(--color-gris-1);
  border: 1px solid var(--color-gris-3);
  border-radius: 5px;
  padding: 4px;
  margin-bottom: 10px;
}
#baja_pdf {
    background: url(../img/pdf.png);
    text-align: center;
    background-repeat: no-repeat;
    background-position: left;
    cursor: pointer;
    width: 50px;
    height: 50px;
    float: right;
    position: relative;
    bottom: 20px;
    right: 30px;
}
.generatePdf #act_u, .generatePdf #baja_pdf{
    display: none;
}
.generatePdf div[class="d-none"]{
    display:block!important;
}
/*----* Responsive Media Queries *----*/
/* 'xxl' applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {}
/* 'xl' applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    /*---* Competencia *---*/
    .competencia-container {
        padding: 50px 75px 50px;
    }
    /*---* Introduccion *---*/
    .intro-container {
        padding: 50px 75px;
    }
    /*----* Modulos *----*/
    .modu-container {
        padding: 50px 80px;
    }
    /*---* Footer *---*/
    .footer-container {
        padding: 15px 80px;
    }
    /*----* Iframe Video *----*/
    .embed-responsive {
        min-height: 350px;
    }
}
/* 'lg' applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    /*---* Competencia *---*/
    .competencia-container {
        padding: 50px 65px;
    }
    /*---* Introduccion *---*/
    .intro-container {
        padding: 50px 65px;
    }
    /*----* Modulos *----*/
    .modu-container {
        padding: 50px 80px 100px;
    }
    .modu-container .modu-title {
        margin-bottom: 60px;
    }
    /*----* Modulos Card *----*/
    /* Card Hover */
    .modulos {
        height: 100%;
        display: inline-block;
    }
    .modulos .card {
        height: 750px;
    }
    .modulos .card:hover .card_head, .modulos-micro .card .card_head {
        top: 0;
    }
    .modulos .card .card_content {
        margin-top: 65px;
    }
    /* Modulo Contenido */
    .modu_temas .columna .semana .titulo-semana {
        margin-bottom: 15px;
    }
    .modu_temas .columna .semana .contenido-semana {
        margin-bottom: 5px;
    }
    /*---* Footer *---*/
    .footer-container {
        padding: 15px 80px;
    }
    .footer-container .copyright {
        font-size: 18px;
        text-align: left;
    }
    .footer-container .social {
        justify-content: center;
    }
    .footer-container .icon-autor {
        justify-content: center;
    }
    /*----* Iframe Video *----*/
    .embed-responsive {
        min-height: 400px;
    }
}
/* 'md' applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    /*---* Estilos generales *---*/
    h1.title {
        font-size: 28px;
    }
    h3.subtitle {
        font-size: 22px;
    }
    /*---* Banner *---*/
    .banner-detail .titulo {
        width: 85%;
        margin: 0 auto;
    }
    .banner-container .banner-detail .titulo h1 {
        font-size: 40px;
    }
    /*---* Competencia *---*/
    .competencia-container {
        padding: 25px 40px;
    }
    .competencia-container .title {
        margin-bottom: 20px;
    }
    .competencia-container p {
        font-size: 16px;
    }
    .competencia-secciones .icono-container {
        width: 150px;
        height: 150px;
        margin-bottom: 15px;
    }
    .competencia-secciones .icono-container a {
        width: 100px;
        height: 100px;
    }
    /*---* Introduccion *---*/
    .intro-container {
        padding: 25px 40px;
    }
    .intro-container .title {
        margin-bottom: 20px;
    }
    .intro-container p {
        font-size: 16px;
        line-height: 22px;
    }
    /*----* Modulos *----*/
    .modu-container {
        padding: 25px 50px 100px;
    }
    .modu-container .modu-title {
        margin-bottom: 35px;
    }
    .modu-container .modu-title .title {
        margin-bottom: 20px;
    }
    .modu-container .modu-title p {
        font-size: 16px;
        line-height: 22px;
    }
    /*----* Modulos Card *----*/
    /* Card Hover */
    .modulos .card, .modulos-micro .card {
        height: 650px;
    }
    .modulos .card:hover {
        box-shadow: 0px 0px 15px var(--color-gris-1);
    }
    .modulos .card .card_head, .modulos-micro .card .card_head {
        width: auto !important;
        padding: 5px 25px;
        font-size: 24px;
    }
    .modulos .card .card_content, .modulos-micro .card .card_content {
        margin-top: 50px;
    }
    .modulos .card .card_content .content, .modulos-micro .card .card_content .content {
        padding: 15px 20px;
    }
    .modulos .card .card_content .content .modu_compe, .modulos-micro .card .card_content .content .modu_compe {
        margin-bottom: 25px;
    }
    .modulos .card .card_content .content .modu_compe p, .modulos-micro .card .card_content .content .modu_compe p {
        font-size: 16px;
        line-height: 18px;
    }
    /* Modulo Contenido */
    .modu_temas .columna:first-child {
        padding-right: 10px;
    }
    .modu_temas .columna:last-child {
        padding-left: 10px;
    }
    .modu_temas .columna .semana .titulo-semana .titulo {
        font-size: 16px;
        padding: 0px 10px;
    }
    .modu_temas .columna .semana .contenido-semana p {
        font-size: 16px;
    }
    /*---* Temas | Actividades | Practicas *---*/
    .contenido {
        padding: 20px 50px 70px;
    }
    .contenido .migaja {
        text-align: center;
        margin-bottom: 5px;
    }
    .contenido .encabezado h4 {
        font-size: 20px;
        padding: 8px 25px;
    }
    .contenido .detalle {
        padding-top: 15px;
    }
    /*----* Recuadros y Citas *----*/
    .recuadro1 {
        width: 90%;
        margin-bottom: 10px;
    }
    /*---* Botones *---*/
    .botones-container {
        right: 0px;
    }
    .botones-container#btn-top {
        width: 50px;
        height: 50px;
        bottom: 180px;
    }
    .botones-container#btn-contenido {
        height: 50px;
        margin-bottom: 15px;
    }
    .botones-container#btn-contenido .opciones {
        justify-content: center;
    }
    .botones-container .opciones a {
        width: 50px;
        height: 50px;
    }
    /*---* Footer *---*/
    .footer-container {
        padding: 15px 40px 0px;
    }
    .footer-container .copyright {
        text-align: center;
    }
    .footer-container .icon-autor {
        margin-bottom: 20px;
    }
    /*----* Autor *----*/
    #OpenA {
        width: 270px;
        right: auto;
    }
    /*----* Iframe Video *----*/
    .embed-responsive {
        min-height: 350px;
    }
}
/* 'sm' applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    /*---* Estilos generales *---*/
    .img-izq, .img-der {
        width: 100%;
        height: auto;
    }
    /*---* Competencia *---*/
    .competencia-container {
        padding: 25px 40px 5px;
    }
    .competencia-secciones .icono-container {
        margin-bottom: 10px;
    }
    .competencia-secciones .icono-title {
        align-items: start;
        margin-bottom: 15px;
    }
    /*---* Introduccion *---*/
    .intro-container {
        padding: 25px 40px 15px;
    }
    /*----* Modulos *----*/
    .modu-container {
        padding: 25px 25px 100px;
    }
    /*----* Modulos Card *----*/
    /* Card Hover */
    .modulos .card, .modulos-micro .card {
        height: 650px;
    }
    .modulos .card .card_content .content, .modulos-micro .card .card_content .content  {
        padding: 10px;
    }
    /* Modulo Contenido */
    .modu_temas .columna .semana .titulo-semana .titulo {
        font-size: 14px;
        padding: 0px 5px;
    }
    .modu_temas .columna .semana .contenido-semana p {
        font-size: 14px;
    }
    /*---* Temas | Actividades | Practicas *---*/
    .contenido {
        padding: 15px 45px 50px;
    }
    .contenido .migaja p {
        font-size: 14px;
    }
    /*----* Botones *----*/
    .botones-container#btn-top {
        width: 45px;
        height: 45px;
        bottom: 200px;
    }
    .botones-container#btn-contenido {
        margin-bottom: 5px;
    }
    .botones-container .opciones a {
        width: 45px;
        height: 45px;
    }
    /*----* Modales *----*/
    .modal-dialog {
        width: 95%;
        margin-right: auto;
        margin-left: auto;
    }
    /*----* Iframe Video *----*/
    .embed-responsive {
        min-height: 300px;
    }
}
/* 'xs' returns only a ruleset and no media query */
@media (max-width: 320.98) {}