@font-face {
    font-family: "Amsi Pro-Bold";
    src: url("/assets/fonts/fonts/FontsFree-Net-AmsiPro-Bold.ttf");

}
  

.--bg-dark-1 {background-color: #02050f;}
.--bg-dark-2 {background-color: #131418;}
.--bg-dark-3 {background-color: #1e2026;}

body {
    /* max-width: 1536px; */
    /* background: #121317; */
    background: #000;
    font-family: 'Montserrat',sans-serif!important;
}
ul, ol {
    list-style: none
}
h1, h2, h3, .h1, .h2, .h3 {
    font-family: 'Amsi Pro-Bold', sans-serif;
}
h4, h5, h6, .h4, .h5, .h6 {
    font-family: 'Amsi Pro-Bold', sans-serif;
}
h2, .h2 {
    color: #E6E6E6;
    font-size: 28px;
}
a * {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
a {
    cursor: pointer;
}
.font-serif {
    font-family: 'Merriweather', serif;
}
.font-sans-serif {
    font-family: 'Inter', sans-serif;
}
.btn-whatsapp {
    display: block;
    width: 70px;
    height: 70px;
    color: #fff;
    position: fixed;
    right: 12px;
    bottom: 14px;
    border-radius: 50%;
    line-height: 80px;
    text-align: center;
    z-index: 999;
}
.form-control:focus {
    border-color: #1FC1F4;
}
.justify-content-space-between {
    justify-content: space-between !important;
}
.btn {
    font-size: 13px;
    letter-spacing: 0px;
}
.btn-outline-secondary {
  color: #C5C5C5;
  border-color: #C5C5C5;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #C5C5C521;
  border-color: #C5C5C5;
}
.btn-outline-secondary:active {
  color: #fff;
  background-color: #C5C5C53D !important;
  border-color: #8f9397;
}
[aria-expanded="true"] .chevron-arrow {
  transform: rotate(-180deg);
}
.form-control {
    border-color: #23242a;
    background-color: #23242a;
}
.form-control:focus {
    color: #c1bfb0;
    background-color: #0C3DE817;
}
.--col-card:hover img {
    transform: scale(1.05) !important;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

/* --------------------------------------------------------------------
 * Header
 * ----------------------------------------------------------------- */
.nav-mainmenu-a {
    color: #C5C5C5;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    padding: 0 12px;
    border-top: 2px solid transparent;
}
.nav-mainmenu-a:hover {
    color: #fff;
}
header {
    height: 60px;
}
.logo {
    height: 18px;
    width: auto;
}
.--lg-xl-buscador-navbar {
    position: absolute;
    top: 0;
    right: 0;
    color: #8f9397;
    cursor: pointer;
    height: 100%;
    padding-top: 3px;
}
#--lg-xl-nav-right input {
    height: 34px;
}
#--lg-xl-nav-right i {
    font-size: 24px;
}
/* #--lg-xl-nav-right img {width: 32px;border-radius: 3px;} */
.w-40px {
    width: 40px;
}
.--header-circular-badge {
    position: absolute;top: -12px;left: 12px;width: 18px;height: 18px;text-align: center;color: #eaeaea;border-radius: 50%;background: #1FC1F4;font-size: 9px;line-height: 20px;font-weight: 700;align-items: center;display: flex;justify-content: center;
}
#--lg-xl-nav-right .profile-user-photo {
    height: 38.8px;display: flex;align-items: center;padding-left: 7px;padding-bottom: 3px;
}
#--lg-xl-nav-right .profile-user-photo img {
    border-radius: 50%;border: 2px solid #1FC1F4;width: 28px;
}
.header-lg {
    background-color: rgb(0, 0, 0);
    /* background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(126, 126, 126, 0.8) 20.02%, rgba(17, 18, 18, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;

    background-position-y: bottom; */
}
.--xs-header {
    height: 50px;

    /* background: #16171b; */
    
    background-color:red;
    /* background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(55, 55, 55, 0.8) 20.02%, rgba(17, 18, 18, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;

    background-position-y: bottom; */
}
.navbar {
  height: 50px;
}
.--header-mobile-a {
    color: #8b8c91;width: 40px;text-align: center;padding: 0;position: relative;
}
.--header-mobile-a i {
    font-size: 24px;
}
.modal-content {
    background: #16171b;
}
.--modal-login i {
    color: #afafaf;
}
.--modal-login h5 {
    color: #afafaf;
}
.--lg-header .form-control:disabled, .--lg-header .form-control[readonly] {
  background-color: #23242a;
  opacity: 1;
}
.que-quieres-aprender .--items {
    border-radius: 4px;
}
.que-quieres-aprender .--items .--item {
    margin-bottom: 1rem;
}
.que-quieres-aprender .--items .--item:last-child {
    margin-bottom: 0;
}
.que-quieres-aprender .--items .--item img {
    width: 80px;
    height: 64px;
    object-fit: cover;
    object-position: center;
    min-width: 80px;
    border-radius: 4px;
}
.que-quieres-aprender .--items .--item .--datos {
  padding-left: 12px;
}
.que-quieres-aprender .--items .--item .--datos .--titulo {
  font-weight: 500;
  line-height: 1.4;
  font-size: 13px;
  color: #bababa;
}
.que-quieres-aprender .--items .--item .--datos span.--profesor {
    font-size: 12px;
    line-height: normal;
    color: #7D7D7D;
    margin-top: 6px;
    display: inline-block;
}
header .--btn-ingresar {
    border-color: transparent;
    color: #fff;
}
header .--btn-ingresar:hover {
    color: #fff;
    background-color: #0b1020;
    border-color: #0b1020;
}
header .--btn-ingresar:active {
    color: #fff;
    background-color: #0e152b;
    border-color: #0e152b;
}
header .--li-dropdown .dropdown-menu {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
    padding: .5rem;
}
header .--li-dropdown .dropdown-menu.show {
    background: #1c1f24;
    border-radius: 9px;
}
header .--li-dropdown .dropdown-menu.show .dropdown-item {
    padding: .5rem 1rem;
    border-radius: 8px;
}
header .--li-dropdown .dropdown-menu.show .dropdown-item:hover {
    background: #262831;
    color: #a5a5a5 !important;
}
header .--li-dropdown .dropdown-menu.show .dropdown-item:focus {
    color: #8f9397 !important;
}
header .--li-dropdown .dropdown-menu.show .dropdown-item.--mi-perfil:hover {
  background: #0c3de83d;
  color: #e7e7e7 !important;
}
header .--li-dropdown .dropdown-menu.show .dropdown-item.--cerrar-sesion:hover {
  background: #e80c0c3d;
  color: #e7e7e7 !important;
}
header .--li-dropdown .dropdown-menu.show .dropdown-item i {
    font-size: 14px !important;
}
header .--li-dropdown button {
    padding: 0 5px;
    margin-bottom: 2px;
}
header .--li-dropdown button img {
    border-radius: 50%;
    border: 2px solid #1FC1F4;
    width: 28px;
}
.--menu-mobile {
    position: absolute;z-index: 9999999;height: 100%;top: 0;bottom: 0;background: #0b0b0d;left: 0;right: 0;
}
.--menu-mobile .--enlaces {
    display: flex;align-items: center;height: 100%;padding: 0 30px;
}
.--menu-mobile .--enlaces ul li a {
    color: #f2f2f2;font-size: 28px;line-height: 1.2;letter-spacing: -0.05rem;font-weight: 700;font-family: 'Merriweather', serif;margin-bottom: 0.7rem;display: block;
}
.--menu-mobile .--enlaces ul hr {
    border-top-color: #252525;
}
.--menu-mobile .--enlace-bottom {
    position: absolute;bottom: 6px;width: calc(100% - 60px);text-align: center;
}
.--menu-mobile .--enlace-bottom a {
    color: #fff;background: #1FC1F4;padding: 10px 17px;border-top-left-radius: 6px;border-top-right-radius: 6px;font-size: 13px;font-weight: 500;
}
.--menu-mobile .--btn-cerrar-menu {
    position: absolute;top: 4px;width: 50px;right: 7px;text-align: center;
}
.--menu-mobile .--btn-cerrar-menu {
    font-size: 34px;color: gainsboro;cursor: pointer;
}
.--menu-mobile.--logueado .--enlaces ul li a {
    color: #8f8f8f;
}
.--menu-mobile.--logueado .--enlaces ul li.--li-logueado a {
  color: #fff;
}
.--menu-mobile.--logueado .--enlace-bottom a {
    background: #E80C16;
}

/* --------------------------------------------------------------------
 * Home
 * ----------------------------------------------------------------- */
.--home-hero {
    background-color: rgb(0, 0, 0);
    /* background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(45, 45, 45, 0.8) 20.02%, rgba(17, 18, 18, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom; */
}
.--home-hero h1 {
    color: #e6e6e6;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.05rem;
    font-weight: 700;
    font-family: 'Amsi Pro-Bold', sans-serif;
}
.--home-hero h1 strong {
    font-family: 'Amsi Pro-Bold', sans-serif;
}
.--home-hero-p1 {
    font-size: 16px;
    line-height: 1.35;
    color: #C5C5C5;
    font-family: 'Montserrat',sans-serif;
}
.--home-hero .btn {
    min-width: 132px;
    font-size: 14px;
}
.--home-hero p.--aceptar-condiciones a {
  color: #f7f8f9;
}
.--home-hero-img {
    transform: scale(1.2);
}
.--home-marcas {
    background-color: rgb(0, 0, 0);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    /* background-image: linear-gradient(148.8deg, rgba(0, 39, 252, 0.8) 20.02%, rgba(17, 18, 18, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none; */
    background-image: linear-gradient(148.8deg, rgba(45, 45, 45, 0.8) 20.02%, rgba(17, 18, 18, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;

    background-position-y: bottom;
}
.--home-membresias {
    background-color: rgb(11, 11, 13);

    /* background-color: rgb(0, 0, 0);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(12, 18, 50, 0.8) 20.02%, rgba(79, 79, 79, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;

    background-position-y: bottom; */
}
.--home-membresias .--cards-home-planes .card-1 {
    /* background: #0C3DE8; */

    background-color: rgb(112, 50, 20);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(255, 229, 18, 0.94) 20.02%, rgba(79, 0, 108, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.--home-membresias .--cards-home-planes .card-2 {
    /* background: #0C3DE8; */

    background-color: rgb(20, 21, 112);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(102, 112, 255, 0.94) 20.02%, rgba(255, 0, 108, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.--home-membresias .--cards-home-planes .card-3 {
    /* background-color: rgb(238, 48, 48); */

    background-color: rgb(206, 0, 58);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(0, 39, 252, 0.8) 20.02%, rgba(17, 18, 18, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.--home-membresias .--cards-home-planes .card-4 {
    /* background-color: rgb(56, 21, 135); */

    background-color: rgb(112, 20, 20);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(178, 0, 108, 0.84) 20.02%, rgba(53, 255, 94, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.--home-membresias .--cards-home-planes .card-5 {
  background-color: rgb(20, 112, 82);
  background-position: 0% 0%, 0% 0%, 0% 0%;
  background-attachment: scroll, scroll, scroll;
  background-image: linear-gradient(148.8deg, rgba(243, 255, 102, 0.94) 20.02%, rgba(255, 0, 108, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
  background-blend-mode: overlay, normal, normal;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
}
.--home-membresias .--cards-home-planes .card-body {
    padding: 2rem 2rem;
}
.--home-membresias .--cards-home-planes .card-body .card-title {
    font-size: 24px;/*30px;*/
    color: #fff;
}
.--home-membresias .--cards-home-planes .card-body p {
    color: #fff;
}
.--home-membresias .--cards-home-planes .card-body span.conocer-mas {
    color: #fff;
    font-weight: 500;
    display: block;
}
.--home-membresias .--cards-home-planes .card-body span.conocer-mas i {
    font-size: 18px;
    line-height: 0;
    vertical-align: -3px;
}
.--home-membresias .--cards-home-planes .card-1:hover {
    filter: drop-shadow(rgba(255, 229, 18, 0.4) 0px 28px 80px);
}
.--home-membresias .--cards-home-planes .card-2:hover {
    filter: drop-shadow(rgba(2, 61, 238, 0.4) 0px 28px 80px);
}
.--home-membresias .--cards-home-planes .card-3:hover {
    filter: drop-shadow(rgba(238, 2, 168, 0.4) 0px 28px 80px);
}
.--home-membresias .--cards-home-planes .card-4:hover {
    filter: drop-shadow(rgba(238, 223, 2, 0.35) 0px 28px 80px);
}
.--home-membresias .--cards-home-planes .badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .75em;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .3125rem;
}
.--home-membresias .--cards-home-planes .bg-soft-light {
  background-color: rgba(249,250,252,.1) !important;
}
.--home-membresias .--cards-home-planes .card-body.--pattern-overlay-1-05::before {
  content: "";
  background-image: url(pattern-1.png);
  background-position: center center;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.5;
}
.--home-membresias .--cards-home-planes p {
    min-height: 44.8px;
}
.--home-programas {
    background-color: rgb(0, 0, 0);
    /* background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(12, 18, 50, 0.8) 20.02%, rgba(79, 79, 79, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;

    background-position-y: bottom; */
}
.--home-programas .--col-card a {
    background: transparent;
    border: none;
}
.--home-programas .--col-card img {
    border-radius: 4px;
}
.--home-programas .--col-card h4 {
    line-height: 1.4;
    font-size: 14px;
}
.--home-programas .--col-card .--datos-flex {
    color: inherit;
    font-size: 13px;
}
.--home-programas .--col-card ul {
    display: flex;
    justify-content: space-between;
}
.--home-programas .--col-card ul li {
    display: flex;
    align-items: center;
}
.--home-programas .--col-card .card-body * {
  color: #e6e6e6;
}
.--home-programas .--col-card .card-footer {
    background: transparent;
}
.--home-programas .--col-card .card-footer .span-profesores {
    color: #fff;
}
.--home-programas .--col-card .card-footer .--card-footer-ul-profesores .avatar-xs {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #f8f9fa;
    background: #f8f9fa;
    color: #fff;
}
.--home-programas .--col-card .card-footer .--card-footer-ul-profesores > li + li {
    margin-left: -0.75rem;
}
.--home-programas .--col-card .card-footer .--card-footer-ul-profesores li:hover {
    z-index: 1;
}
.--home-programas .--col-card .card-footer {
  border-top: 1px solid rgba(104, 104, 104, 0.09);
}
.--home-programas .--col-card .card-footer .span-profesores {
    font-size: 13px;font-weight: 500;
}
.--home-programas .--col-card:hover {
    filter: drop-shadow(rgba(52, 23, 170, 0.4) 0px 32px 80px);
}
.--home-eventos {
    background-color: rgb(11, 11, 13);
    /* background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(12, 18, 50, 0.8) 20.02%, rgba(79, 79, 79, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;

    background-position-y: bottom; */
}
.--home-eventos .--col-card a {
    background: transparent;
    border: none;
}
.--home-eventos .--col-card img {
    border-radius: 4px;
}
.--home-eventos .--col-card .card-body * {
    color: #e6e6e6;
}
.--home-eventos .--col-card h4 {
    line-height: 1.4;
    font-size: 14px;
}
.--home-eventos .--col-card ul {
    display: flex;
    justify-content: normal;
}
.--home-eventos .--col-card ul li {
    display: flex;
    align-items: center;
}
.--home-eventos .--col-card .--datos-flex {
    color: inherit;
    font-size: 13px;
}
.--home-eventos .--col-card .card-body * {
    color: #e6e6e6;
}
.--home-eventos .--col-card p {
    font-size: 12px;
    line-height: 1.3;
}
.--home-eventos .--col-card .card-footer .--card-footer-ul-profesores > li + li {
  margin-left: -0.75rem;
}
.--home-eventos .--col-card .card-footer {
    background: transparent;
}
.--home-eventos .--col-card .card-footer {
    border-top: 1px solid rgba(249, 249, 249, 0.09);
}
.--home-eventos .--col-card .card-footer .--card-footer-ul-profesores .avatar-xs {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #f8f9fa;
    background: #f8f9fa;
    color: #fff;
}
.--home-eventos .--col-card .card-footer .span-profesores {
    color: #fff;
    font-size: 13px;
    font-weight: 500;
}

/* --------------------------------------------------------------------
 * Curso
 * ----------------------------------------------------------------- */
.--curso-hero {
    background-color: #02050f;
}
.--curso-hero h1 {
  color: #e6e6e6;
  font-size: 36px;
  line-height: 1.2;
  letter-spacing: -0.05rem;
  font-weight: 700;
  font-family: 'Merriweather', serif;
}
.--curso-hero p {
    font-size: 16px;
    line-height: 1.35;
    color: #C5C5C5;
}
.--curso-contenido {
    background-color: #02050f
}
.--left-sobre-el-curso ul {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}
.--left-sobre-el-curso li {
    list-style: disc;
    list-style-position: outside;
    margin-left: 11px;
    max-width: calc(50% - 11px);
    color: #C5C5C5;
    padding-right: 8px;
}
.--left-sobre-el-curso h5 {
    color: #E6E6E6;
}
.--curso-col-left h5 {
    color: #E6E6E6;
}
.--curso-col-left #--temario-del-curso.card {
    background: transparent;
}
.--curso-col-left #--temario-del-curso .card-body {
    background-color: #131418;
}
.--curso-col-left #cursoAcordion ul li > a.--unidad {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    margin-bottom: 0;
}
.--curso-col-left .--unidad .--title {
    font-size: 16px;
}
.--curso-col-left .--unidad .--datos {
    font-size: 12px;
}
.--curso-col-left .--leccion {
    color: inherit;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.--curso-col-left .--leccion .--title {
  max-width: calc(100% - 60px);
}
.--curso-col-left .--leccion:hover {
    background: #4747470a;
}
.--curso-col-left .--leccion i.mdi-play {
    color: #0CE8A7;
}
.--curso-col-left .--leccion i.mdi-lock-outline {
    color: #747474;
}
.--curso-col-left .list-group-item {
    border: 1px solid #222631;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
.--curso-col-left .--table-striped > .--leccion:nth-of-type(2n+1) {
    background: #23232442;
    color: inherit;
}
.--left-instructores h5 {
    color: #E6E6E6;
}
.--left-instructores .--instructor {
    color: #E6E6E6;font-size: 17px;
}
.--left-instructores .--universidad {
    color: #D8D8D8;font-size: 15px;font-weight: 400;
}
.--left-instructores img {
    border-radius: 50%;width: 90px;
}
.--left-instructores .--detalles {
    align-items: center;display: flex;
}
.--left-instructores .--detalles ul li span {
    color: #D8D8D8;
}
.--left-instructores p {
    color: #C5C5C5;
}
.--left-calificaciones-sobre-el-curso {
    background-color: transparent;border: none;
}
.--left-calificaciones-sobre-el-curso h3 {
    font-size: 44px;color: #f4f4f4;
}
.--left-calificaciones-sobre-el-curso .mdi-star, .--left-calificaciones-sobre-el-curso .mdi-star-half {
    color: #0CE8A7;
}
.--left-calificaciones-sobre-el-curso .mdi-star.--star-vacia {
    color: #0CE8A7;
    opacity: 0.2;
}
.--left-calificaciones-sobre-el-curso .progress {
    height: 6px;background-color: #23242a;
}
.--left-calificaciones-sobre-el-curso .progress-bar {
    background-color: #0CE8A7;
}
.--left-calificaciones-sobre-el-curso .--valoracion img {
    width: 55px;height: 55px;
}
.--left-calificaciones-sobre-el-curso .--valoracion i {
    color: #0CE8A7;
    font-size: 12px;
    margin-right: -0.25rem;
}
.--left-calificaciones-sobre-el-curso .--valoracion i:last-child {
    margin-right: 0;
}
.--left-calificaciones-sobre-el-curso .--valoracion .--fecha {
    color: #6c757d;font-size: 12px;
}
.--left-calificaciones-sobre-el-curso .--valoracion p {
    color: #C5C5C5;
}
.--left-calificaciones-sobre-el-curso .--col-izquierda p {
    font-size: 11px;color: #b1b1b1;
}
.--div-imagen-para-video {
    display: flex;
    justify-content: center;
    min-height: 200px;
    background-size: cover;
    border-radius: 0.3rem;
}
.--curso-col-right .--div-imagen-para-video::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    height: 200px;
    background: black;
    z-index: 1;
    border-radius: 0.3rem;
}
.--curso-col-right .card {
    border: 0;
}
.--curso-col-right .card .btn-outline-primary:hover {
    color: #fff;
}
.--curso-col-right .card h5 {
    color: #ffffff;
    font-size: 17px;
    font-weight: 400;
}
.--curso-col-right .--div-imagen-para-video a {
    display: flex;
    align-items: center;
    width: 54px;
    z-index: 2;
}
.--curso-col-right .--div-imagen-para-video a:hover {
    transform: scale(1.1);
}
.--ul-detalles-del-curso li {
    color: #C2C3C9;
    border-top: 1px solid #282828 !important;
    border-radius: 0 !important;
    background: transparent;
    display: flex;
    align-items: center;
}
.--ul-detalles-del-curso li:last-child {
    border-bottom: 1px solid #282828;
}
.--curso-col-right > div {
    top: 20px;
    position: sticky;
    background: #02050f;
    z-index: 1;
}

/* --------------------------------------------------------------------
 * Registro, Login y Recuperar password
 * ----------------------------------------------------------------- */
.--register-login-recovery-password {
    height: 100vh;
  
    background: #131418;
}
.--register-login-recovery-password .--submenu-desktop {
    background-color: #1e2026;
}
.--register-login-recovery-password .--submenu-mobile {
    background-color: #1e2026;
}
.--register-login-recovery-password .--submenu-ul {
    height: 40px;font-size: 13px;
}
.--register-login-recovery-password .--submenu-ul li {
    height: 100%;
    align-items: center;
    display: flex;
    margin-right: 24px;
    padding-top: 2px;
    border-bottom: 2px solid transparent;
}
.--register-login-recovery-password .--submenu-ul li.--active {
    border-bottom: 2px solid #1FC1F4;
}
.--register-login-recovery-password .--submenu-ul li:last-child {
    margin-right: 0;
}
.--register-login-recovery-password .--submenu-ul li a {
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #fff;
}
.--register-login-recovery-password .--submenu-ul li a:hover {
  color: #C4C4C4;
}
.--register-login-recovery-password .--submenu-ul li a:hover i {
    color: #1FC1F4;
}
.--register-login-recovery-password .--submenu-mobile {
    display: flex;
    align-items: center;
    overflow-y: hidden;
    position: sticky;
    top: 0px;
    z-index: 1;
    overflow-x: auto;
    padding: 0 16px;
    scrollbar-width: none;
}
.--register-login-recovery-password h2 {
    color: #e6e6e6;
}
.--register-login-recovery-password h5 {
    font-size: 16px;color: #e6e6e6;
}
.--register-login-recovery-password .form-control {
    color: #babcbf;
}
.--register-login-recovery-password .--form input {
    font-size: 13px;
}
.--register-login-recovery-password .--form-col-left {
    background-size: cover;
    min-height: calc(100vh - 100px);
    max-height: 1800px;
}
.--register-login-recovery-password .--div-password-eye {
    position: absolute;
    top: 35px;
    float: right;
    right: 12px;
    font-size: 18px;
    cursor: pointer;
}
.--register-login-recovery-password .--form .--olvide-mi-contrasena {
    color: #f7f8f9;
}
.--register-login-recovery-password .--form .--terminos-y-condiciones {
    color: #f7f8f9;
}

/* --------------------------------------------------------------------
 * Plan 2
 * ----------------------------------------------------------------- */
.--plan-2-hero {
    background-color: rgba(0, 0, 0, 0.64);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/wt8xLa.jpg');
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: center;

    position: relative;
}
.--plan-2-hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.3;
  height: 100%;
  background: black;
  z-index: 1;
}
.--plan-2-hero > .container {
    z-index: 2;position: inherit;
}
.--plan-2-hero h1 {
    color: #e6e6e6;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.05rem;
    font-weight: 700;
    font-family: 'Merriweather', serif;
}
.--plan-2-hero-p1 {
    font-size: 16px;
    line-height: 1.35;
    color: #C5C5C5;
    margin-bottom: 2rem;
}
.--plan-2-hero .btn {
    min-width: 132px;
    font-size: 14px;
}
.--plan-2-hero-img {
    transform: scale(1.2);
}
.--plan-2-cuatro-items .--card > div {
    border: 1px solid #202020;border-top: 4px solid #1FC1F4;
}
.--plan-2-cuatro-items .--card img {
    max-width: 120px;
}
.--plan-2-cuatro-items .--card p {
    font-size: 15px;color: #c5c5c5;line-height: 1.4;
}
.--plan-2-membresias .--cards-plan-2-planes .card-1 {
    /* background: #0C3DE8; */

    background-color: rgb(112, 50, 20);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(255, 229, 18, 0.94) 20.02%, rgba(79, 0, 108, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.--plan-2-membresias .--cards-plan-2-planes .card-2 {
    /* background: #0C3DE8; */

    background-color: rgb(20, 21, 112);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(102, 112, 255, 0.94) 20.02%, rgba(255, 0, 108, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.--plan-2-membresias .--cards-plan-2-planes .card-3 {
    /* background-color: rgb(238, 48, 48); */

    background-color: rgb(206, 0, 58);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(0, 39, 252, 0.8) 20.02%, rgba(17, 18, 18, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.--plan-2-membresias .--cards-plan-2-planes .card-4 {
    /* background-color: rgb(56, 21, 135); */

    background-color: rgb(112, 20, 20);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(178, 0, 108, 0.84) 20.02%, rgba(53, 255, 94, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    border: none;
}
.--plan-2-membresias .--cards-plan-2-planes .card-dark {
  background-color: rgb(8, 8, 43);
  background-position: 0% 0%, 0% 0%, 0% 0%;
  background-attachment: scroll, scroll, scroll;
  background-image: linear-gradient(148.8deg, rgba(30, 30, 31, 0.94) 20.02%, rgba(54, 0, 23, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
  background-blend-mode: overlay, normal, normal;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
}
.--plan-2-membresias .--cards-plan-2-planes .card-body {
    padding: 2rem 2rem;
}
.--plan-2-membresias .--cards-plan-2-planes .card-body .card-title {
    font-size: 24px;/*30px;*/
    color: #fff;
}
.--plan-2-membresias .--cards-plan-2-planes .card-body p {
    color: #fff;
}
.--plan-2-membresias .--cards-plan-2-planes .card-body span.conocer-mas {
    color: #fff;
    font-weight: 500;
    display: block;
}
.--plan-2-membresias .--cards-plan-2-planes .card-body span.conocer-mas i {
    font-size: 18px;
    line-height: 0;
    vertical-align: -3px;
}
.--plan-2-membresias .--cards-plan-2-planes .card-1:hover {
    filter: drop-shadow(rgba(255, 229, 18, 0.4) 0px 28px 80px);
}
.--plan-2-membresias .--cards-plan-2-planes .card-2:hover {
    filter: drop-shadow(rgba(2, 61, 238, 0.4) 0px 28px 80px);
}
.--plan-2-membresias .--cards-plan-2-planes .card-3:hover {
    filter: drop-shadow(rgba(238, 2, 168, 0.4) 0px 28px 80px);
}
.--plan-2-membresias .--cards-plan-2-planes .card-4:hover {
    filter: drop-shadow(rgba(238, 223, 2, 0.35) 0px 28px 80px);
}
.--plan-2-membresias .--cards-plan-2-planes .badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .75em;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .3125rem;
}
.--plan-2-membresias .--cards-plan-2-planes .bg-soft-light {
  background-color: rgba(249,250,252,.1) !important;
}
.--plan-2-membresias .--cards-plan-2-planes .card-body.--pattern-overlay-1-05::before {
  content: "";
  background-image: url(pattern-1.png);
  background-position: center center;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.5;
}
.--plan-2-membresias .--cards-plan-2-planes p {
    min-height: 44.8px;
}
.--plan-2-programas {
    background-color: rgb(0, 0, 0);
    /* background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(12, 18, 50, 0.8) 20.02%, rgba(79, 79, 79, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;

    background-position-y: bottom; */
}
.--plan-2-programas .--col-card a {
    background: transparent;
    border: none;
}
.--plan-2-programas .--col-card img {
    border-radius: 4px;
}
.--plan-2-programas .--col-card h4 {
    line-height: 1.4;
    font-size: 14px;
}
.--plan-2-programas .--col-card .--datos-flex {
    color: inherit;
    font-size: 13px;
}
.--plan-2-programas .--col-card ul {
    display: flex;
    justify-content: space-between;
}
.--plan-2-programas .--col-card ul li {
    display: flex;
    align-items: center;
}
.--plan-2-programas .--col-card .card-body * {
  color: #e6e6e6;
}
.--plan-2-programas .--col-card .card-footer {
    background: transparent;
}
.--plan-2-programas .--col-card .card-footer .span-profesores {
    color: #fff;
}
.--plan-2-programas .--col-card .card-footer .--card-footer-ul-profesores .avatar-xs {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #f8f9fa;
    background: #f8f9fa;
    color: #fff;
}
.--plan-2-programas .--col-card .card-footer .--card-footer-ul-profesores > li + li {
    margin-left: -0.75rem;
}
.--plan-2-programas .--col-card .card-footer .--card-footer-ul-profesores li:hover {
    z-index: 1;
}
.--plan-2-programas .--col-card .card-footer {
  border-top: 1px solid rgba(104, 104, 104, 0.09);
}
.--plan-2-programas .--col-card .card-footer .span-profesores {
    font-size: 13px;font-weight: 500;
}
.--plan-2-programas .--col-card:hover {
    filter: drop-shadow(rgba(52, 23, 170, 0.4) 0px 32px 80px);
}
.--plan-2-contactar-soporte {
    background-color: #02050f;
}
.--plan-2-contactar-soporte .--col-infox-licencia > div {
    min-height: 170px;
    background-color: #1e2026;
}
.--plan-2-contactar-soporte .--col-contactar-soporte {
    min-height: 170px;
}
.--plan-2-contactar-soporte .--col-contactar-soporte > div {
    background-color: #1e2026;
}
.--plan-2-contactar-soporte .--col-contactar-soporte ul {
    width: 140px;
}
.--plan-2-contactar-soporte .--col-contactar-soporte ul li img {
    width: 70px;height: 70px;border-radius: 50%;border: 2px solid #f8f9fa;background: #f8f9fa;color: #fff;
}
.--plan-2-contactar-soporte .--col-contactar-soporte h3 {
    color: #D8D9DD;
}

/* --------------------------------------------------------------------
 * Plan 3
 * ----------------------------------------------------------------- */
.--plan-3-hero {
    background-color: rgba(0, 0, 0, 0.64);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/The-New-US-Dollar.jpg');
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: top;

    position: relative;
}
.--plan-3-hero::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0.3;
  height: 100%;
  background: black;
  z-index: 1;
}
.--plan-3-hero > .container {
    z-index: 2;position: inherit;
}
.--plan-3-hero h1 {
    color: #e6e6e6;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.05rem;
    font-weight: 700;
    font-family: 'Merriweather', serif;
}
.--plan-3-hero-p1 {
    font-size: 16px;
    line-height: 1.35;
    color: #C5C5C5;
    margin-bottom: 2rem;
}
.--plan-3-hero .btn {
    min-width: 132px;
    font-size: 14px;
}
.--plan-3-img-3-items {
    background: #000;
}
.--plan-3-img-3-items .--card > div {
    border: 1px solid #202020;border-left: 3px solid #1FC1F4;border-left-color: rgb(12, 61, 232);
}
.--plan-3-img-3-items .--card > div img {
    width: 60px;
}
.--plan-3-img-3-items .--card p {
    width: calc(100% - 86px);font-size: 20px;color: #d2d2d2;line-height: 1.4;
}
.--plan-3-docentes {
    background-color: #101013;
}
.--plan-3-docentes .--col-docente h4 {
    color: #F7F7F8;
}
.--plan-3-docentes .--col-docente h4 img {
    width: 16px;vertical-align: 2px;
}
.--plan-3-docentes .--col-docente p {
    color: #C3C3C3;line-height: 1.5;text-align: justify;
}
.--plan-3-vuelvete-experto {
    background-color: #131418;
}
.--plan-3-licencias {
    background-color: #02050f;
}
.--plan-3-licencias .--card > div {
    border: 1px solid #202020;border-top: 6px solid #1FC1F4;
}
.--plan-3-licencias .--card h4 {
    font-weight: 600;color: #fff;
}
.--plan-3-licencias .--card p {
    color: #d2d2d2;
}
.--plan-3-licencias .--card .--precio h3 {
    font-size: 35px;color: #fff;
}
.--plan-3-licencias .--card .--precio span {
    line-height: 1.2;color: #fff;
}
.--plan-3-licencias .--card .--plan-incluye h5 {
    color: #fff;
}
.--plan-3-licencias .--card .--plan-incluye ul li span {
    /* color: #fff; */
}
.--plan-3-licencias .mdi-check-circle-outline {
    color: #36E07B;
}
.--plan-3-licencias .mdi-close-circle-outline {
    color: #E13467;
}
.--plan-3-videos-en-youtube {
    background-color: #121317;
}
.--plan-3-videos-en-youtube a {
    color: white;
    position: absolute;
    bottom: 14px;
    left: 8px;
    min-width: 132px;
    font-weight: 500;
    /* font-size: 14px; */
    margin-bottom: 0;
}
.--plan-3-testimonios {
    background-color: #02050f;
}
.--plan-3-testimonios .card {
    background-color: #18191c;
    background-color: #1e2026;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.--plan-3-testimonios .card img.--universidad {
    height: 32px;
}
.--plan-3-testimonios .card p {
    color: #d7d7d7;
    font-size: 15px;
}
.--plan-3-testimonios .card img.--avatar {
    width: 52px;
    border-radius: 50%;
}
.--plan-3-testimonios .card .--datos-avatar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 12px;
    color: #c9c9c9;
}
.--plan-3-testimonios .card .--datos-avatar .--nombre {
    color: #fff;
}
.--plan-3-testimonios .card .--datos-avatar .--fecha {
    font-size: 13px;
}
.--plan-3-testimonios .card img.--dark {
    display: block;
}
.--plan-3-testimonios .card img.--light {
    display: none;
}

/* --------------------------------------------------------------------
 * Metodología
 * ----------------------------------------------------------------- */
.--metodologia-hero {
    background-color: rgb(0, 0, 0);
    /* background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(19, 37, 132, 0.8) 20.02%, rgba(6, 96, 50, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: bottom; */
}
.--metodologia-hero h1 {
    color: #e6e6e6;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: -0.05rem;
    font-weight: 700;
    font-family: 'Merriweather', serif;
}
.--metodologia-hero-p1 {
    font-size: 16px;
    line-height: 1.35;
    color: #C5C5C5;
}
.--metodologia-hero ul li > div {
    width: 44px;
}
.--metodologia-hero ul li > div img {
    width: 24px;
}
.--metodologia-hero ul li > p {
    width: calc(100% - 44px);color: #C5C5C5;
}
.--metodologia-hero-img {
    transform: scale(1.2);
}
.--metodologia-tres-items .--card > div {
    border: 1px solid #202020;border-top: 6px solid #1FC1F4;
    position: relative;
}
.--metodologia-tres-items .--card h4 {
    font-size: 24px;color: #fff;margin-bottom: 1.3rem;
}
.--metodologia-tres-items .--card p {
    font-size: 14px;
    color: #d2d2d2;
    line-height: 1.4;
}
.--metodologia-tres-items .--card .--div-img {
    background: #0CE8A7;
    width: 54px;
    height: 54px;
    border-radius: 4px;
    display: flex;
    position: absolute;
    top: -28px;
    right: 18px;
}
.--metodologia-tres-items .--card .--div-img img {
    height: 34px;margin: auto;
}
.--nuestra-metodologia {
    background-color: #02050f;
}
.--nuestra-metodologia h3 {
    color: #f9f9f9;
}
.--nuestra-metodologia p {
    color: #c5c5c5;
}
.--modalidad-cursos {
    background-color: #131418;
}
.--modalidad-cursos .--card > div {
    border: 1px solid #202020;border-top: 6px solid #1FC1F4;
    position: relative;
    background: #16171c;
}
.--modalidad-cursos .--card h4 {
    font-size: 24px;color: #fff;margin-bottom: 1.3rem;
}
.--modalidad-cursos .--card p {
    font-size: 14px;
    color: #d2d2d2;
    line-height: 1.4;
}
.--modalidad-cursos .--card .--div-img {
    background: #0CE8A7;
    width: 54px;
    height: 54px;
    border-radius: 4px;
    display: flex;
    position: absolute;
    top: -28px;
    right: 18px;
}
.--modalidad-cursos .--card .--div-img img {
    height: 34px;margin: auto;
}

/* --------------------------------------------------------------------
 * Membresías
 * ----------------------------------------------------------------- */
.--membresias-items {
    background-color: #02050f;
}
.--membresias-items .--card .badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .75em;
  font-weight: 500;
  line-height: normal;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .3125rem;
}
.--membresias-items .--card .bg-soft-light {
  background-color: rgba(249,250,252,.1) !important;
}
.--membresias-items .--card > div {
    border: 1px solid #202020;
    border-top: 6px solid #1FC1F4;

    min-height: 560px; /* Forzamos la altura de todas las cards */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.--membresias-items .--card h4 {
  font-weight: 600;
  color: #fff;
}
.--membresias-items .--card p {
  color: #d2d2d2;
}
.--membresias-items .--card .mdi-check-circle-outline {
    color: #36E07B;
}
.--membresias-items .--card .--precio h3 {
  font-size: 35px;
  color: #fff;
}
.--membresias-items .--card .--precio span {
  line-height: 1.2;
  color: #fff;
}
.--membresias-tabla {
    background-color: #131418;
}
.--membresias-tabla h4, .--membresias-tabla h5 {
    color: #fff;
}
.--membresias-tabla .table th, .--membresias-tabla .table td {
  border-top: 1px solid #222;
  color: #8f9397;
}
.--membresias-tabla .mdi-close {
    color: #E13467;
}
.--membresias-tabla .mdi-check {
    color: #36E07B;
}

/* --------------------------------------------------------------------
 * Carrito
 * ----------------------------------------------------------------- */
.--cart {
    min-height: calc(100vh - 60px);
}
.--cart h4 {
    color: #eaeaea;
}
.--cart .--subtitulo {
    color: #e6e6e6;
}
.--cart .--cart-col-left .--col-card .--div-img-curso img {
    width: 205px;
    min-width: 205px;
    border-radius: 4px;

    height: 90px;
    object-fit: cover;
}
.--cart .--cart-col-left .--col-card h5 {
    font-size: 17px;
    font-weight: 600;
    color: #D2D2D2;
}
.--cart .--cart-col-left .--col-card .--calificacion-promedio {
    color: #d5d5d5;
}
.--cart .--cart-col-left .--col-card .--cantidad-valoraciones {
    color: #AEADB3;font-size: 13px;
}
.--cart .--cart-col-left .--col-card ul {
  display: flex;
  color: #e6e6e6;
}
.--cart .--cart-col-left .--col-card ul li {
  display: flex;
  align-items: center;
}
.--cart .--cart-col-left .--col-card .--datos-flex {
  color: inherit;
  font-size: 13px;
}
.--cart .--cart-col-left .--col-card ul.--ul-profesores {
  display: flex;
  color: #e6e6e6;
}
.--cart .--cart-col-left .--col-card ul.--ul-profesores li {
  display: flex;
  align-items: center;
}
.--cart .--cart-col-left .--col-card ul.--ul-profesores li + li {
  margin-left: -0.75rem;
}
.--cart .--cart-col-left .--col-card ul.--ul-profesores li img.avatar-xs {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 2px solid #f8f9fa;
  background: #f8f9fa;
  color: #fff;
}
.--cart .--cart-col-left .--col-card .span-profesores {
  font-size: 13px;
  font-weight: 500;
  color: #d5d5d5;
}
.--cart .--cart-col-left hr {
    border-top: 1px solid #252525;
    margin: 1.3rem 0;
}
.--cart .--cart-col-left .--mobile-precio-quitar span.--precio {
    display: inline-block;
    padding: .35em .65em;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    color: #FCAB3F;
    text-align: center;
    white-space: nowrap;
    border-radius: .3125rem;
    background-color: #FCAB3F1A;
    margin-top: 8px;
}
.--cart .--cart-col-left .--mobile-precio-quitar span.--quitar {
    display: inline-block;
    padding: .35em .65em;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    color: #595959;
    text-align: center;
    white-space: nowrap;
    border-radius: .3125rem;
    background-color: #62626200;
    margin-top: 8px;
}
.--cart .--cart-col-left .--desktop-precio-quitar {
    width: 100px;min-width: 100px;
}
.--cart .--cart-col-left .--desktop-precio-quitar .--precio {
    color: #FCAB3F;font-size: 19px;line-height: 1.2;text-align: right;
}
.--cart .--cart-col-left .--desktop-precio-quitar .--quitar small {
    text-align: right;color: #939297;
}
.--cart .modal-body h5.modal-title {
    color: #8f9397;font-weight: 600;position: relative;
}
.--cart .--cart-col-right > div {
    background-color: #191b20;border-radius: 4px;
}
.--cart .--cart-col-right h5 {
    color: #C5C5C5;
}
.--cart p.--aceptar-condiciones {
    font-size: 11px;text-align: center;
}
.--cart p.--aceptar-condiciones a {
    color: #f7f8f9;
}
.--cart .--btn-quitar-del-carrito, .--cart .--btn-quitar-del-carrito:hover, .--cart .--btn-quitar-del-carrito:focus, .--cart .--btn-quitar-del-carrito:active {
    background: transparent;color: #c3c3c4;border-color: transparent;
}
.--cart .--btn-conservar-en-carrito, .--cart .--btn-conservar-en-carrito:hover, .--cart .--btn-conservar-en-carrito:focus, .--cart .--btn-conservar-en-carrito:active {
    background: #23242a;color: #c3c3c4;border-color: #23242a66;
}
.--cart .--cart-col-left .--col-card .--descripcion {
    margin-bottom: 0;
}

/* --------------------------------------------------------------------
 * Carrito 2
 * ----------------------------------------------------------------- */
.--cart-2 {
    min-height: calc(100vh - 60px);
}
.--cart-2 h4 {
    color: #eaeaea;
}
.--cart-2 .--subtitulo {
    color: #e6e6e6;
}
.--cart-2 .form-control {
    font-size: 13px;
}
.--cart-2 .--cart-2-col-right > div {
  background-color: #191b20;
  border-radius: 4px;
}
.--cart-2 .--cart-2-col-right .--item img {
    width: 80px;height: 64px;object-fit: cover;object-position: center;min-width: 80px;border-radius: 4px;
}
.--cart-2 .--cart-2-col-right .--item .--datos {
    padding-left: 12px;
}
.--cart-2 .--cart-2-col-right .--item .--datos .--titulo {
    font-weight: 500;line-height: 1.4;font-size: 13px;
}
.--cart-2 .--cart-2-col-right .--item .--datos span.--precio {
    display: inline-block;padding: .35em .65em;font-size: 11px;font-weight: 500;line-height: normal;color: #FCAB3F;text-align: center;white-space: nowrap;border-radius: .3125rem;background-color: #FCAB3F1A;margin-top: 6px;
}
.--cart-2 p.--aceptar-condiciones {
    font-size: 11px;text-align: center;
}
.--cart-2 p.--aceptar-condiciones a {
    color: #f7f8f9;
}
.--cart-2 .--total-precio {
    justify-content: space-between;border-top: 1px solid #272727;border-bottom: 1px solid #272727;padding: 6px 6px;
}

/* --------------------------------------------------------------------
 * Carrito 3
 * ----------------------------------------------------------------- */
.--cart-3 {
    min-height: calc(100vh - 60px);
}
.--cart-3 h4 {
    color: #eaeaea;
}
.--cart-3 .--subtitulo {
    color: #e6e6e6;
}
.--cart-3 .--cart-3-col-right > div {
  background-color: #191b20;
  border-radius: 4px;
}
.--cart-3 .--cart-3-col-right .--item img {
    width: 80px;height: 64px;object-fit: cover;object-position: center;min-width: 80px;border-radius: 4px;
}
.--cart-3 .--cart-3-col-right .--item .--datos {
    padding-left: 12px;
}
.--cart-3 .--cart-3-col-right .--item .--datos .--titulo {
    font-weight: 500;line-height: 1.4;font-size: 13px;
}
.--cart-3 .--cart-3-col-right .--item .--datos span.--precio {
    display: inline-block;padding: .35em .65em;font-size: 11px;font-weight: 500;line-height: normal;color: #FCAB3F;text-align: center;white-space: nowrap;border-radius: .3125rem;background-color: #FCAB3F1A;margin-top: 6px;
}
.--cart-3 p.--aceptar-condiciones {
    font-size: 11px;text-align: center;
}
.--cart-3 p.--aceptar-condiciones a {
    color: #f7f8f9;
}
.--cart-3 .--total-precio {
    justify-content: space-between;border-top: 1px solid #272727;border-bottom: 1px solid #272727;padding: 6px 6px;
}
.--cart-3 .--cart-3-col-left .--col-card {
    cursor: pointer;
}
.--cart-3 .--cart-3-col-left .--col-card h5 {
    color: #e6e6e6;
}
.--cart-3 .--cart-3-col-left .--col-card > div {
    background-color: #191b20;border-radius: 4px;display: flex;justify-content: space-between;align-items: center;
}
.--cart-3 .--cart-3-col-left .--col-card img {
    height: 50px;
}
.--cart-3 .--card-datos-del-banco img {
    width: 90px;margin-top: 4px;
}
.--cart-3 .--card-datos-del-banco .--datos span {
    display: block;
    font-size: 13px;color: #a5a5a5;
}
.--cart-3 .--card-datos-del-banco .--datos span:first-child {
    font-size: 14px;color: #e3e3e3;
}
.--cart-3 .--card-datos-del-banco .--banco-de-la-nacion img.--dark {
    display: none;
}
.--cart-3 .--card-datos-del-banco .--banco-de-la-nacion img.--light {
    display: block;
}
.--cart-3 .--datos-bancarios h4 {
    color: #e6e6e6;margin-bottom: 0.7rem;
}
.--cart-3 .--datos-bancarios p {
    color: #d7d7d7;
}
.--cart-3 .--datos-bancarios .--aqui {
    display: inline-block;
    padding: .35em .65em;
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    color: #FCAB3F !important;
    text-align: center;
    white-space: nowrap;
    border-radius: .3125rem;
    background-color: #FCAB3F1A;
}

/* --------------------------------------------------------------------
 * Cursos y programas
 * ----------------------------------------------------------------- */
.--cursos-y-programas-cards .btn-filtros {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
    cursor: pointer;
}
.--cursos-y-programas-cards .btn-filtros:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}
.--cursos-y-programas-cards .btn-filtros:active{
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}
.--cursos-y-programas-cards {
    /* background-color: rgb(0, 0, 0);
    background-position: 0% 0%, 0% 0%, 0% 0%;
    background-attachment: scroll, scroll, scroll;
    background-image: linear-gradient(148.8deg, rgba(12, 18, 50, 0.8) 20.02%, rgba(79, 79, 79, 0.8) 82.31%), url('http://localhost/host/clientes/infoxeduca.com/web/assets/img/0e9c70b0.png'), none;
    background-origin: padding-box, padding-box, padding-box;
    background-clip: border-box, border-box, border-box;
    background-blend-mode: overlay, normal, normal;
    background-repeat: no-repeat;
    background-size: cover;

    background-position-y: bottom; */

    background-color: rgb(17, 20, 24);
}
.--cursos-y-programas-cards .--col-card a {
    background: transparent;
    border: none;
}
.--cursos-y-programas-cards .--col-card img {
    border-radius: 4px;
}
.--cursos-y-programas-cards .--col-card h4 {
    line-height: 1.4;
    font-size: 14px;
}
.--cursos-y-programas-cards .--col-card .--datos-flex {
    color: inherit;
    font-size: 13px;
}
.--cursos-y-programas-cards .--col-card ul {
    display: flex;
    justify-content: space-between;
}
.--cursos-y-programas-cards .--col-card ul li {
    display: flex;
    align-items: center;
}
.--cursos-y-programas-cards .--col-card .card-body * {
  color: #e6e6e6;
}
.--cursos-y-programas-cards .--col-card .card-footer {
    background: transparent;
}
.--cursos-y-programas-cards .--col-card .card-footer .span-profesores {
    color: #fff;
}
.--cursos-y-programas-cards .--col-card .card-footer .--card-footer-ul-profesores .avatar-xs {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #f8f9fa;
    background: #f8f9fa;
    color: #fff;
}
.--cursos-y-programas-cards .--col-card .card-footer .--card-footer-ul-profesores > li + li {
    margin-left: -0.75rem;
}
.--cursos-y-programas-cards .--col-card .card-footer .--card-footer-ul-profesores li:hover {
    z-index: 1;
}
.--cursos-y-programas-cards .--col-card .card-footer {
  border-top: 1px solid rgba(104, 104, 104, 0.09);
}
.--cursos-y-programas-cards .--col-card .card-footer .span-profesores {
    font-size: 13px;font-weight: 500;
}
.--cursos-y-programas-cards .--col-card:hover {
    filter: drop-shadow(rgba(52, 23, 170, 0.4) 0px 32px 80px);
}
.--cursos-y-programas-cards .--div-buscador a {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    padding: 6px 12px 0 12px;
    border-top: 2px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    color: #8f9397;
    cursor: pointer;
    height: 100%;
}
.--cursos-y-programas-cards a.accordion-button {
    color: #d5d5d5;font-size: 15px;padding: 14px 0;border-top: 1px solid #303030;border-bottom: 1px solid #303030;width: 100%;display: flex;padding-right: 4px;
}
.--cursos-y-programas-cards .accordion-button::after {
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%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");
  background-repeat: no-repeat;
  background-size: 1rem;
  transition: transform .2s ease-in-out;
}
.--cursos-y-programas-cards .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='%230c63e4'%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");
  transform: rotate(-180deg);
}
.--cursos-y-programas-cards #--valoraciones i {
    color: #0CE8A7;
}
.--cursos-y-programas-cards #--programas label {
    font-size: 13px;line-height: 1.4;
}
.--cursos-y-programas-cards .page-item.active .page-link {
  background-color: #1FC1F4;
  border-color: transparent;
}
.--cursos-y-programas-cards .page-link {
  color: #cfcfcf;
  background-color: transparent;
  border: 1px solid transparent;
}
.--cursos-y-programas-cards .page-link:hover {
  color: #fff;
  background-color: #0c3de8c2;
  border-color: #0c3de8c2;
}

/* --------------------------------------------------------------------
 * Footer
 * ----------------------------------------------------------------- */
footer {
    background: #0e0d15;
    font-size: 14px!important;
}
footer .logo {
    height: 22px;
}
footer .btn-social {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
footer .btn-social:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}
footer .btn-social:active{
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}
footer .nav-link {
    color: #8f9397;
    font-size: 14px;

}
footer .nav-link:hover {
    color: #cecece;
}
footer .--enlaces-rapidos a {
    color: #8f9397;
    font-size: 14px;
}
footer .--enlaces-rapidos a:hover {
  color: #aeaeae;

}
footer .--nuestros-datos {
    color: #c2c2c2;


}
footer .--nuestros-datos h5 {
    color: #c2c2c2;
    font-size: 16px;
}
footer .--nuestros-datos ul li {
    color: #b9b9b9;
    font-size: 14px;
}
footer .--nuestros-datos ul li span {
    color: #848484;
    font-size: 14px;
}
footer .--enlaces-rapidos h5 {
    color: #c2c2c2;
    font-size: 14px;
}


/* --------------------------------------------------------------------
 * Boostrap Select
 * ----------------------------------------------------------------- */
.bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #c1c1c1;
    background-color: #0C3DE817;
    border-color: #1FC1F4;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #495057;
}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover {
    color: #8f9397;
}
.bootstrap-select .btn-light {
    background-color: #23242a;
    border-color: transparent;
}
.bootstrap-select.show > .btn-light.dropdown-toggle {
    color: #212529;
    background-color: #1FC1F4;
    border-color: #2727274f;
}
.bootstrap-select .dropdown-menu {
    background-color: #121317;
}
[aria-expanded="false"] .filter-option-inner-inner {
    overflow: hidden;
    color: #babcbf;
}
.bootstrap-select > .dropdown-toggle::after, .dropup .dropdown-toggle::after {
    content: "\F35D";
    font-family: "Material Design Icons";
    font-size: 13px;
    font-weight: normal;
    border: none;
    margin: 0;
}
/* ------------------------------- */
















/* -------------
------------------------------------------------------------------------------------
  LIGHT
  -----------------------------------------------------------*/
body.--infox-light {
    background: #f7f7f7;
    color: #454545;
   
}
/* --------------------------------------------------------------------
 * Header Light
 * ----------------------------------------------------------------- */
.--infox-light .nav-mainmenu-a {
    color: #454545;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    padding: 0 12px;
    border-top: 2px solid transparent;
}
.--infox-light .nav-mainmenu-a:hover {
  color: #343434;
  text-shadow: 0 0 2px #e2e2e2;
}
.--infox-light .form-control {
    border-color: #e2e2e2;
    background-color: #fff;
}
.--infox-light .form-control:focus {
    color: #787878;
    background-color: #D2D2D217;
    border-color: #CDCDCD;
}
.--infox-light .--header-circular-badge {
    color: #fff;
}
.--infox-light .header-lg {
    background: #f7f7f7;
}
.--infox-light .--lg-xl-buscador-navbar {
    position: absolute;
    top: 0;
    right: 0;
    color: #8f9397;
    cursor: pointer;
    height: 100%;
    padding-top: 3px;
}
.--infox-light .--xs-header {
    background: #f7f7f7;
    z-index: 2!important;
}
.--infox-light .--header-mobile-a {
    color: #353535;width: 40px;text-align: center;padding: 0;
}
.--infox-light .--header-mobile-a i {
    font-size: 24px;
}
.--infox-light .modal-content {
    background: #fff;
}
.--infox-light .--lg-header .form-control:disabled, .--infox-light .--lg-header .form-control[readonly] {
  background-color: transparent;
  opacity: 1;
}
.--infox-light .que-quieres-aprender .--items .--item .--datos .--titulo {
  color: #484848;
}
.--infox-light .--modal-login i {
  color: #7a7a7a;
}
.--infox-light .--modal-login h5 {
  color: #7a7a7a;
}
.--infox-light .owl-carousel .owl-dots .owl-dot span {
    box-shadow: inset 0 0 0 2px #cacaca;
}
.--infox-light header .--btn-ingresar {
    border-color: transparent;
    color: #232323;
}
.--infox-light header .--btn-ingresar:hover {
    color: #fff;
    background-color: #0b1020;
    border-color: #0b1020;
}
.--infox-light header .--btn-ingresar:active {
    color: #fff;
    background-color: #0e152b;
    border-color: #0e152b;
}
.--infox-light header .--li-dropdown .dropdown-menu {
    box-shadow: 0px 20px 30px rgba(111, 111, 111, 0.15);
}
.--infox-light header .--li-dropdown .dropdown-menu.show {
    background: #fafafa;
    top: 34px !important;
    left: 40px !important;
}
.--infox-light header .--li-dropdown .dropdown-menu.show .dropdown-item {
    color: #6d6e6f !important;
}
.--infox-light header .--li-dropdown .dropdown-menu.show .dropdown-item:hover {
    background: #ececec;
    color: #18181d !important;
}
.--infox-light header .--li-dropdown .dropdown-menu.show .dropdown-item:focus {
    color: #8f9397 !important;
}
.--infox-light header .--li-dropdown .dropdown-menu.show .dropdown-item.--mi-perfil:hover {
    background: #1FC1F4;
    color: #fff !important;
}
.--infox-light header .--li-dropdown .dropdown-menu.show .dropdown-item.--cerrar-sesion:hover {
  background: #e80c0c;
  color: #fff !important;
}

/* --------------------------------------------------------------------
 * Footer Light
 * ----------------------------------------------------------------- */
.--infox-light footer {
  background: #f8f8f8;
}
.--infox-light footer .btn-social {
  color: #2f2f2f;
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}
.--infox-light footer .btn-social:hover {
  color: #2f2f2f;
  background-color: #dfdfdf;
  border-color: #dfdfdf;
}
.--infox-light footer .btn-social:active {
  color: #2f2f2f;
  background-color: #d1d1d1;
  border-color: #d1d1d1;
}
.--infox-light footer .--nuestros-datos h5 {
    color: #454545;
}
.--infox-light footer .--nuestros-datos ul li {
    color: #484848;
}
.--infox-light footer .--nuestros-datos ul li span {
    color: #848484;
}
.--infox-light footer .--enlaces-rapidos h5 {
    color: #454545;
}
.--infox-light footer .--enlaces-rapidos a {
    color: #8f9397;
}
.--infox-light footer .--enlaces-rapidos a:hover {
    color: #686868;
}
.--infox-light footer .nav-link:hover {
    color: #686868;
}

/* --------------------------------------------------------------------
 * Home Light
 * ----------------------------------------------------------------- */
.--infox-light .--home-hero {
    background: #f7f7f7;
}
.--infox-light .--home-hero h1 {
    color: #323232;
}
.--infox-light .--home-hero-p1 {
    color: #454545;
}
.--infox-light .--home-hero .btn.btn-primary {
    color: #fff;
}
.--infox-light .--home-hero .btn.btn-outline-secondary {
    color: #454545;
    border: 1px solid #454545;
}
.--infox-light .--home-hero .btn.btn-outline-secondary:hover {
    color: #454545;
}
.--infox-light .--home-hero p.--aceptar-condiciones {
    color: #8f9397;
}
.--infox-light .--home-hero p.--aceptar-condiciones a {
    color: #323232;
}
.--infox-light .--home-marcas {
    /* background: #0c3de8; */
    background: #fff;
}
.--infox-light .--home-marcas img {
    filter: invert(1);
}
.--infox-light .--home-membresias {
    background: #fff;
}
.--infox-light h2, .h2 {
    color: #323232;
}
.--infox-light .--home-programas {
    background: #fafafa;
}
.--infox-light  .--home-programas .--col-card:hover {
  filter: none;
}
.--infox-light .--home-programas .--col-card .card-body * {
    color: #454545;
}
.--infox-light .--home-programas .--col-card .card-footer .span-profesores {
    color: #454545;
}
.--infox-light .--home-eventos {
    background: #fff;
}
.--infox-light .--home-eventos .--col-card .card-body * {
  color: #454545;
}
.--infox-light .--home-eventos .--col-card .card-footer .span-profesores {
  color: #454545;
}

/* --------------------------------------------------------------------
 * Metodología Light
 * ----------------------------------------------------------------- */
.--infox-light .--metodologia-hero {
    background: #fafafa;
}
.--infox-light .--metodologia-hero h1 {
    color: #353535;
}
.--infox-light .--metodologia-hero-p1 {
    color: #3B3B3B;
}
.--infox-light .--metodologia-hero ul li > p {
    color: #3B3B3B;
}
.--infox-light .--metodologia-tres-items .--card h4 {
    color: #3B3B3B;
}
.--infox-light .--metodologia-tres-items .--card > div {
    border: 1px solid #e3e3e3;
}
.--infox-light .--metodologia-tres-items .--card p {
    color: #3B3B3B;
}
.--infox-light .--nuestra-metodologia {
    background-color: #fafafa;
}
.--infox-light .--nuestra-metodologia h3 {
    color: #323232;
}
.--infox-light .--nuestra-metodologia p {
    color: #323232;
}
.--infox-light .--modalidad-cursos {
    background-color: #fff;
}
.--infox-light .--modalidad-cursos .--card > div {
    border: 1px solid #e3e3e3;
    border-top: 6px solid #1FC1F4;
    background: #fafafa;
}
.--infox-light .--modalidad-cursos .--card h4 {
    color: #3B3B3B;
}
.--infox-light .--modalidad-cursos .--card p {
    color: #3B3B3B;
}

/* --------------------------------------------------------------------
 * Plan 2
 * ----------------------------------------------------------------- */
.--infox-light .--plan-2-cuatro-items {
    background: #fafafa;
}
.--infox-light .--plan-2-cuatro-items .--card > div {
    border: 1px solid #e3e3e3;
    border-top: 4px solid #1FC1F4;
}
.--infox-light .--plan-2-cuatro-items .--card img {
    filter: invert(1);
}
.--infox-light .--plan-2-cuatro-items .--card p {
    color: #454545;
}
.--infox-light .--plan-2-programas {
    background: #fafafa;
}
.--infox-light .--plan-2-programas .--col-card .card-body * {
  color: #454545;
}
.--infox-light .--plan-2-programas .--col-card .card-footer .span-profesores {
  color: #454545;
}
.--infox-light .--plan-2-programas .--col-card:hover {
  filter: none;
}
.--infox-light .--plan-2-contactar-soporte {
    background-color: #fff;
}
.--infox-light .--plan-2-contactar-soporte .--col-infox-licencia > div {
    background-color: #fafafa;
}
.--infox-light .--plan-2-contactar-soporte .--col-infox-licencia img {
    filter: invert(1);
}
.--infox-light .--plan-2-contactar-soporte .--col-contactar-soporte > div {
    background-color: #fafafa;
}
.--infox-light .--plan-2-contactar-soporte .--col-contactar-soporte h3 {
    color: #454545;
}
.--infox-light .--plan-2-contactar-soporte .--col-contactar-soporte .btn-outline-secondary {
    color: #444;
    border-color: #444;
}
.--infox-light .--plan-2-contactar-soporte .--col-contactar-soporte .btn-outline-secondary:hover {
    color: #444;
    background: #44444417;
    border-color: #444;
}

/* --------------------------------------------------------------------
 * Membresías Light
 * ----------------------------------------------------------------- */
.--infox-light .--membresias-items {
    background-color: #fafafa;
}
.--infox-light .--membresias-items .--card h4 {
    color: #3B3B3B;
}
.--infox-light .--membresias-items .--card p {
    color: #3B3B3B;
}
.--infox-light .--membresias-items .--card > div {
    border: 1px solid #e3e3e3;
}
.--infox-light .--membresias-items .--card .btn-outline-secondary {
    color: #3B3B3B;
    border-color: #3B3B3B;
}
.--infox-light .--membresias-items .--card .--precio h3 {
    color: #333;
}
.--infox-light .--membresias-items .--card .--precio span {
    color: #333;
}
.--infox-light .--membresias-tabla {
    background-color: #fff;
}
.--infox-light .--membresias-tabla h4, .--infox-light .--membresias-tabla h5 {
    color: #333;
}
.--infox-light .--membresias-tabla .table th, .--infox-light .--membresias-tabla .table td {
    border-top: 1px solid #e8e8e8;
    color: #5d5e60;
}
.--infox-light .--membresias-items .--card .bg-soft-light {
  background-color: rgba(47, 47, 47, 0.09) !important;
}
.--infox-light .--membresias-items .--card .badge {
  color: #343434;
}

/* --------------------------------------------------------------------
 * Cursos y programas Light
 * ----------------------------------------------------------------- */
.--infox-light .--cursos-y-programas-cards {
    background-color: rgb(255, 255, 255);
}
.--infox-light .--cursos-y-programas-cards a.accordion-button {
    color: #2b2b2b;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.--infox-light .--cursos-y-programas-cards .--col-card .card-body * {
    color: #454545;
}
.--infox-light .--cursos-y-programas-cards .--col-card:hover {
    filter: none;
}
.--infox-light .--cursos-y-programas-cards .--col-card .card-footer .span-profesores {
    color: #454545;
}
.--infox-light .--cursos-y-programas-cards .btn-filtros {
    color: #2b2b2b;
    background-color: #f7f7f7;
    border-color: #dadada;
}
.--infox-light .--cursos-y-programas-cards .btn-filtros:hover {
    color: #2b2b2b;
    background-color: #e9e9e9;
    border-color: #dadada;
}
.--infox-light .--cursos-y-programas-cards .btn-filtros:active {
    color: #2b2b2b;
    background-color: #dedede;
    border-color: #dadada;
}
.--infox-light .--cursos-y-programas-cards .page-link {
  color: #444;
}
.--infox-light .--cursos-y-programas-cards .page-link:hover {
  color: #fff;
}
.--infox-light .--cursos-y-programas-cards .page-item.active .page-link {
  color: #fff;
}

/* --------------------------------------------------------------------
 * Carrito Light
 * ----------------------------------------------------------------- */
.--infox-light .--cart {
    background: #fafafa;
}
.--infox-light .--cart h4 {
    color: #4a4a4a;
}
.--infox-light .--cart .--subtitulo {
    color: #2e2e2e;
}
.--infox-light .--cart .--cart-col-left .--col-card h5 {
    color: #3B3B3B;
}
.--infox-light .--cart .--cart-col-left .--col-card .--calificacion-promedio {
    color: #373737;
}
.--infox-light .--cart .--cart-col-left .--col-card .--cantidad-valoraciones {
    color: #888;
}
.--infox-light .--cart .--cart-col-left .--col-card .--datos-flex {
    color: #373737;
}
.--infox-light .--cart .--cart-col-left .--col-card .span-profesores {
    color: #373737;
}
.--infox-light .--cart .--cart-col-left hr {
    border-top: 1px solid #ededed;
}
.--infox-light .--cart .--cart-col-left .--mobile-precio-quitar span.--quitar {
    color: #939297;
}
.--infox-light .--cart .--cart-col-right > div {
    background-color: #fff;
}
.--infox-light .--cart .--cart-col-right h5 {
    color: #444;
}
.--infox-light .--cart p.--aceptar-condiciones a {
    color: #1FC1F4;
}

/* --------------------------------------------------------------------
 * Carrito 2 Light
 * ----------------------------------------------------------------- */
.--infox-light .--cart-2 {
    background: #fafafa;
}
.--infox-light .--cart-2 h4 {
    color: #4a4a4a;
}
.--infox-light .--cart-2 .--subtitulo {
    color: #2e2e2e;
}
.--infox-light .--cart-2 .bootstrap-select .btn-light {
    border-color: #e2e2e2;
    background-color: #fff;
}
.--infox-light .--cart-2 .bootstrap-select .dropdown-menu {
    background-color: #fafafa;
}
.--infox-light .--cart-2 .bootstrap-select.show > .btn-light.dropdown-toggle {
    color: #fff;
    background-color: #1FC1F4;
    border-color: #ffffffc7;
}
.--infox-light .--cart-2 .--cart-2-col-right > div {
    background-color: #fff;
    border-radius: 4px;
}
.--infox-light .--cart-2 .--total-precio {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.--infox-light .--cart-2 .--cart-2-col-right .btn-outline-secondary {
    color: #6A6A6A;
    border-color: #C5C5C5;
}
.--infox-light .--cart-2 p.--aceptar-condiciones a {
  color: #1FC1F4;
}

/* --------------------------------------------------------------------
 * Carrito 3 Light
 * ----------------------------------------------------------------- */
.--infox-light .--cart-3 {
    background: #fafafa;
}
.--infox-light .--cart-3 h4 {
    color: #4a4a4a;
}
.--infox-light .--cart-3 .--subtitulo {
    color: #2e2e2e;
}
.--infox-light .--cart-3 .--cart-3-col-left .--col-card > div {
    background-color: #fff;
}
.--infox-light .--cart-3 .--cart-3-col-left .--col-card h5 {
    color: #404040;
}
.--infox-light .--cart-3 .--cart-3-col-left .--col-card img {
    filter: invert(1);
}
.--infox-light .--cart-3 .--cart-3-col-right > div {
    background-color: #fff;
}
.--infox-light .--cart-3 .--total-precio {
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.--infox-light .--cart-3 .--cart-3-col-right .btn-outline-secondary {
    color: #6A6A6A;
    border-color: #C5C5C5;
}
.--infox-light .--cart-3 p.--aceptar-condiciones a {
  color: #1FC1F4;
}
.--infox-light .--cart-3 .--datos-bancarios p {
    color: #2e2e2e;
}
.--infox-light .--cart-3 .--card-datos-del-banco .--datos span:first-child {
    color: #2e2e2e;
}
.--infox-light .--cart-3 .--card-datos-del-banco .--datos span {
    color: #808080;
}
.--infox-light .--cart-3 .--card-datos-del-banco .--banco-de-la-nacion img.--dark {
    display: block;
}
.--infox-light .--cart-3 .--card-datos-del-banco .--banco-de-la-nacion img.--light {
    display: none;
}

/* --------------------------------------------------------------------
 * Curso Light
 * ----------------------------------------------------------------- */
.--infox-light .--curso-hero {
    background-color: #fafafa;
}
.--infox-light .--curso-hero h1 {
    color: #2f2f2f;
}
.--infox-light .--curso-hero p {
    color: #262626;
}
.--infox-light .--curso-contenido {
    background-color: #fafafa;
}
.--infox-light .--curso-col-left h5 {
    color: #262626;
}
.--infox-light .--left-sobre-el-curso li {
    color: #262626;
}
.--infox-light #--temario-del-curso .card-body {
    /* background-color: #fff; */
    background-color: #f4f4f4;
}
.--infox-light .--curso-col-left .list-group-item {
    border-top: 1px solid #ebebeb;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
.--infox-light .--curso-col-left .--table-striped > .--leccion:nth-of-type(2n+1) {
    background: #fafafa91;
}
.--infox-light .--left-instructores h5 {
    color: #262626;
}
.--infox-light .--left-instructores .--instructor {
    color: #262626;
}
.--infox-light .--left-instructores .--universidad {
    color: #262626;
}
.--infox-light .--left-instructores .--detalles ul li span {
    color: #262626;
}
.--infox-light .--left-instructores p {
    color: #262626;
}
.--infox-light .--left-calificaciones-sobre-el-curso .--valoracion p {
    color: #262626;
}
.--infox-light .--left-calificaciones-sobre-el-curso h3 {
    color: #262626;
}
.--infox-light .--left-calificaciones-sobre-el-curso .--col-izquierda p {
    color: #808080;
}
.--infox-light .--left-calificaciones-sobre-el-curso .progress {
    background-color: #e9e9e9;
}
.--infox-light .--curso-col-right > div {
    background: transparent;
}
.--infox-light .--curso-col-right .card h5 {
    color: #262626;
}
.--infox-light .--curso-col-right .card ul.--ul-detalles-del-curso li {
    border-left: 0;border-right: 0;
    border-top: 0 !important;
    color: #484848;
}
.--infox-light .--curso-col-right .card ul.--ul-detalles-del-curso li:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.--infox-light .--curso-col-right .card .btn-outline-primary {
    color: #5b5b5b;
}
.--infox-light .--curso-col-right .card .btn-outline-primary:hover {
    color: #fff;
}
.--infox-light .--curso-col-right .card .btn-outline-primary:active {
    color: #fff;
}
.--infox-light .--plan-3-testimonios .card {
    border: 1px solid rgb(218, 218, 218);
    background-color: #fafafa;
}
.--infox-light .--plan-3-testimonios .card p {
    color: #484848;
}
.--infox-light .--plan-3-testimonios .card .--datos-avatar .--nombre {
    color: #484848;
}
.--infox-light .--plan-3-testimonios .card .--datos-avatar .--fecha {
    font-size: 13px;
    color: #484848;
}
.--infox-light .--plan-3-testimonios .card img.--dark {
    display: none;
}
.--infox-light .--plan-3-testimonios .card img.--light {
    display: block;
}


/* --------------------------------------------------------------------
 * Plan 3 Light
 * ----------------------------------------------------------------- */
.--infox-light .--plan-3-img-3-items {
    background: #fafafa;
}
.--infox-light .--plan-3-img-3-items .--card > div {
    border: 1px solid #e3e3e3;
    border-left: 3px solid #1FC1F4;
}
.--infox-light .--plan-3-img-3-items .--card > div img {
    width: 60px;
    filter: invert(1);
}
.--infox-light .--plan-3-img-3-items .--card p {
    color: #444;
}
.--infox-light .--plan-3-docentes {
    background-color: #fff;
}
.--infox-light .--plan-3-docentes .--col-docente h4 {
    color: #313131;
}
.--infox-light .--plan-3-docentes .--col-docente p {
    color: #33343C;
}
.--infox-light .--plan-3-vuelvete-experto {
    background-color: #fafafa;
}
.--infox-light .--plan-3-vuelvete-experto img {
    filter: invert(1);
}
.--infox-light .--plan-3-licencias {
    background-color: #ffffff;
}
.--infox-light .--plan-3-licencias .--card > div {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
}
.--infox-light .--plan-3-licencias .--card h4 {
    color: #3B3B3B;
}
.--infox-light .--plan-3-licencias .--card p {
    color: #3B3B3B;
}
.--infox-light .--plan-3-licencias .--card .btn-outline-secondary {
    color: #3B3B3B;
    border-color: #3B3B3B;
}
.--infox-light .--plan-3-licencias .--card .--precio h3 {
    color: #333;
}
.--infox-light .--plan-3-licencias .--card .--precio span {
    color: #333;
}
.--infox-light .--plan-3-licencias .--card .--plan-incluye h5 {
  color: #393939;
}
.--infox-light .--plan-3-videos-en-youtube {
    background-color: #fafafa;
}
.--infox-light .--plan-3-testimonios {
    background-color: #fff;
}

/* --------------------------------------------------------------------
 * Registro, Login y Recuperar password
 * ----------------------------------------------------------------- */
.--infox-light .--register-login-recovery-password {
    background: #fff;
}
.--infox-light .--register-login-recovery-password .--submenu-mobile {
    background-color: #ededed;
}
.--infox-light .--register-login-recovery-password .--submenu-ul li a {
    color: #2a2a2a;
    padding-top: 20px;
}
.--infox-light .--register-login-recovery-password .--submenu-ul li a:hover {
    color: #131313;
}
.--infox-light .--register-login-recovery-password h5 {
    color: #383838;
}
.--infox-light .--register-login-recovery-password .--form .--olvide-mi-contrasena {
    color: #0a184a;
}
.--infox-light .--register-login-recovery-password .--submenu-desktop {
    background-color: #ededed;
}
.--infox-light .--register-login-recovery-password .--form .--terminos-y-condiciones {
    color: #0b37d0;
}
.--infox-light .--register-login-recovery-password .--form .bootstrap-select .btn-light {
    background-color: #fff;
    border-color: #e2e2e2;
}
.--infox-light .--register-login-recovery-password .--form [aria-expanded="false"] .filter-option-inner-inner {
    color: #818488;
}
.--infox-light .--register-login-recovery-password .--form .bootstrap-select .dropdown-menu {
    background-color: #fff;
    box-shadow: none;
    border: 1px solid #ddd;
}


/* -------------
------------------------------------------------------------------------------------
  MEDIAS QUERIES
  -----------------------------------------------------------*/
@media (max-width: 991.98px){
    .navbar-brand .navbar-brand-item {height: 20px;}
}
@media (min-width: 1200px) {
    .container {max-width: 1230px;}
}

/* --------------------------------------------------------- */

/* XL */
@media (min-width: 1200px){
    h2, .h2 {font-size: 34px;}
    .--metodologia-tres-items .--card > div {padding-left: 2.2rem !important;padding-right: 2.2rem !important;}
}
/* LG */
@media (min-width: 992px) and (max-width: 1199.9px){
    .--home-membresias .--cards-home-planes .card-body .card-title {font-size: 20px;}
    .--plan-2-membresias .--cards-plan-2-planes .card-body .card-title {font-size: 20px;}
    .--cart .--cart-col-left .--col-card .--div-img-curso img {width: 176px;min-width: 176px;height: 138px;border-radius: 4px;object-fit: cover;object-position: center}
    .--cart .--cart-col-left .--col-card h5 {font-size: 16px;}
    .--lg-header > div {padding-left: 0;padding-right: 0;}
    .--li-que-quieres-aprender {width: 216px;}
}
/* MD */
@media (min-width: 768px) and (max-width: 991.9px){
    .--header-circular-badge {top: 0px;left: 20px;}
    .--home-hero h1, .--plan-2-hero h1, .--plan-3-hero h1 {font-size: 30px;}
    .--cart .--cart-col-left .--col-card h5 {font-size: 16px;}
    .--cart {min-height: calc(100vh - 50px);}
    .--register-login-recovery-password {min-height: calc(100vh - 50px);}
}
/* SM */
@media (min-width: 576px) and (max-width: 767.9px){
    .--header-circular-badge {top: 0px;left: 20px;}
    .--form-col-left {display: none;}
    .--left-sobre-el-curso li {max-width: 100%;}
    .--curso-hero h1 {font-size: 26px;}
    .--cart .--cart-col-left .--col-card .--div-img-curso img {width: 80px;min-width: 80px;height: 150px;border-radius: 4px;object-fit: cover;object-position: center;}
    .--cart .--cart-col-left .--col-card h5 {font-size: 17px;}
    .--cursos-y-programas-cards .--col-card ul {justify-content: initial;}
    .--cursos-y-programas-cards .--col-card ul li.--li-modulos {display: none;}
    .--cursos-y-programas-cards .--col-card ul li:last-child {margin-left: 5px;}
    .--cart {min-height: calc(100vh - 50px);}
    .--register-login-recovery-password {min-height: calc(100vh - 50px);}
}
/* XS */
@media (min-width: 0px) and (max-width: 575.9px){
    .--header-circular-badge {top: 0px;left: 20px;}
    .--form-col-left {display: none;}
    .--home-hero h1, .--plan-2-hero h1, .--plan-3-hero h1 {font-size: 30px;}
    .--left-sobre-el-curso li {max-width: 100%;}
    .--metodologia-hero h1 {font-size: 30px;}
    .--home-membresias .--cards-home-planes {display: flex;overflow-x: auto;scrollbar-width: none;margin-left: 0px;flex-wrap: initial;}
    .--home-membresias .--cards-home-planes > div {padding: 0 10px 0 0 !important;}
    .--home-membresias .--cards-home-planes .card-body {padding: 2rem 1.5rem;}
    .--home-membresias .--cards-home-planes .card-body .card-title {font-size: 24px;}
    .--home-programas .--row-programas-cards {display: flex;overflow-x: auto;scrollbar-width: none;margin-left: -4px;flex-wrap: initial;}
    .--home-eventos .--row-eventos-cards {display: flex;overflow-x: auto;scrollbar-width: none;margin-left: -4px;flex-wrap: initial;}
    .--curso-hero h1 {font-size: 26px;}
    #--temario-del-curso.card .card-body {padding: 0;background: transparent;}
    .--curso-col-left .--unidad .--title {font-size: 13px;}
    .--curso-col-left .--leccion .--title {font-size: 12px;max-width: calc(100% - 38px);}
    .--curso-col-left .--leccion .--title a {margin-right: 0 !important;}
    .--curso-col-left .--leccion .--hora {font-size: 12px;}
    .--col-izquierda h3 {font-size: 38px;}
    .--plan-2-cuatro-items .--card img {max-width: 84px;}
    .--plan-2-membresias .--cards-plan-2-planes {display: flex;overflow-x: auto;scrollbar-width: none;margin-left: 0px;flex-wrap: initial;}
    .--plan-2-membresias .--cards-plan-2-planes > div {padding: 0 10px 0 0 !important;}
    .--plan-2-membresias .--cards-plan-2-planes .card-body {padding: 2rem 1.5rem;}
    .--plan-2-membresias .--cards-plan-2-planes .card-body .card-title {font-size: 24px;}
    .--plan-2-programas .--row-programas-cards {display: flex;overflow-x: auto;scrollbar-width: none;margin-left: -4px;flex-wrap: initial;}
    .--plan-3-img-3-items .--card > div img {width: 44px;}
    .--plan-3-img-3-items .--card p {font-size: 14px;width: calc(100% - 0px);}
    .--membresias-items .--card > div {min-height: 580px;}
    .--cart .--cart-col-left .--col-card .--div-img-curso img {width: 80px;min-width: 80px;height: 150px;border-radius: 4px;object-fit: cover;object-position: center;}
    .--cart .--cart-col-left .--col-card h5 {font-size: 14px;line-height: 1.25;margin-bottom: 3px;}
    .--cart .--cart-col-left .--col-card .--calificacion-promedio {font-size: 12px;}
    .--cart .--cart-col-left .--col-card .--estrellas {font-size: 12px;}
    .--cart .--cart-col-left .--col-card .--cantidad-valoraciones {font-size: 11px;}
    .--cart .--cart-col-left .--col-card .--modulos {display: none;}
    .--cart .--cart-col-left .--col-card .--datos-flex {font-size: 11px;color: #c4c4c4;}
    .--cart .--cart-col-left .--col-card .bi-clock {width: 13px;}
    .--cart .--cart-col-left .--col-card .--nivel {width: 13px;}
    .--cart .--cart-col-left .--col-card .span-profesores {font-size: 11px;}
    .--cart .--cart-col-left .--col-card ul.--ul-profesores li img.avatar-xs {width: 20px;height: 20px;}
    .--cart .--cart-col-left .--col-card .--textos {display: flex;flex-direction: column;justify-content: center;}
    .--cart .--cart-col-left .--col-card .--descripcion {font-size: 13px;line-height: 1.5;}
    footer .list-inline-item:not(:last-child) {margin-right: 0.2rem;}
    .--cart {min-height: calc(100vh - 50px);}
    .--register-login-recovery-password {min-height: calc(100vh - 50px);}
}












































/* ---------------------------------------------------------------------------------------------------
 * Dashboard
 * ------------------------------------------------------------------------------------------------ */

/* --------------------------------------------------------------------
* Mis clases > Modales
* ----------------------------------------------------------------- */
a[data-toggle="modal"].--mis-clases-btn-opciones {
    color: #fff;
}
.--opciones_mis_clases .modal-title, .--opciones_mis_clases p {
    color: #afafaf;
}
.--opciones_mis_clases .btn-opciones {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40;
}
.--opciones_mis_clases .btn-opciones:hover {
    color: #fff;
    background-color: #23272b;
    border-color: #1d2124;
}
.--opciones_mis_clases .btn-opciones:active {
    color: #fff;
    background-color: #1d2124;
    border-color: #171a1d;
}


/* --------------------------------------------------------------------
 * Mis clases > Cursos
 * ----------------------------------------------------------------- */
.--mis-clases-cursos h4 {
    color: #eaeaea;
}
.--mis-clases-cursos .--subtitulo {
    color: #e6e6e6;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--div-img-curso img {
    width: 205px;
    min-width: 205px;
    border-radius: 4px;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card h5 {
    font-size: 17px;
    font-weight: 600;
    color: #D2D2D2;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--calificacion-promedio {
    color: #d5d5d5;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--cantidad-valoraciones {
    color: #AEADB3;font-size: 13px;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card ul {
    display: flex;
    color: #e6e6e6;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card ul li {
    display: flex;
    align-items: center;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--datos-flex {
    color: inherit;
    font-size: 13px;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card ul.--ul-profesores {
    display: flex;
    color: #e6e6e6;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card ul.--ul-profesores li {
    display: flex;
    align-items: center;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card ul.--ul-profesores li + li {
    margin-left: -0.75rem;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card ul.--ul-profesores li img.avatar-xs {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 2px solid #f8f9fa;
    background: #f8f9fa;
    color: #fff;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .span-profesores {
    font-size: 13px;
    font-weight: 500;
    color: #d5d5d5;
}
.--mis-clases-cursos .--mis-clases-cursos-col-left hr {
    border-top: 1px solid #252525;
    margin: 1.3rem 0;
}
.--mis-clases-cursos .--mis-clases-cursos-col-right > div {
    background-color: #191b20;border-radius: 4px;
    /* max-height: 500px; */
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #636363 transparent;
}
.--mis-clases-cursos .--mis-clases-cursos-col-right h6 {
    color: #d4d4d4;
}
.--mis-clases-cursos .--timeline {
    margin-bottom: 28px;
}
.--mis-clases-cursos .--timeline:last-child {
    margin-bottom: 0;
}
.--mis-clases-cursos .--timeline .--item {
    display: flex;
    margin-bottom: 12px;
}
.--mis-clases-cursos .--timeline .--item .--hora {
    min-width: 45px;
    font-size: 13px;
}
.--mis-clases-cursos .--timeline .--item .--evento {
    color: #acacac;
    font-size: 13px;
}
.--mis-clases-cursos .--timeline .--item .--live {
    display: inline-block;
    padding: 3px 8px;
    font-size: 9px;
    font-weight: 700;
    color: #FC3F3F !important;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
    background-color: #FC3F3F1A;
    text-transform: uppercase;
    cursor: pointer;
}
.--mis-clases-cursos .--timeline .--item .--live:hover {
  transform: scale(1.05);
}
.--mis-clases-cursos .--timeline:last-child .--item:last-child {
    margin-bottom: 0;
}
.--mis-clases-cursos .--bg-top {
    background-size: cover;background-position: bottom;center;height: 100px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.--mis-clases-cursos .--bg-top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    height: 100px;
    background: black;
    z-index: 1;
}
.--mis-clases-cursos .--datos-principales {
    background-color: #191b20;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
}
.--mis-clases-cursos .--datos-principales h4 {
    font-size: 17px;
}
.--mis-clases-cursos .alert-info {
  color: #51a2af;
  background-color: #3F92FC1A;
  border-color: #16363b;
  padding-right: 28px;
}
.--mis-clases-cursos .alert-info .alert-link {
  color: #5e9eaa;
}
.--mis-clases-cursos .alert-info .btn-close {
    background: transparent;
    border: none;
    color: #51a2af;
    margin-bottom: 0;
    margin-left: auto;
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 18px;
}

/* --------------------------------------------------------------------
 * Mis clases > Curso
 * ----------------------------------------------------------------- */
.--mis-clases-curso h4 {
    color: #eaeaea;
}
.--mis-clases-curso .--subtitulo {
    color: #e6e6e6;
}
.--mis-clases-curso .--bg-top {
    background-size: cover;background-position: bottom;center;height: 100px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.--mis-clases-curso .--bg-top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    height: 100px;
    background: black;
    z-index: 1;
}
.--mis-clases-curso .--bg-top-btn-volver {
    position: absolute;
    padding: 3px 8px;
    font-size: 9px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
    background-color: #18191C;
    text-transform: uppercase;
    cursor: pointer;
    top: 5px;
    z-index: 2;
    left: 20px;
}
.--mis-clases-curso .--bg-top-btn-volver:hover {
    color: white;
    background: #212226;
}
.--mis-clases-curso .--datos-principales {
    background-color: #191b20;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
}
.--mis-clases-curso .--datos-principales h4 {
    font-size: 17px;
}
.--mis-clases-curso-col-left #--temario-del-curso.card {
    background: transparent;
}
.--mis-clases-curso-col-left #--temario-del-curso .card-body {
    background-color: #131418;
}
.--mis-clases-curso-col-left #cursoAcordion ul li > a.--unidad {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    margin-bottom: 0;
}
.--mis-clases-curso-col-left .--unidad .--title {
    font-size: 16px;
}
.--mis-clases-curso-col-left .--unidad .--datos {
    font-size: 12px;
}
.--mis-clases-curso-col-left .--leccion {
    color: inherit;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;

}
.--mis-clases-curso-col-left .--leccion .--title {
  max-width: calc(100% - 60px);
}
.--mis-clases-curso-col-left .--leccion:hover {
    background: #4747470a;
}
.--mis-clases-curso-col-left .--leccion i.mdi-play {
    color: #0CE8A7;
}
.--mis-clases-curso-col-left .--leccion i.mdi-lock-outline {
    color: #747474;
}
.--mis-clases-curso-col-left .list-group-item {
    border: 1px solid #222631;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
}
.--mis-clases-curso-col-left .--table-striped > .--leccion:nth-of-type(2n+1) {
    background: #23232442;
    color: inherit;
}
.--mis-clases-curso-col-left .mdi-clipboard-outline {
    color: #0cf2ef;
}
.--mis-clases-curso .--mis-clases-curso-col-right > div {
  background-color: #191b20;
  border-radius: 4px;
}

/* --------------------------------------------------------------------
 * Mis clases > Personalizar
 * ----------------------------------------------------------------- */
.--mis-clases-personalizar h4 {
    color: #eaeaea;
}
.--mis-clases-personalizar .--subtitulo {
    color: #e6e6e6;
}
.--mis-clases-personalizar .--bg-top {
    background-size: cover;background-position: bottom;center;height: 100px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.--mis-clases-personalizar .--bg-top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    height: 100px;
    background: black;
    z-index: 1;
}
.--mis-clases-personalizar .--bg-top-btn-volver {
    position: absolute;
    padding: 3px 8px;
    font-size: 9px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
    background-color: #18191C;
    text-transform: uppercase;
    cursor: pointer;
    top: 5px;
    z-index: 2;
    left: 20px;
}
.--mis-clases-personalizar .--bg-top-btn-volver:hover {
    color: white;
    background: #212226;
}
.--mis-clases-personalizar .--datos-principales {
    background-color: #191b20;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
}
.--mis-clases-personalizar .--datos-principales h4 {
    font-size: 17px;
}
.--mis-clases-personalizar .--mis-clases-personalizar-col-left .dropdown-menu.show {
    max-width: 100%;
}
.--mis-clases-personalizar .--mis-clases-personalizar-col-left .card-header {
    background: #191b20;border-bottom: 1px solid #e1e1e114;
}
.--mis-clases-personalizar .--mis-clases-personalizar-col-left .card-body {
    background: #191b20;
}
.--mis-clases-personalizar .--mis-clases-personalizar-col-left hr {
    border-top: 1px solid #e1e1e114;
}
.--mis-clases-personalizar .--mis-clases-personalizar-col-left .--confirmar-subir-archivo {
    color: #fff;
    background: #1FC1F4;
    border: #1FC1F4;
}
.--mis-clases-personalizar .--mis-clases-personalizar-col-left .--confirmar-subir-archivo:hover {
    color: #fff;
    background: #0a30b7;
    border: #0a30b7;
}

/* --------------------------------------------------------------------
 * Mis clases > Mi progreso
 * ----------------------------------------------------------------- */
.--mis-clases-mi-progreso h4 {
    color: #eaeaea;
}
.--mis-clases-mi-progreso .--subtitulo {
    color: #e6e6e6;
}
.--mis-clases-mi-progreso .--bg-top {
    background-size: cover;background-position: bottom;center;height: 100px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.--mis-clases-mi-progreso .--bg-top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    height: 100px;
    background: black;
    z-index: 1;
}
.--mis-clases-mi-progreso .--bg-top-btn-volver {
    position: absolute;
    padding: 3px 8px;
    font-size: 9px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
    background-color: #18191C;
    text-transform: uppercase;
    cursor: pointer;
    top: 5px;
    z-index: 2;
    left: 20px;
}
.--mis-clases-mi-progreso .--bg-top-btn-volver:hover {
    color: white;
    background: #212226;
}
.--mis-clases-mi-progreso .--datos-principales {
    background-color: #191b20;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
}
.--mis-clases-mi-progreso .--datos-principales h4 {
    font-size: 17px;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-left .dropdown-menu.show {
    max-width: 100%;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-left .card-header {
    background: #191b20;border-bottom: 1px solid #e1e1e114;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-left .card-body {
    background: #191b20;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-left hr {
    border-top: 1px solid #e1e1e114;
}
.--mis-clases-mi-progreso i.mdi-check-circle-outline {
    color: #36E07B;
}
.--mis-clases-mi-progreso i.mdi-close-circle-outline {
    color: #fb2b55;
}
.--mis-clases-mi-progreso .--ver-grabacion-btn i {
    color: #00A6DB;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-right .--item {
    background: #191b20;border-radius: 4px;display: flex;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-right .--item .--div-svg {
    display: flex;
    width: 40px;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-right .--item h5 {
    color: #eaeaea;margin-bottom: 0;font-size: 36px;line-height: 1;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-right .--item .--div-text {
    margin-left: 1.2rem;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-left tbody td {
    padding: 4px 0;
}
.--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-left tbody tr.odd {
    background: #1e2026;
}

/* --------------------------------------------------------------------
 * Mis clases > Progreso de estudiantes
 * ----------------------------------------------------------------- */
.--mis-clases-progreso-de-estudiantes h4 {
    color: #eaeaea;
}
.--mis-clases-progreso-de-estudiantes .--subtitulo {
    color: #e6e6e6;
}
.--mis-clases-progreso-de-estudiantes .--bg-top {
    background-size: cover;background-position: bottom;center;height: 100px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.--mis-clases-progreso-de-estudiantes .--bg-top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    height: 100px;
    background: black;
    z-index: 1;
}
.--mis-clases-progreso-de-estudiantes .--bg-top-btn-volver {
    position: absolute;
    padding: 3px 8px;
    font-size: 9px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
    background-color: #18191C;
    text-transform: uppercase;
    cursor: pointer;
    top: 5px;
    z-index: 2;
    left: 20px;
}
.--mis-clases-progreso-de-estudiantes .--bg-top-btn-volver:hover {
    color: white;
    background: #212226;
}
.--mis-clases-progreso-de-estudiantes .--datos-principales {
    background-color: #191b20;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
}
.--mis-clases-progreso-de-estudiantes .--datos-principales h4 {
    font-size: 17px;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left .dropdown-menu.show {
    max-width: 100%;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left .card-header {
    background: #191b20;border-bottom: 1px solid #e1e1e114;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left .card-body {
    background: #191b20;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left hr {
    border-top: 1px solid #e1e1e114;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item {
    background: #191b20;border-radius: 4px;display: flex;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item .--div-svg {
    display: flex;
    width: 40px;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item h5 {
    color: #eaeaea;margin-bottom: 0;font-size: 36px;line-height: 1;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item .--div-text {
    margin-left: 1.2rem;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left .--estudiante {
    display: flex;align-items: center;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left .--estudiante img {
    width: 26px;height: 26px;border-radius: 50%;border: 2px solid #f8f9fa;background: #f8f9fa;color: #fff;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left .--estudiante span {
    margin-left: 8px;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left .--ver-progreso {
    background-color: #4040403d;color: #868686;
    background-color: #bdccf9;color: #162d7e;
    background-color: #0c3de880;color: #c9c9c9;
    font-size: 11px;
    line-height: 1;
    font-weight: 500;
    padding: .33rem .5rem;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left .--ver-progreso:hover {
    background-color: #0c3de8e8;
    color: #fff;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left tbody td {
    padding: 4px 0;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-left tbody tr.odd {
    background: #1e2026;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item-datos-estudiante {
    background: #191b20;border-radius: 4px;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item-datos-estudiante .--div-img {
    display: flex;
    min-width: 40px;
    width: 40px;
    height: 40px;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item-datos-estudiante .--div-text {
    margin-left: 1rem
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item-datos-estudiante h5 {
    color: #eaeaea;
    margin-bottom: 0;
    line-height: 1;
    font-size: 17px;
    margin-bottom: 1px;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item-datos-estudiante .--item-li {
    display: flex;justify-content: space-between;padding: 4px 11px;color: #8f9397;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item-datos-estudiante a.--item-li:hover {
    color: #fff;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item-datos-estudiante .--item-li.odd {
    background: #1e2026;
}
.--mis-clases-progreso-de-estudiantes .--mis-clases-progreso-de-estudiantes-col-right .--item-datos-estudiante .--item-li.even {
    background: transparent;
}

.tabla-ver-asistencias-alumno .mdi-check-circle-outline {
    color: #36E07B;
}
.tabla-ver-asistencias-alumno .mdi-close-circle-outline {
    color: #fb2b55;
}
div.dataTables_wrapper th.--th-order-none {
    cursor: default;padding-right: 0 !important;
}
div.dataTables_wrapper th.--th-order-none::before, div.dataTables_wrapper th.--th-order-none::after {
    content: none !important;
}
.tabla-ver-asistencias-alumno tbody td {
    padding: 4px 0;
}
.tabla-ver-asistencias-alumno .odd {
    background: #1e2026ab;
}

.tabla-ver-resultados-de-proyectos .mdi-check-circle-outline {
    color: #36E07B;
}
.tabla-ver-resultados-de-proyectos .mdi-close-circle-outline {
    color: #fb2b55;
}
.tabla-ver-resultados-de-proyectos tbody td {
    padding: 4px 0;
}
.tabla-ver-resultados-de-proyectos .odd {
    background: #1e2026ab;
}

.tabla-ver-cursos-del-alumno tbody td {
    padding: 4px 0;
}
.tabla-ver-cursos-del-alumno .odd {
    background: #1e2026ab;
}

/* --------------------------------------------------------------------
 * Mis clases > Comunidad de consultas
 * ----------------------------------------------------------------- */
.--mis-clases-comunidad-de-consultas h4 {
    color: #eaeaea;
}
.--mis-clases-comunidad-de-consultas .--subtitulo {
    color: #e6e6e6;
}
.--mis-clases-comunidad-de-consultas .--bg-top {
    background-size: cover;background-position: bottom;center;height: 100px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.--mis-clases-comunidad-de-consultas .--bg-top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    height: 100px;
    background: black;
    z-index: 1;
}
.--mis-clases-comunidad-de-consultas .--bg-top-btn-volver {
    position: absolute;
    padding: 3px 8px;
    font-size: 9px;
    font-weight: 700;
    color: #FFF;
    text-align: center;
    border-radius: 4px;
    background-color: #18191C;
    text-transform: uppercase;
    cursor: pointer;
    top: 5px;
    z-index: 2;
    left: 20px;
}
.--mis-clases-comunidad-de-consultas .--bg-top-btn-volver:hover {
    color: white;
    background: #212226;
}
.--mis-clases-comunidad-de-consultas .--datos-principales {
    background-color: #191b20;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
}
.--mis-clases-comunidad-de-consultas .--datos-principales h4 {
    font-size: 17px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .dropdown-menu.show {
    max-width: 100%;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .card-header {
    background: #191b20b0;border-bottom: 1px solid #e1e1e114;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .card-body {
    background: #191b20b0;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--btn-badge {
    display: inline-block;
    padding: 0.55em 1.05em;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: #989898;
    text-align: center;
    white-space: nowrap;
    border-radius: 13px;
    background-color: #7777771A;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--btn-badge:hover {
    color: #d5d5d5;
    background-color: #77777740;
    cursor: pointer;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--btn-badge.--active {
    display: inline-block;
    padding: 0.55em 1.05em;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    color: #FCAB3F;
    text-align: center;
    white-space: nowrap;
    border-radius: 13px;
    background-color: #FCAB3F1A;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta {
    padding: 22px 20px 18px 20px;
    border-radius: 4px;
    background: #2224294a;
    position: relative;
    display: block;
    margin-bottom: 12px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--fecha-y-hora {
    position: absolute;
    right: 20px;
    font-size: 10px;
    color: #bcbcbc78;
    top: 20px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--avatar {
    min-width: 55px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta img.--avatar {
    width: 55px;height: 55px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta h5 {
    color: #E6E6E6;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--btn-responder {
    display: inline-block;
    padding: 0.55em 1.05em;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    border-radius: 4px;
    color: #E7E7E7;
    /* background-color: #222429; */
    background-color: transparent;
    margin-left: 59px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--btn-responder span {
    vertical-align: 1px;
    margin-left: 4px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--btn-ver-respuestas {
    display: inline-block;
    padding: 0.55em 1.05em;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    border-radius: 4px;
    color: #E7E7E7;
    background-color: #222429;
    margin-left: auto;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta {
    padding: 22px 20px 18px 20px;
    border-radius: 4px;
    background: #2224294a;
    position: relative;
    display: block;
    width: calc(100% - 5%);margin-left: auto;margin-bottom: 12px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta .--fecha-y-hora {
    position: absolute;
    right: 20px;
    font-size: 10px;
    color: #bcbcbc78;
    top: 20px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta .--avatar {
    min-width: 55px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta img.--avatar {
    width: 55px;height: 55px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta h5 {
    color: #E6E6E6;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--responder {
    padding: 22px 20px 18px 20px;
    border-radius: 4px;
    background: #2224294a;
    position: relative;
    display: block;
    width: calc(100% - 5%);margin-left: auto;margin-bottom: 12px;
}
.--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--responder .--anadir-respuesta {
    display: inline-block;
    padding: 0.55em 1.05em;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    border-radius: 4px;
    color: #E7E7E7;
    background-color: #222429;
}

/* --------------------------------------------------------------------
 * Centro de ayuda
 * ----------------------------------------------------------------- */
.--centro-de-ayuda h4 {
    color: #eaeaea;
}
.--centro-de-ayuda .--subtitulo {
    color: #e6e6e6;
}
.--centro-de-ayuda .--bg-top {
    background-size: cover;background-position: bottom;center;height: 100px;
    position: relative;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.--centro-de-ayuda .--bg-top::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0.3;
    height: 100px;
    background: black;
    z-index: 1;
}
.--centro-de-ayuda .--datos-principales {
    background-color: #191b20;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;
}
.--centro-de-ayuda .--datos-principales h4 {
    font-size: 17px;
}

.--centro-de-ayuda-col-left .list-group-item {
    border: 0;
    padding: 0 1rem;
    margin-bottom: 0.8rem;
    border-radius: 6px;
    background: #191b20;
}
.--centro-de-ayuda-col-left .list-group-item a {
    padding: 1rem 0;
}
.--centro-de-ayuda-col-left .list-group-item .--question {
    font-size: 16px;color: #eaeaea;
}
.--centro-de-ayuda-col-right .--item {
    background-color: #191b20;border-radius: 4px;
}
.--centro-de-ayuda-col-right .--item i {
    font-size: 40px;line-height: 1;display: block;margin-bottom: 1rem;
}
.--centro-de-ayuda-col-right .--item h5 {
    color: #eaeaea;
}

/* --------------------------------------------------------------------
 * Chat
 * ----------------------------------------------------------------- */
.--chat .--chat-col-left {
    height: calc(100vh - (60px + 32px));
    overflow-x: hidden;
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    scrollbar-width: none;
}
.--chat .--chat-col-left ul li.--item:last-child {
    margin-bottom: 0;
}
.--chat .--chat-col-left .--item {
    display: flex;
    align-items: center;
    padding: 1.5rem 1.25rem;
    background: #191b20;
    border-radius: 6px;
    margin-bottom: 1rem;
    cursor: pointer;
}
.--chat .--chat-col-left .--item .--div-img {
    display: flex;
    min-width: 50px;
    width: 50px;
    height: 50px;
}
.--chat .--chat-col-left .--item .--div-img img {
    border-radius: 50%;
}
.--chat .--chat-col-left .--item h6 {
    color: #eaeaea;
}
.--chat .--chat-col-left .--item .--visto {
    color: #0CE8A7;
}
.--chat .--chat-col-left .--div-buscador a {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter', sans-serif;
    padding: 6px 12px 0 12px;
    border-top: 2px solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    color: #8f9397;
    cursor: pointer;
    height: 100%;
}

.--chat .--chat-col-right {
    height: calc(100vh - (60px + 32px));
    overflow-x: hidden;
    
    /* display: flex; */
    display: none;

    overflow-y: auto;
    flex-direction: column;
    scrollbar-width: none;
    background: #191b20;
    border-radius: 6px;
    position: relative;
}

.--chat .--chat-col-right .--chat-header {
    padding: 1.25rem 2rem;
    position: absolute;
    width: 100%;
    border-bottom: 1px solid #93939317;
    top: 0;
    background: #191b20;
}
.--chat .--chat-col-right .--chat-header .--ocultar-ventana-chat {
    cursor: pointer;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.--chat .--chat-col-right .--chat-header .--ocultar-ventana-chat i {
    font-size: 24px;
}
.--chat .--chat-col-right .--chat-header .--avatar img {
    width: 44px;height: 44px;border-radius: 50%;
}
.--chat .--chat-col-right .--chat-header .--avatar h6 {
    color: #eaeaea;
    line-height: 1;
}
.--chat .--chat-col-right .--chat-header .--avatar span {
    font-size: 12px;line-height: 1;
}

.--chat .--chat-col-right .--chat-textarea {
    padding: 1.25rem 2rem;
    position: absolute;
    width: 100%;
    border-top: 1px solid #93939317;
    bottom: 0;
    background: #191b20;
}
.--chat .--chat-col-right .--chat-textarea .--btn-enviar-mensaje {
    cursor: pointer;
}
.--chat .--chat-col-right .--chat-textarea .--btn-adjuntar {
    cursor: pointer;
}
.--chat .--chat-col-right .--chat-textarea .dropdown-menu {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
    padding: .5rem;
}
.--chat .--chat-col-right .--chat-textarea .dropdown-menu.show {
    /* background: #181a1f; */
    background: #1c1f24;
    border-radius: 9px;
}
.--chat .--chat-col-right .--chat-textarea .dropdown-menu.show .dropdown-item {
    padding: .5rem 1rem;
    border-radius: 8px;
}
.--chat .--chat-col-right .--chat-textarea .dropdown-menu.show .dropdown-item:hover {
    background: #262831;
    color: #a5a5a5 !important;
}

.--chat .--chat-col-right .--chat-contenido {
    padding-top: 85px;
    padding-bottom: 86px;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
}
.--chat .--chat-col-right .--chat-contenido > div {
    padding: 1.25rem 2rem;
}
.--chat .--chat-col-right .--chat-contenido .mensaje {
    display: flex;
    align-items: end;
}
.--chat .--chat-col-right .--chat-contenido .mensaje .--body {
    width: 100%;
}
.--chat .--chat-col-right .--chat-contenido .mensaje .--avatar img {
    min-width: 44px; width: 44px;
    min-height: 44px; height: 44px;
    border-radius: 50%;
}
.--chat .--chat-col-right .--chat-contenido .mensaje .--contenido {
    border-radius: 8px 8px 8px 0;
    display: inline-block;
    padding: 1.125rem;
    color: #ccc;
    background: #23242a;
}
.--chat .--chat-col-right .--chat-contenido .mensaje.--right{
    justify-content: end;
}
.--chat .--chat-col-right .--chat-contenido .mensaje.--right .--contenido {
    border-radius: 8px 8px 0 8px;
    background: #1FC1F4;
    color: #fff;
}
.--chat .--chat-col-right .--chat-contenido .mensaje.--right .mdi-check-all {
    font-size: 15px;margin-left: 2px;color: #59ff83;
}
.--chat .--chat-col-right .--chat-contenido .mensaje + .mensaje {
    margin-top: 2rem;
}

/* --------------------------------------------------------------------
 * Mi perfil
 * ----------------------------------------------------------------- */
.--mi-perfil .form-control {
    font-size: 13px;
}
.--mi-perfil .--mi-perfil-col-left > div {
    background-color: #191b20;border-radius: 4px;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-img img {
    width: 100px;height: 100px;border-radius: 50%;border: 4px solid #1FC1F4;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-img span {
    position: absolute;bottom: 0;left: 56%;background: #1FC1F4;width: 24px;height: 24px;border-radius: 50%;display: flex;align-items: center;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-img span i {
    left: 6px;position: relative;color: white;font-size: 12px;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-img input {
    position: absolute;z-index: 2;width: 70%;height: 100px;margin: 0;opacity: 0;right: 15%;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-text h5 {
    text-align: center;color: #dbdbdb;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-text h6 {
    text-align: center;color: #ccc;font-weight: 400;line-height: 1.35;margin-bottom: 0.7rem;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-text h6.--profesor-desde {
    color: #b9b9b9;font-weight: 400;text-align: center;font-size: 13px;color: #FCAB3F;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-text p {
    font-size: 13px;line-height: 1.6;max-width: 268px;margin-left: auto;margin-right: auto;text-align: center;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-text a.--linked-in {
    display: inline-block;padding: 5px 15px;font-size: 11px;font-weight: 500;line-height: normal;color: #0079AB;text-align: center;white-space: nowrap;border-radius: 4px;background-color: #05648B;cursor: pointer;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-text a.--linked-in:hover {
    background-color: #0492CC;
}
.--mi-perfil .--mi-perfil-col-left > div .--div-text a.--linked-in img {
    height: 16px;
}

.--mi-perfil .--mi-perfil-col-right .card-header {
  background: #191b20;
  border-bottom: 1px solid #e1e1e114;
}
.--mi-perfil .--mi-perfil-col-right h4 {
  color: #eaeaea;
}
.--mi-perfil .--mi-perfil-col-right .card-body {
  background: #191b20;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .--item {
    display: flex;justify-content: space-between;
    padding-top: 10px;padding-bottom: 10px;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .--item h6 {
    font-size: 16px;color: #ccc;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .--item p {
    font-size: 13px;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .--item p span {
    color: #FCAB3F;font-size: 12px;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .--item .--div-dropdown {
    width: 18px;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .--item .--div-dropdown .mdi-dots-vertical {
    font-size: 18px;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .dropdown-menu {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
    padding: .5rem;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .dropdown-menu.show {
    background: #1c1f24;
    border-radius: 9px;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .dropdown-menu.show .dropdown-item {
    padding: .5rem 1rem;
    border-radius: 8px;
}
.--mi-perfil .--mi-perfil-col-right .--educacion .dropdown-menu.show .dropdown-item:hover {
    background: #262831;
    color: #a5a5a5 !important;
}

.--mi-perfil .--mi-perfil-col-right .--experiencia .--item {
    display: flex;justify-content: space-between;
    padding-top: 10px;padding-bottom: 10px;
}
.--mi-perfil .--mi-perfil-col-right .--experiencia .--item h6 {
    font-size: 16px;color: #ccc;
}
.--mi-perfil .--mi-perfil-col-right .--experiencia .--item p {
    font-size: 13px;
}
.--mi-perfil .--mi-perfil-col-right .--experiencia .--item p span {
    color: #FCAB3F;font-size: 12px;
}
.--mi-perfil .--mi-perfil-col-right .--experiencia .--item .--div-dropdown {
    width: 18px;
}
.--mi-perfil .--mi-perfil-col-right .--experiencia .--item .--div-dropdown .mdi-dots-vertical {
    font-size: 18px;
}
.--mi-perfil .--mi-perfil-col-right .--experiencia .dropdown-menu {
    box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.15);
    padding: .5rem;
}
.--mi-perfil .--mi-perfil-col-right .--experiencia .dropdown-menu.show {
    background: #1c1f24;
    border-radius: 9px;
}
.--mi-perfil .--mi-perfil-col-right .--experiencia .dropdown-menu.show .dropdown-item {
    padding: .5rem 1rem;
    border-radius: 8px;
}
.--mi-perfil .--mi-perfil-col-right .--experiencia .dropdown-menu.show .dropdown-item:hover {
    background: #262831;
    color: #a5a5a5 !important;
}


/* --------------------------------------------------------------------
 * DataTables
 * ----------------------------------------------------------------- */
table.dataTable {
    min-width: 100%;
}
div.dataTables_wrapper div.dataTables_length select {
    margin-bottom: 5px;
}
div.dataTables_wrapper .dataTables_scroll {
    margin-bottom: 1rem;
}
div.dataTables_wrapper .page-link {
    background-color: #191b20;
    border: 1px solid #25272f;
    color: #51535e;
    text-transform: none;
}
div.dataTables_wrapper .page-link:hover {
    color: #fff;
    background-color: #0c3de8c2;
    border-color: #0c3de8c2;
}
div.dataTables_wrapper .page-item.disabled .page-link {
    color: #6c757d63;
    background-color: #18191a;
    border-color: #25272f;
    cursor: not-allowed;
    pointer-events: initial;
}
div.dataTables_wrapper th.--th-btn {
    min-width: 50px !important;
    max-width: 50px !important;
    padding-right: 4px !important;
    cursor: default !important;
}
div.dataTables_wrapper th.--th-btn::before, div.dataTables_wrapper th.--th-btn::after {
    content: none !important;
}
div.dataTables_wrapper td a.--edit-btn {
    width: 24px;
    height: 24px;
    color: gainsboro;
    display: inline-block;
}
div.dataTables_wrapper td a.--delete-btn {
    width: 24px;
    height: 24px;
    color: crimson;
    display: inline-block;
}
div.dataTables_wrapper td a.--edit-btn i, div.dataTables_wrapper td a.--delete-btn i {
    display: flex;
    justify-content: center;
}
div.dataTables_wrapper td a.--check-btn, div.dataTables_wrapper td a.--close-btn {
    width: 24px;
    height: 24px;
    color: gainsboro;
    display: inline-block;
}

/* -------------
------------------------------------------------------------------------------------
  MEDIAS QUERIES
  -----------------------------------------------------------*/
@media (max-width: 991.98px){
    .navbar-brand .navbar-brand-item {height: 20px;}
}
@media (min-width: 1200px) {
    .container {max-width: 1230px;}
}

/* --------------------------------------------------------- */

/* XL */
@media (min-width: 1200px){
    .--chat .--chat-col-right .--chat-contenido .mensaje .--contenido {max-width: 45%;}
    .--chat .--chat-col-right {display: flex;}
    .--mi-perfil .--mi-perfil-col-right .card-body .container {width: 96%;}
}
/* LG */
@media (min-width: 992px) and (max-width: 1199.9px){
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--div-img-curso img {width: 176px;min-width: 176px;height: 138px;border-radius: 4px;object-fit: cover;object-position: center}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card h5 {font-size: 16px;}
    .--chat .--chat-col-right {display: flex;}
}
/* MD */
@media (min-width: 768px) and (max-width: 991.9px){
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card h5 {font-size: 16px;}
    .--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-right {display: flex;justify-content: space-between;}
    .--mis-clases-mi-progreso .--mis-clases-mi-progreso-col-right .--item {width: 32%;}
    .--chat .container {width: 100%;}
    .--chat .--chat-col-right {height: calc(100vh);position: absolute;top: 0;z-index: 100;margin-top: 0;}
}
/* SM */
@media (min-width: 576px) and (max-width: 767.9px){
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--div-img-curso img {width: 80px;min-width: 80px;height: 112px;border-radius: 4px;object-fit: cover;object-position: center;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card h5 {font-size: 17px;}
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin-top: 1rem;}
    .--mis-clases-comunidad-de-consultas-col-left .card-body {padding: 20px 0;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta {border-radius: 0;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta {border-radius: 0;}
    .--chat .container {width: 100%;}
    .--chat .--chat-col-right {height: calc(100vh);position: absolute;top: 0;z-index: 100;margin-top: 0;}
    .--mi-perfil .--mi-perfil-col-right .--datos-personales .--btn-actualizar-datos-personales {width: 100%;}
    .--mi-perfil .--mi-perfil-col-right .--educacion .--btn-agregar-certificacion {width: 100%;}
    .--mi-perfil .--mi-perfil-col-right .--educacion .--btn-agregar-experiencia {width: 100%;}
}
/* XS */
@media (min-width: 0px) and (max-width: 575.9px){
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--div-img-curso img {width: 80px;min-width: 80px;height: 112px;border-radius: 4px;object-fit: cover;object-position: center;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card h5 {font-size: 14px;line-height: 1.25;margin-bottom: 3px;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--calificacion-promedio {font-size: 12px;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--estrellas {font-size: 12px;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--cantidad-valoraciones {font-size: 11px;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--modulos {display: none;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--datos-flex {font-size: 11px;color: #c4c4c4;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .bi-clock {width: 13px;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--nivel {width: 13px;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .span-profesores {font-size: 11px;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card ul.--ul-profesores li img.avatar-xs {width: 20px;height: 20px;}
    .--mis-clases-cursos .--mis-clases-cursos-col-left .--col-card .--textos {display: flex;flex-direction: column;justify-content: center;}
    .--mis-clases-curso #--temario-del-curso.card .card-body {padding: 0;background: transparent;}
    .--mis-clases-curso .--mis-clases-curso-col-left .--unidad .--title {font-size: 13px;}
    .--mis-clases-curso .--mis-clases-curso-col-left .--leccion .--title {font-size: 12px;max-width: calc(100% - 38px);}
    .--mis-clases-curso .--mis-clases-curso-col-left .--leccion .--title a {margin-right: 0 !important;}
    .--mis-clases-curso .--mis-clases-curso-col-left .--leccion .--hora {font-size: 12px;}
    .--mis-clases-curso-col-left .--table-striped > .--leccion:nth-of-type(2n+1) {background: #2d2d2d57;}
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {margin-top: 1rem;}
    .--mis-clases-comunidad-de-consultas-col-left .card-body {padding: 20px 0;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta {padding: 26px 14px 24px 14px;border-radius: 0;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta img.--avatar {width: 40px;height: 40px;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--btn-responder {margin-left: 44px;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--btn-ver-respuestas {padding-left: 0;background: transparent;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--avatar {min-width: 40px;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--fecha-y-hora {right: 18px;top: 12px;display: none;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--texto p {font-size: 13px;line-height: 21px;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--pregunta .--fecha-y-hora-xs {font-size: 11px;line-height: 1.8;display: block;color: #FCAB3F;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta {padding: 26px 14px 24px 14px;border-radius: 0;border-left: 2px solid #25272f;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta img.--avatar {width: 40px;height: 40px;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta .--avatar {min-width: 40px;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta .--fecha-y-hora {right: 18px;top: 12px;display: none;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta .--texto p {font-size: 13px;line-height: 21px;}
    .--mis-clases-comunidad-de-consultas .--mis-clases-comunidad-de-consultas-col-left .--respuesta .--fecha-y-hora-xs {font-size: 11px;line-height: 1.8;display: block;color: #FCAB3F;}
    .--chat .--chat-col-right {height: calc(100vh);position: absolute;top: 0;z-index: 100;margin-top: 0;border-radius: 0;}
    .--chat .--chat-col-right .--chat-header {padding: 1.25rem 1rem;}
    .--chat .--chat-col-right .--chat-textarea {padding: 1.25rem 1rem;}
    .--chat .--chat-col-right .--chat-textarea textarea {padding-left: 2px;padding-right: 2px;}
    .--chat .--chat-col-right .--chat-contenido > div {padding: 1.25rem 1.25rem;}
    .--chat .--chat-col-right .--chat-contenido .mensaje {max-width: 96%;}
    .--chat .--chat-col-right .--chat-contenido .mensaje.--right {margin-left: auto;}
    .--mi-perfil .--mi-perfil-col-right .--datos-personales .--btn-actualizar-datos-personales {width: 100%;}
    .--mi-perfil .--mi-perfil-col-right .--educacion .--btn-agregar-certificacion {width: 100%;}
    .--mi-perfil .--mi-perfil-col-right .--educacion .--btn-agregar-experiencia {width: 100%;}
}