/*----* Paleta de colores *----*/ :root {
    --color-1: #2B2B2B;
    --color-2: #0000B3;
    --color-3: #F22331;
    --color-4: #EAE7E4;
    --color-5: #E6E6E6;
    --color-6: #404040;
    --color-gris-1: #dcdcdc;
    --color-gris-2: #708090;
    --color-gris-3: #cccccc;
    --color-blanco: #ffffff;
    --color-negro: #54565a;
    --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-1) !important;
}
/*----* Estilos Generales *----*/
body {
    background: #fff;
    color: var(--color-negro);
    word-wrap: break-word;
    font-family: var(--font-family-1);
}
.section {
    padding: 30px 0px 30px 0px;
}
a {
    color: var(--color-1);
    font-weight: 700;
    outline: none;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}
a:hover, a:active, a:focus {
    color: var(--color-3);
    transition: all 0.5s ease-in-out;
}
a.href-tema {
    color: var(--color-3);
}
a.href-tema:hover, a.href-tema:active, a.href-tema:focus {
    color: var(--color-1);
    transition: all 0.5s ease-in-out;
}
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-1);
    transition: all 0.5s ease-in-out;
}
h1.title, h3.subtitle {
    color: var(--color-negro);
    font-weight: 500;
}
.referencia {
    font-size: 12px !important;
    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-1);
    border-color: var(--color-1);
}
/*----* 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 12px 0px 12px;
    border: 1px solid var(--color-1);
    margin-bottom: 29px;
    margin-top: 20px;
}
.img-video {
    -webkit-mask-image: url("../img/icono-video.png");
    background-color: var(--color-1);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: repeat-x;
    width: 75px;
}
.bg-legend {
    background-color: var(--color-1);
    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-negro);
    font-size: 14px;
    text-align: center;
    margin-bottom: 25px;
    border-radius: 10px;
    border-style: solid;
    border-color: var(--color-3);
}
.recuadro1 p {
    font-size: 16px;
    margin: 0px;
}
.recuadro-cita {
    background-color: var(--color-1);
    border-radius: 1rem;
    margin: 15px;
    padding: 2rem;
    color: #2f3138;
}
.cita {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 80px;
    margin-inline-end: 80px;
    line-height: 2;
}
.cita-centro {
    text-align: center;
    line-height: 2;
}
/*----* Tablas *----*/
table.table-style-1 {
    color: var(--color-negro) !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-2);
    color: var(--color-blanco);
}
/*----* Acordeon *----*/
.accordion-style-1 .accordion-item {
    color: var(--color-negro);
}
.accordion-style-1 .accordion-button {
    background-color: var(--color-2);
    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-style-1 .accordion-collapse {
    background: var(--color-4);
}
.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");
}
/*
#modulo-3 .accordion-button::after, #modulo-6 .accordion-button::after, #modulo-9 .accordion-button::after, #modulo-12 .accordion-button::after {
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%23870424"%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');
}
#modulo-3 .accordion-button:not(.collapsed)::after, #modulo-6 .accordion-button:not(.collapsed)::after, #modulo-9 .accordion-button:not(.collapsed)::after, #modulo-12 .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="%23870424"%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');
}
*/
/*----* Header *----*/
.header-container {
    background: var(--color-1);
    padding: 20px 0;
}
.header-container .logo {
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-container .logo img {
    width: 250px;
}
/*----* Banner *----*/
.banner-container {
    position: relative;
}
.banner-detail, #banner-bg {
    width: 100%;
    height: 500px !important;
}
.banner-detail {
    position: absolute;
    top: 0;
    z-index: 1;
    align-content: center;
}
.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: 500;
}
#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.5);
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
.modal:before {
    content: "";
    background: rgba(0, 0, 255, 0.5);
    position: fixed;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
#banner-index #banner-bg {
    background: url(../img/intro-bg-new.jpg) bottom;
}
#banner-m1 #banner-bg {
    background: url("../img/modulos/m1.jpg") center;
}
#banner-m2 #banner-bg {
    background: url("../img/modulos/m2.jpg") center;
}
#banner-m3 #banner-bg {
    background: url("../img/modulos/m3.jpg") center;
}
#banner-m4 #banner-bg {
    background: url("../img/modulos/m4.jpg") center;
}
#banner-m5 #banner-bg {
    background: url("../img/modulos/m5.jpg") center;
}
#banner-m6 #banner-bg {
    background: url("../img/modulos/m6.jpg") center;
}
#banner-m7 #banner-bg {
    background: url("../img/modulos/m7.jpg") center;
}
#banner-m8 #banner-bg {
    background: url("../img/modulos/m8.jpg") center;
}
#banner-m9 #banner-bg {
    background: url("../img/modulos/m9.jpg") center;
}
#banner-m10 #banner-bg {
    background: url("../img/modulos/m10.jpg") center;
}
#banner-m11 #banner-bg {
    background: url("../img/modulos/m11.jpg") center;
}
#banner-m12 #banner-bg {
    background: url("../img/modulos/m12.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: 1rem;
    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-4);
    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 {
    -webkit-mask-image: url("../img/iconos/iconos-informacion.svg");
    background-color: var(--color-3);
}
.competencia-secciones .icono-container a.temario {
    -webkit-mask-image: url("../img/iconos/iconos-temario.svg");
    background-color: var(--color-3);
}
.competencia-secciones .icono-container a.calendario {
    -webkit-mask-image: url("../img/iconos/iconos-calendario.svg");
    background-color: var(--color-3);
}
.competencia-secciones .icono-container:hover a.informacion_g, .competencia-secciones .icono-container:hover a.temario, .competencia-secciones .icono-container:hover a.calendario {
    background-color: var(--color-blanco);
    transition: all 0.5s ease-in-out;
}
.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 {
    height: 670px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modulos .card {
    height: 670px;
    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 .card:hover {
    flex-grow: 24;
    background-color: var(--color-blanco);
    border-top: 0px solid transparent !important;
}
.modulos .card#card1 {
    background-color: var(--color-2);
}
.modulos .card#card2 {
    background-color: var(--color-3);
}
.modulos .card#card3 {
    background-color: var(--color-1);
}
.modulos .card#card4 {
    background-color: var(--color-2);
}
.modulos .card#card5 {
    background-color: var(--color-3);
}
/*
.modulos .card#card6 {
    background-color: var(--color-3);
}
*/
.modulos .card.no-hover img {
    filter: opacity(0);
}
.modulos .card.no-hover .card_head {
    color: var(--color-4);
    font-size: 28px;
    top: calc(50% - 70px);
}
.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-1);
}
.modulos .card#card4.no-hover {
    background-color: var(--color-2);
}
.modulos .card#card5.no-hover {
    background-color: var(--color-3);
}
/*
.modulos .card#card6.no-hover {
    background-color: var(--color-1);
}
*/
.modulos .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: calc(50% - 125px);
    left: calc(50% - -30.5px);
    font-size: 34px;
    font-weight: 500;
    white-space: nowrap;
    transform: rotate(90deg);
}
/*
.modulos .card#card3 .card_head, .modulos .card#card6 .card_head {
    color: var(--color-1);
}
*/
.modulos .card:hover .card_head {
    width: 300px;
    top: -61px;
    left: calc(50% - 150px);
    transform: rotate(0deg);
}
.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-1);
}
.modulos .card:hover .card_head#m4 {
    background-color: var(--color-2);
}
.modulos .card:hover .card_head#m5 {
    background-color: var(--color-3);
}
/*
.modulos .card:hover .card_head#m6 {
    background-color: var(--color-3);
}
*/
.modulos .card .card_img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.modulos .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 .card:hover .card_content {
    display: flex;
}
.modulos .card .card_content:hover {
    opacity: 1;
    transform: translateX(0);
}
.modulos .card .card_content .content {
    padding: 100px 50px;
    transition: all 1s ease-in-out;
    background: var(--color-4);
    position: relative;
    width: 100%;
}
/*
.modulos .card .card_content .content::before {
  content: "";
  position: absolute;
  width: 90px;
  height: 200px;
  background: var(--color-1);
  left: 0;
  bottom: 180px;
  z-index: 1;
} 
*/
.modulos .card .card_content {
    /* background: red!important; */
    position: relative;
}
.modulos .card .card_content .row {
    /* position: relative; */
}
.modulos .card .card_content .row .modu_img::before {
    content: "";
    position: absolute;
    width: 90px;
    height: 200px;
    background: var(--color-4);
    left: 0;
    /* bottom: 180px; */
    z-index: -2;
}
.modulos .card #modu1 .row .modu_img::before {
    background: var(--color-2);
}
.modulos .card #modu2 .row .modu_img::before {
    background: var(--color-3);
}
.modulos .card #modu3 .row .modu_img::before {
    background: var(--color-1);
}
.modulos .card #modu4 .row .modu_img::before {
    background: var(--color-2);
}
.modulos .card #modu5 .row .modu_img::before {
    background: var(--color-3);
}
/*
.modulos .card #modu6 .row .modu_img::before{ 
  background: var(--color-2);
}
*/
.modulos .card .card_content .content .modu_compe {
    color: var(--color-negro);
    margin-bottom: 40px;
}
.modulos .card .card_content .content .modu_compe h3 {
    font-size: 18px;
    font-weight: 600;
}
.modulos .card .card_content .content .modu_compe p {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}
#modu1 .modu_title {
    color: var(--color-2);
}
#modu2 .modu_title {
    color: var(--color-3);
}
#modu3 .modu_title {
    color: var(--color-1);
}
#modu4 .modu_title {
    color: var(--color-2);
}
#modu5 .modu_title {
    color: var(--color-3);
}
/*
#modu6 .modu_title {
    color: var(--color-3);
}
*/
.modu_title h3 {
    font-weight: 600;
    text-align: left;
}
.modu_img {
    /*    position: relative;*/
    z-index: 2;
    max-width: 406px;
    height: 273px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modu_item {
    padding: 10px 0;
    text-align: left;
    align-items: center;
    font-size: 1.1rem;
    height: 5rem;
    align-content: center;
}
#modu1 .modu_item {
    border-top: 3px solid var(--color-2);
}
#modu2 .modu_item {
    border-top: 3px solid var(--color-3);
}
#modu3 .modu_item {
    border-top: 3px solid var(--color-1);
}
#modu4 .modu_item {
    border-top: 3px solid var(--color-2);
}
#modu5 .modu_item {
    border-top: 3px solid var(--color-3);
}
/*
#modu6 .modu_item {
    border-top: 3px solid var(--color-1);
}
*/
.modu_item a {
    color: var(--color-negro);
    font-weight: 500;
}
.modu_item a:hover {
    color: var(--color-1);
}
/**
#modu1 .modu_item a:hover{
    color: var(--color-1);
}
#modu2 .modu_item a:hover{
    color: var(--color-3);
}
#modu3 .modu_item a:hover{
    color: var(--color-1);
}
#modu4 .modu_item a:hover{
    color: var(--color-1);
}
#modu5 .modu_item a:hover{
    color: var(--color-4);
}
**/
.modu_item svg {
    width: 80px;
}
#modu1 .modu_item svg {
    fill: var(--color-2);
}
#modu2 .modu_item svg {
    fill: var(--color-3);
}
#modu3 .modu_item svg {
    fill: var(--color-1);
}
#modu4 .modu_item svg {
    fill: var(--color-2);
}
#modu5 .modu_item svg {
    fill: var(--color-3);
}
/* Modulo Contenido (v1 - Naranja) */
.modu_temas .contenedor-semanas {
    border: 2px solid;
    position: relative;
    margin-bottom: 25px;
}
.modu_temas .contenedor-semanas .detalle-semanas {
    position: relative;
}
.modu_temas .contenedor-semanas .detalle-semanas .columna-semana {
    display: flex;
    justify-content: center;
    padding: 0 0 60px;
}
.modu_temas .contenedor-semanas.no-tema .detalle-semanas .columna-semana {
    padding: 0 0 15px;
}
.modu_temas .contenedor-semanas .detalle-semanas .columna-semana, .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades {
    border-right: 2px solid;
}
.modu_temas .contenedor-semanas .detalle-semanas .columna-semana:nth-last-child(-n + 1), .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades:nth-last-child(-n + 1) {
    border: 0px !important;
}
.modu_temas .contenedor-semanas .detalle-semanas .columna-semana .titulo {
    color: var(--color-4);
    font-size: 18px;
    font-weight: 700;
    padding: 4px 30px;
    z-index: 1;
    cursor: default;
}
.modu_temas .contenedor-semanas .detalle-temas {
    width: 95%;
    border: 2px dashed;
    background-color: var(--color-blanco);
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 25px 20px 15px;
    z-index: 0;
}
.modu_temas .contenedor-semanas .detalle-temas .titulo {
    font-size: 18px;
}
.modu_temas .contenedor-semanas .detalle-actividades {
    position: relative;
}
.modu_temas .contenedor-semanas .detalle-actividades .columna-actividades {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 2px 0px;
}
.modu_temas .contenedor-semanas.no-tema .detalle-actividades .columna-actividades {
    padding: 0px;
}
.modu_temas .contenedor-semanas .detalle-actividades .columna-actividades p {
    font-size: 18px;
}
#modu1 .modu_temas .contenedor-semanas, #modu1 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana, #modu1 .modu_temas .contenedor-semanas .detalle-temas, #modu1 .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades {
    border-color: var(--color-1);
}
#modu1 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana .titulo {
    background-color: var(--color-1);
}
#modu2 .modu_temas .contenedor-semanas, #modu2 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana, #modu2 .modu_temas .contenedor-semanas .detalle-temas, #modu2 .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades {
    border-color: var(--color-2);
}
#modu2 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana .titulo {
    background-color: var(--color-2);
}
#modu3 .modu_temas .contenedor-semanas, #modu3 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana, #modu3 .modu_temas .contenedor-semanas .detalle-temas, #modu3 .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades {
    border-color: var(--color-1);
}
#modu3 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana .titulo {
    background-color: var(--color-1);
}
#modu4 .modu_temas .contenedor-semanas, #modu4 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana, #modu4 .modu_temas .contenedor-semanas .detalle-temas, #modu4 .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades {
    border-color: var(--color-1);
}
#modu4 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana .titulo {
    background-color: var(--color-1);
}
#modu5 .modu_temas .contenedor-semanas, #modu5 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana, #modu5 .modu_temas .contenedor-semanas .detalle-temas, #modu5 .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades {
    border-color: var(--color-4);
}
#modu5 .modu_temas .contenedor-semanas .detalle-semanas .columna-semana .titulo {
    background-color: var(--color-4);
}
/*---* 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-1);
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}
.contenido .encabezado {
    display: flex;
    justify-content: left;
}
.contenido .encabezado h4 {
    background-color: var(--color-1);
    color: var(--color-4);
    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-blanco);
    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 {
    -webkit-mask-image: url("../img/footer/Facebook.svg");
    background-color: var(--color-blanco);
}
.footer-container .social a.twitter {
    -webkit-mask-image: url("../img/footer/Twitter.svg");
    background-color: var(--color-blanco);
}
.footer-container .social a.instagram {
    -webkit-mask-image: url("../img/footer/Instagram.svg");
    background-color: var(--color-blanco);
}
.footer-container .social a.linkedin {
    -webkit-mask-image: url("../img/footer/Linkedin.svg");
    background-color: var(--color-blanco);
}
.footer-container .social a.facebook:hover, .footer-container .social a.twitter:hover, .footer-container .social a.instagram:hover, .footer-container .social a.linkedin:hover {
    background-color: var(--color-1);
}
.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 {
    -webkit-mask-image: url("../img/iconos/icono-autores.svg");
    background-color: var(--color-blanco);
}
.footer-container .icon-autor a.autor:hover {
    background-color: var(--color-1);
}
/*----* Autor *----*/
#OpenA {
    width: 300px;
    position: absolute;
    background-color: var(--color-4);
    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, .modulo_container a.home {
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    display: block;
}
.botones-container .opciones a:focus {
    outline: none;
}
.botones-container .opciones a.back-theme {
    -webkit-mask-image: url("../img/iconos/iconos-atras.svg");
    background-color: var(--color-1);
}
.botones-container .opciones a.home, .modulo_container a.home {
    -webkit-mask-image: url("../img/iconos/iconos-home.svg");
    background-color: var(--color-1);
}
.botones-container .opciones a.next-theme {
    -webkit-mask-image: url("../img/iconos/iconos-siguiente.svg");
    background-color: var(--color-1);
}
.botones-container .opciones a.download-pdf {
    -webkit-mask-image: url("../img/iconos/iconos-pdf.svg");
    background-color: var(--color-1);
}
.botones-container .opciones a.back-to-top {
    -webkit-mask-image: url("../img/iconos/iconos-arriba.svg");
    background-color: var(--color-1);
}
.modulo_container a.home:hover, .botones-container .opciones a.back-theme:hover, .botones-container .opciones a.home:hover, .botones-container .opciones a.next-theme:hover, .botones-container .opciones a.download-pdf:hover, .botones-container .opciones a.back-to-top:hover {
    background-color: var(--color-2);
    transition: all 0.5s ease-in-out;
}
/*----* 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;
}
/*----* Genera PDF *----*/
.screen .migaja, .screen .botones-container .opciones, .screen #recursos, .screen #footer {
    display: none !important;
}
.screen #copyright {
    display: block !important;
}
.border-top_secciones {
    padding: 17px 75px 80px;
    position: relative;
}
.border-top_secciones::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 25%;
    z-index: 1;
    background-color: var(--color-2);
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
.border-top_secciones::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-color: var(--color-3);
}
.border-top_secciones .title {
    margin-bottom: 80px !important;
}
.border-top_secciones h1 span {
    background-color: var(--color-3);
    color: var(--color-blanco);
    padding: 17px 60px;
    font-size: 2rem;
}
.modal-backdrop {
    --bs-backdrop-bg: var(--color-1) !important;
    background: var(--color-1);
}
#banner-m1, #banner-m2, #banner-m3, #banner-m4, #banner-m5, #banner-m6, #banner-m7, #banner-m8, #banner-m9, #banner-m10, #banner-m11, #banner-m12 {
    position: relative;
}
#banner-m1::before, #banner-m2::before, #banner-m3::before, #banner-m4::before, #banner-m5::before, #banner-m6::before, #banner-m7::before, #banner-m8::before, #banner-m9::before, #banner-m10::before, #banner-m11::before, #banner-m12::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 25%;
    z-index: 1;
    background-color: var(--color-2);
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%);
}
#banner-m1::after, #banner-m2::after, #banner-m3::after, #banner-m4::after, #banner-m5::after, #banner-m6::after, #banner-m7::after, #banner-m8::after, #banner-m9::after, #banner-m10::after, #banner-m11::after, #banner-m12::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 10px;
    width: 100%;
    background-color: var(--color-3);
}
.accordionContent .accordion-item {
    background-color: transparent;
    border: 0;
    margin-bottom: 70px;
}
.accordionContent .accordion-item .accordion-button {
    width: fit-content;
    max-width: 80%;
    min-width: 270px;
    font-size: 22px;
    font-weight: 700;
    padding: 10px 25px;
    justify-content: center;
    transition: all 0.15s ease-in-out;
    box-shadow: none;
    border-radius: 0;
}
.accordionContent .accordion-item .accordion-header {
    position: relative;
}
.accordionContent .accordion-item .accordion-button.collapsed {
    color: var(--color-blanco);
}
/*
#modulo-3 .accordionContent .accordion-item .accordion-button.collapsed, #modulo-6 .accordionContent .accordion-item .accordion-button.collapsed, #modulo-9 .accordionContent .accordion-item .accordion-button.collapsed, #modulo-12 .accordionContent .accordion-item .accordion-button.collapsed {
    color: var(--color-1);
}
*/
.accordionContent .accordion-item .accordion-button.collapsed + .hr {
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all 0.15s ease-in-out;
}
.accordionContent .accordion-button:not(.collapsed) {
    color: var(--color-blanco);
}
/*
#modulo-3 .accordionContent .accordion-button:not(.collapsed), #modulo-6 .accordionContent .accordion-button:not(.collapsed), #modulo-9 .accordionContent .accordion-button:not(.collapsed), #modulo-12 .accordionContent .accordion-button:not(.collapsed) {
    color: var(--color-1);
}
*/
#modulo-1 .accordionContent .accordion-item .accordion-button:not(.collapsed), #modulo-1 .accordionContent .accordion-item .accordion-button:hover, #modulo-1 .accordionContent .accordion-item .accordion-button:active, #modulo-1 .accordionContent .accordion-item .accordion-button.collapsed, #modulo-1 .accordionContent .accordion-item .accordion-button.collapsed + .hr, #modulo-1 .accordionContent .accordion-item .accordion-button.collapsed:hover + .hr {
    background-color: var(--color-2) !important;
}
#modulo-2 .accordionContent .accordion-item .accordion-button:not(.collapsed), #modulo-2 .accordionContent .accordion-item .accordion-button:hover, #modulo-2 .accordionContent .accordion-item .accordion-button:active, #modulo-2 .accordionContent .accordion-item .accordion-button.collapsed, #modulo-2 .accordionContent .accordion-item .accordion-button.collapsed + .hr, #modulo-2 .accordionContent .accordion-item .accordion-button.collapsed:hover + .hr {
    background-color: var(--color-2) !important;
}
#modulo-3 .accordionContent .accordion-item .accordion-button:not(.collapsed), #modulo-3 .accordionContent .accordion-item .accordion-button:hover, #modulo-3 .accordionContent .accordion-item .accordion-button:active, #modulo-3 .accordionContent .accordion-item .accordion-button.collapsed, #modulo-3 .accordionContent .accordion-item .accordion-button.collapsed + .hr, #modulo-3 .accordionContent .accordion-item .accordion-button.collapsed:hover + .hr {
    background-color: var(--color-2) !important;
}
#modulo-4 .accordionContent .accordion-item .accordion-button:not(.collapsed), #modulo-4 .accordionContent .accordion-item .accordion-button:hover, #modulo-4 .accordionContent .accordion-item .accordion-button:active, #modulo-4 .accordionContent .accordion-item .accordion-button.collapsed, #modulo-4 .accordionContent .accordion-item .accordion-button.collapsed + .hr, #modulo-4 .accordionContent .accordion-item .accordion-button.collapsed:hover + .hr {
    background-color: var(--color-2) !important;
}
#modulo-5 .accordionContent .accordion-item .accordion-button:not(.collapsed), #modulo-5 .accordionContent .accordion-item .accordion-button:hover, #modulo-5 .accordionContent .accordion-item .accordion-button:active, #modulo-5 .accordionContent .accordion-item .accordion-button.collapsed, #modulo-5 .accordionContent .accordion-item .accordion-button.collapsed + .hr, #modulo-5 .accordionContent .accordion-item .accordion-button.collapsed:hover + .hr {
    background-color: var(--color-2) !important;
}
.accordionContent .accordion-item .accordion-button .bi {
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: 2px;
    transition: transform 0.2s ease-in-out;
}
.accordionContent .accordion-item .accordion-button.collapsed .bi-caret-up-fill {
    background-image: url(data:image/svg + xml,
 <svgxmlns="http://www.w3.org/2000/svg"width="16"height="16"fill="white"class="bi bi-caret-up-fill"viewBox="0 0 16 16"><pathd="m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z"/></svg>);
    transform: rotate(-180deg);
}
.accordionContent .accordion-item .accordion-collapse {
    background-color: transparent;
    box-shadow: 5px 5px 25px 0px rgb(235 44 28 / 28%);
    border-radius: 0 5px 5px 5px;
}
.accordionContent .accordion-item .accordion-collapse .accordion-body {
    font-size: 16px;
    color: var(--color-negro);
    overflow: hidden;
}
.modal-header {
    border-bottom: 0;
}
.modal-header .btn-close {
    background: var(--color-1) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    color: var(--color-blanco);
    opacity: 1;
    border-radius: 50%;
    padding: 10px !important;
    width: 1em;
    height: 1em;
    margin-top: 5px;
    margin-right: 5px;
}
.modal-header .btn-close:focus {
    box-shadow: none;
}
.modal-header .btn-close:hover {
    background: var(--color-2) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    transition: all 0.5s ease-in-out;
}
#temario .modal-title, #informacion_g .modal-title, #calendario .modal-title {
    text-align: center;
}
#temario .modal-title span, #informacion_g .modal-title span, #calendario .modal-title span {
    background: var(--color-2);
    color: var(--color-blanco);
    padding: 6px 60px;
    position: relative;
}
.modulo_container {
    padding: 60px 0;
}
.modal-content {
    border-radius: 10px;
}
.modal-contenedor_informacion {
    background: var(--color-4);
    padding: 30px 15px;
    border-radius: 15px;
}
.modal-contenedor_informacion h4 {
    color: var(--color-1);
    text-align: center;
    text-transform: uppercase;
    margin-top: 0.6rem;
}
.temas_container {
    background: var(--color-4);
}
.tema_item {
    width: 100%;
    height: 100%;
    text-align: left;
    padding: 10px 20px;
    font-size: 1.3rem;
    font-weight: 500;
    transition: all 1s;
    display: inline-flex;
    justify-content: normal;
    align-items: center;
}
#modulo-1 .tema_item svg {
    max-width: 90px;
    fill: var(--color-2);
}
#modulo-2 .tema_item svg {
    max-width: 90px;
    fill: var(--color-2);
}
#modulo-3 .tema_item svg {
    max-width: 90px;
    fill: var(--color-2);
}
#modulo-4 .tema_item svg {
    max-width: 90px;
    fill: var(--color-2);
}
#modulo-5 .tema_item svg {
    max-width: 90px;
    fill: var(--color-2);
}
.tema_box {
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 50px 20px 60px;
    font-size: 1.1rem;
    font-weight: 500;
    transition: all 1s;
}
#modulo-1 .tema_item, #modulo-1 .tema_box, #modulo-2 .tema_item, #modulo-2 .tema_box, #modulo-3 .tema_item, #modulo-3 .tema_box, #modulo-4 .tema_item, #modulo-4 .tema_box, #modulo-5 .tema_item, #modulo-5 .tema_box {
    border: 1px solid var(--color-2);
    color: var(--color-2);
}
#modulo-1 .tema_box:hover, #modulo-1 .tema_box:active, #modulo-1 .tema_box:focus, #modulo-1 .tema_item:hover, #modulo-1 .tema_item:focus, #modulo-1 .tema_item:active {
    background: var(--color-2);
    color: var(--color-blanco);
    transition: all 0.5s ease-in-out;
}
#modulo-2 .tema_box:hover, #modulo-2 .tema_box:active, #modulo-2 .tema_box:focus, #modulo-2 .tema_item:hover, #modulo-2 .tema_item:focus, #modulo-2 .tema_item:active {
    background: var(--color-2);
    color: var(--color-blanco);
    transition: all 0.5s ease-in-out;
}
#modulo-3 .tema_box:hover, #modulo-3 .tema_box:active, #modulo-3 .tema_box:focus, #modulo-3 .tema_item:hover, #modulo-3 .tema_item:focus, #modulo-3 .tema_item:active {
    background: var(--color-2);
    color: var(--color-blanco);
    transition: all 0.5s ease-in-out;
}
#modulo-4 .tema_box:hover, #modulo-4 .tema_box:active, #modulo-4 .tema_box:focus, #modulo-4 .tema_item:hover, #modulo-4 .tema_item:focus, #modulo-4 .tema_item:active {
    background: var(--color-2);
    color: var(--color-blanco);
    transition: all 0.5s ease-in-out;
}
#modulo-5 .tema_box:hover, #modulo-5 .tema_box:active, #modulo-5 .tema_box:focus, #modulo-5 .tema_item:hover, #modulo-5 .tema_item:focus, #modulo-5 .tema_item:active {
    background: var(--color-2);
    color: var(--color-blanco);
    transition: all 0.5s ease-in-out;
}
.tema_item:hover svg, .tema_item:focus svg, .tema_item:active svg {
    fill: var(--color-blanco) !important;
    transition: all 0.5s ease-in-out;
}
.tema_box h6 {
    font-size: 1.2rem;
    margin-bottom: 30px;
}
.modulos #modulo-1 #banner-m1::before, .modulos #modulo-1 #banner-m1::after {
    display: block;
}
/*------  Lapzo  --------*/
.lapzo #modulo-1 #banner-m1::before, .lapzo #modulo-1 #banner-m1::after, .lapzo #modulo-2 #banner-m2::before, .lapzo #modulo-2 #banner-m2::after, .lapzo #modulo-3 #banner-m3::before, .lapzo #modulo-3 #banner-m3::after, .lapzo #modulo-4 #banner-m4::before, .lapzo #modulo-4 #banner-m4::after, .lapzo #modulo-5 #banner-m5::before, .lapzo #modulo-5 #banner-m5::after, .lapzo #btn-top, .lapzo .home, .lapzo .back-theme, .lapzo .next-theme {
    display: none !important;
}
#esbelta #modulo-1 #banner-m1::before, #esbelta #modulo-1 #banner-m1::after, #esbelta #modulo-2 #banner-m2::before, #esbelta #modulo-2 #banner-m2::after, #esbelta #modulo-3 #banner-m3::before, #esbelta #modulo-3 #banner-m3::after, #esbelta #modulo-4 #banner-m4::before, #esbelta #modulo-4 #banner-m4::after, #esbelta #modulo-5 #banner-m5::before, #esbelta #modulo-5 #banner-m5::after {
    display: block !important;
}
/*----* Responsive Media Queries *----*/
/* 'xxl' applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
    .modulos .card .card_content .content {
        padding: 70px 50px 0px 35px;
    }
}
/* '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;
    }
    /*----* Modulos Card *----*/
    .modulos .card {
        height: 750px;
    }
    .modulos .card .card_content .content {
        padding: 60px 20px;
    }
    /* Modulo Contenido */
    .modu_temas .contenedor-semanas .detalle-semanas .columna-semana .titulo {
        padding: 4px 15px;
    }
    /*---* Footer *---*/
    .footer-container {
        padding: 15px 80px;
    }
    .modu_item {
        height: auto;
    }
    .modu_item svg {
        max-width: 60px;
    }
    .modulos .card .card_content .row .modu_img::before {
        height: 150px;
    }
}
/* 'lg' applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .modulos .card .card_content .row .modu_img::before {
        display: none;
    }
    /*---* 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 .card_content .content {
        padding: 60px 30px;
    }
    .modulos .card {
        height: 600px;
    }
    .modulos .card:hover .card_head {
        top: 0;
    }
    .modulos .card .card_content {
        margin-top: 65px;
    }
    /*---* 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;
    }
    .modulos .card .card_head {
        text-align: center;
        transform: rotate(0deg);
        top: calc(50% - 30.5px);
        left: 0;
    }
}
/* '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 .card_content .content {
        padding: 60px 20px;
    }
    .modulos .card {
        height: 830px;
    }
    .modulos .card .card_head {
        padding: 5px 25px;
        font-size: 24px;
    }
    .modulos .card .card_content {
        margin-top: 50px;
    }
    .modulos .card .card_content .content::before {
        width: 50px;
    }
    .modulos .card .card_content .content .modu_compe {
        margin-bottom: 25px;
    }
    .modulos .card .card_content .content .modu_compe p {
        font-size: 16px;
        line-height: 18px;
    }
    /* Modulo Contenido */
    .modu_temas .contenedor-semanas .detalle-semanas .columna-semana {
        display: flex;
        padding-bottom: 45px;
    }
    .modu_temas .contenedor-semanas .detalle-semanas .columna-semana .titulo {
        font-size: 16px;
        padding: 0px 10px;
    }
    .modu_temas .contenedor-semanas .detalle-temas {
        padding: 10px 20px 13px;
    }
    .modu_temas .contenedor-semanas .detalle-temas .titulo {
        font-size: 16px;
    }
    .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades {
        display: inline-grid;
    }
    .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades p {
        font-size: 16px;
        margin-bottom: 5px;
    }
    /*---* 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;
    }
}
/* '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;
    }
    /*--  Header ---*/
    .header-container .logo {
        text-align: center;
        display: grid;
    }
    .banner-container .banner-detail .titulo h1 {
        font-size: 34px;
    }
    /*---* Competencia *---*/
    .border-top_secciones h1 span {
        font-size: 1.35rem;
    }
    .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: 20px 40px 15px;
    }
    /*----* Modulos *----*/
    .modu-container {
        padding: 20px 25px 100px;
    }
    .modulos .card:hover .card_head {
        width: 220px;
        left: calc(50% - 110px);
    }
    .modulos .card:hover .card_head {
        top: 5px;
    }
    #modu1 .content::before, #modu2 .content::before, #modu3 .content::before, #modu4 .content::before, #modu5 .content::before {
        display: none;
    }
    .modu_img {
        height: auto;
    }
    .modu_img img {
        margin: 0px auto 25px;
    }
    /*----* Modulos Card *----*/
    /* Card Hover */
    .modulos .card .card_content .content {
        padding: 30px 10px;
    }
    /* Modulo Contenido */
    .modu_temas .contenedor-semanas .detalle-semanas .columna-semana .titulo {
        font-size: 14px;
        padding: 0px 5px;
    }
    .modu_temas .contenedor-semanas .detalle-temas .titulo {
        font-size: 14px;
    }
    .modu_temas .contenedor-semanas .detalle-actividades .columna-actividades 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;
    }
}
/**--- ajustes de las cards ---**/
@media (max-width: 475.98px) {
    .modulos .card {
        height: 730px;
    }
    .border-top_secciones h1 span {
        padding: 17px 35px;
    }
}
/* 'xs' returns only a ruleset and no media query */
@media (max-width: 320.98) {
    #modulo-1 .tema_item svg, #modulo-2 .tema_item svg, #modulo-3 .tema_item svg, #modulo-4 .tema_item svg, #modulo-5 .tema_item svg {
        max-width: 75px;
    }
}