html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0; /* 3 */
  white-space: normal;
}
progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

@font-face {
  font-family: "icomoon";
  src: url("/fonts/icomoon.eot?kfbfo5");
  src: url("/fonts/icomoon.eot?kfbfo5#iefix") format("embedded-opentype"),
    url("/fonts/icomoon.ttf?kfbfo5") format("truetype"),
    url("/fonts/icomoon.woff?kfbfo5") format("woff"),
    url("/fonts/icomoon.svg?kfbfo5#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Gotham";
  src: url("/fonts/Gotham-Bold.woff2") format("woff2"),
    url("/fonts/Gotham-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GalanoGrotesque";
  src: url("/fonts/GalanoGrotesque-Black.woff2") format("woff2"),
    url("/fonts/GalanoGrotesque-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bebas Neue";
  src: url("/fonts/BebasNeue-Regular.woff2") format("woff2"),
    url("/fonts/BebasNeue-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "GalanoGrotesque";
  src: url("/fonts/GalanoGrotesque-ExtraBoldItalic.woff2") format("woff2"),
    url("/fonts/GalanoGrotesque-ExtraBoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "GalanoGrotesque";
  src: url("/fonts/GalanoGrotesque-Light.woff2") format("woff2"),
    url("/fonts/GalanoGrotesque-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham Book";
  src: url("/fonts/Gotham-Book.woff2") format("woff2"),
    url("/fonts/Gotham-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oswald";
  src: url("/fonts/Oswald-Regular.woff2") format("woff2"),
    url("/fonts/Oswald-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oswald";
  src: url("/fonts/Oswald-Medium.woff2") format("woff2"),
    url("/fonts/Oswald-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Oswald";
  src: url("/fonts/Oswald-Light.woff2") format("woff2"),
    url("/fonts/Oswald-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --header-height: 3rem;
  --nav-width: 68px;
  --first-color: #ffffff;
  --first-color-light: #50b3e4;
  --white-color: #ffffff;
  --normal-font-size: 1rem;
  --body-font: "Bebas Neue";
  --z-fixed: 999;
}

*,
::before,
::after {
  box-sizing: border-box;
}

body {
  position: relative;
  /* margin: 7rem 0 0 0;*/
  padding: 0;
  font-family: var(--body-font);
  font-size: var(--normal-font-size);
  transition: 0.5s;
  background-color: #101922;
}

a {
  text-decoration: none;
}

a:hover {
  color: #50b3e4;
}

hr {
  background-color: white;
}

.header {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1rem;
  background-color: var(--white-color);

  transition: 0.5s;
}

.header_toggle {
  color: var(--first-color);
  font-size: 1.5rem;
  cursor: pointer;
}

.l-navbar {
  position: fixed;
  top: 0;
  left: -30%;
  width: var(--nav-width);
  height: 100vh;
  background-color: var(--first-color);
  padding: 0.5rem 1rem 0 0;
  transition: 0.5s;
  z-index: var(--z-fixed);
}

.nav {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  overflow-y: auto;
}

.nav_logo,
.nav_link {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  column-gap: 1rem;
  padding: 0.75rem 0 0.75rem 1.75rem;
}

.nav_logo {
  margin-bottom: 2rem;
}

.nav_logo-icon {
  font-size: 1.25rem;
  color: var(--white-color);
}

.nav_logo-name {
  color: var(--white-color);
  font-weight: 700;
}

.nav_link {
  position: relative;
  color: var(--white-color);
  margin-bottom: 0.05rem;
  transition: 0.3s;
  background-color: transparent;
}

a.nav_link:hover {
  background-color: #191148;
}

a.nav_link:hover {
  color: var(--white-color);
}

a.nav_link:hover .iconoblanco:before {
  color: var(--white-color);
}

.nav_icon {
  font-size: 1.25rem;
}

.show {
  left: 0;
}

.body-pd {
  /*padding-left: calc(var(--nav-width) + .5em)*/
  padding-left: 3em;
}

.menuvertical .active {
  color: var(--white-color);
  background-color: #191148;
}

.menuvertical .active::before {
  content: "";
  position: absolute;
  left: 0;
  width: 2px;
  height: 32px;
  background-color: var(--white-color);
}

.height-100 {
  height: 100vh;
}

@media screen and (min-width: 768px) {
  body {
    /* margin: calc(var(--header-height) + 3rem) 0 0 0;
        padding-left: calc(var(--nav-width) + 0rem)*/
  }

  .header {
    padding: 0 2rem 0 2rem;
  }

  .l-navbar {
    left: 0;
    padding: 1rem 0rem 0 0;
    width: 0px;
  }

  #nav-bar.show {
    width: calc(var(--nav-width) + 196px);
  }

  .body-pd {
    padding-left: calc(var(--nav-width) + 75px);
  }
}

[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ajustes:before {
  content: "\e900";
  color: #53b3e4;
}
.icon-blog:before {
  content: "\e901";
  color: #53b3e4;
}
.icon-certificaciones:before {
  content: "\e902";
  color: #53b3e4;
}
.icon-cursos:before {
  content: "\e903";
  color: #53b3e4;
}
.icon-eventos:before {
  content: "\e904";
  color: #53b3e4;
}
.icon-inicio:before {
  content: "\e905";
  color: #53b3e4;
}
.icon-maestros:before {
  content: "\e906";
  color: #53b3e4;
}
.icon-recursos:before {
  content: "\e907";
  color: #53b3e4;
}
.icon-rutas:before {
  content: "\e908";
  color: #53b3e4;
}
.icon-soporte:before {
  content: "\e909";
  color: #53b3e4;
}
.icon-home:before {
  content: "\e90a";
}
.icon-home2:before {
  content: "\e90b";
}
.icon-home3:before {
  content: "\e90c";
}
.icon-pencil:before {
  content: "\e90d";
}
.icon-image:before {
  content: "\e90e";
}
.icon-images:before {
  content: "\e90f";
}
.icon-headphones:before {
  content: "\e910";
}
.icon-music:before {
  content: "\e911";
}
.icon-play:before {
  content: "\e912";
}
.icon-film:before {
  content: "\e913";
}
.icon-video-camera:before {
  content: "\e914";
}
.icon-mic:before {
  content: "\e91e";
}
.icon-book:before {
  content: "\e91f";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-file-music:before {
  content: "\e928";
}
.icon-file-play:before {
  content: "\e929";
}
.icon-file-video:before {
  content: "\e92a";
}
.icon-file-zip:before {
  content: "\e92b";
}
.icon-phone:before {
  content: "\e942";
}
.icon-phone-hang-up:before {
  content: "\e943";
}
.icon-address-book:before {
  content: "\e944";
}
.icon-location:before {
  content: "\e947";
}
.icon-location2:before {
  content: "\e948";
}
.icon-compass2:before {
  content: "\e94a";
}
.icon-map:before {
  content: "\e94b";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubble2:before {
  content: "\e96e";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-cog:before {
  content: "\e994";
}
.icon-cogs:before {
  content: "\e995";
}
.icon-briefcase:before {
  content: "\e9ae";
}
.icon-download3:before {
  content: "\e9c7";
}
.icon-upload3:before {
  content: "\e9c8";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-checkmark2:before {
  content: "\ea11";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-radio-checked:before {
  content: "\ea54";
}
.icon-radio-checked2:before {
  content: "\ea55";
}
.icon-radio-unchecked:before {
  content: "\ea56";
}
.icon-mail2:before {
  content: "\ea84";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-spotify:before {
  content: "\ea94";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-youtube2:before {
  content: "\ea9e";
}
.icon-appleinc:before {
  content: "\eabe";
}
.icon-android:before {
  content: "\eac0";
}
.icon-windows:before {
  content: "\eac1";
}
.icon-windows8:before {
  content: "\eac2";
}
.icon-linkedin2:before {
  content: "\eaca";
}

.iconoblanco:before {
  color: #299cd1;
  font-size: 1.65em;
}

.degradado1 {
  background: rgb(26, 30, 39);
  background: linear-gradient(
    90deg,
    rgba(26, 30, 39, 1) 0%,
    rgba(42, 30, 117, 1) 63%,
    rgba(48, 30, 147, 1) 100%
  );
}

.degradado2 {
  background: rgb(26, 30, 39);
  background: linear-gradient(
    90deg,
    rgba(26, 30, 39, 1) 0%,
    rgba(35, 30, 81, 1) 100%
  );
}

.degradado3 {
  background: rgb(26, 30, 39);
  background: linear-gradient(
    90deg,
    rgba(26, 30, 39, 1) 0%,
    rgba(48, 30, 147, 1) 100%
  );
}

.degradado4 {
  background: rgb(16, 25, 34);
  background: linear-gradient(
    90deg,
    rgba(16, 25, 34, 1) 0%,
    rgba(26, 25, 77, 1) 100%
  );
}

.fondoNegroOpaco3 {
  background-color: rgba(0, 0, 0, 0.3);
}

.fondoNegroOpaco5 {
  background-color: rgba(0, 0, 0, 0.3);
}

.fondoNegroOpaco8 {
  background-color: rgba(0, 0, 0, 0.3);
}

.colorAzul {
  color: #299cd1;
}

.header_img img {
  width: 80%;
  max-width: 250px;
}

.bebasreg {
  font-family: "Bebas Neue";
}

.grn {
  font-size: 1.5em;
}

.med {
  font-size: 1.2em;
}

.peq {
  font-size: 0.85em;
}

.galanoita {
  font-family: "GalanoGrotesque";
}

.btngris {
  background-color: #333333;
  color: #ffffff;
}

.btncursosbuscador {
  border: none;
  border-radius: 50rem 0 0 50rem;
  padding: 0.5em 1em 0.5em 1.2em;
}

.btncursosbuscadorlupa {
  border: none;
  border-radius: 0 50rem 50rem 0;
  padding: 0.5em 1em;
}
.btnazulprincipal,
.swal2-styled.swal2-confirm,
.swal2-styled.swal2-cancel {
  background-color: #50b3e4;
  border-radius: 5em;
  padding: 0.5em 1em;
  border: none;
  font-size: 1.2em;
  color: #101922;
  border: 1px solid #50b3e4;
}

.btnazulprincipal:hover,
.swal2-styled.swal2-confirm:hover {
  background-color: #101922;
  color: #50b3e4;
  border: 1px solid #50b3e4;
}

.swal2-styled {
  box-shadow: none;
}

.fndgrisclaro {
  background-color: #666666;
  color: #ffffff;
  border: none;
}

.azulletras {
  color: #50b3e4;
}

.dropdown-toggle::after {
  color: #50b3e4;
  vertical-align: 0.155em;
  margin-left: 0.55em;
}

.modal-content.autenticarregistrar {
  background-color: rgba(24, 15, 53, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 2rem;
}

.fondoblanco {
  background-color: #ffffff;
}

.botonesredes {
  background-color: #299cd1;
  padding: 0.25em 0.5em 0.1em;
  border-radius: 1em;
}

.quitarpropbutton {
  border: none;
  background-color: transparent;
}

.camposformulario {
  border: 2px solid #50b3e4;
  border-radius: 2em;
  font-family: "GalanoGrotesque";
  background-color: transparent;
  color: #ffffff;
  padding: 0.5em 2em;
}

.form-control:focus {
  background-color: rgba(0, 0, 0, 0.35);
  color: #ffffff;
}

.nav-link2 {
  position: relative;
  color: var(--white-color);
  margin-bottom: 0.25rem;
  transition: 0.3s;
  background-color: transparent;
}
.nav-link2 {
  display: grid;
  grid-template-columns: max-content max-content;
  align-items: center;
  column-gap: 1rem;
}

.submenu {
  padding-left: 4em;
}

.submenu.show {
  background-color: #191148;
}

.imgini {
  width: 90%;
  margin: 10px auto;
  max-width: 400px;
}

.fondoA {
  background-image: url(/img/fondozonaA.png);
  background-position: top center;
  background-size: cover;
}

.fondoB {
  background-image: url(/img/fondoPersonas.jpg);
  background-position: center center;
  background-size: cover;
}

.fondoC {
  background-image: url(/img/fondozonas.jpg);
  background-position: center center;
  background-size: cover;
}

.text-justify {
  text-align: justify !important;
}

.cardredondeada {
  border-radius: 2em;
  overflow: hidden;
  border: none;
  z-index: 1;
}

.degradadopeq1 {
  background: rgb(32, 26, 64);
  background: linear-gradient(
    90deg,
    rgba(32, 26, 64, 1) 0%,
    rgba(87, 59, 137, 1) 100%
  );
}
.degradadopeq2 {
  background: rgb(30, 12, 52);
  background: linear-gradient(
    90deg,
    rgba(30, 12, 52, 1) 0%,
    rgba(190, 0, 255, 1) 100%
  );
}
.degradadopeq3 {
  background: rgb(18, 12, 70);
  background: linear-gradient(
    90deg,
    rgba(18, 12, 70, 1) 0%,
    rgba(80, 172, 221, 1) 100%
  );
}
.degradadopeq4 {
  background: rgb(20, 44, 28);
  background: linear-gradient(
    90deg,
    rgba(20, 44, 28, 1) 0%,
    rgba(160, 196, 63, 1) 100%
  );
}

.colorbase1,
.contenedorEstrellas1 .full {
  color: #6280ff;
}
.colorbase2,
.contenedorEstrellas2 .full {
  color: #ea35ff;
}
.colorbase3,
.contenedorEstrellas3 .full {
  color: #96daff;
}
.colorbase4,
.contenedorEstrellas4 .full {
  color: #a0c43f;
}
.fullno {
  color: rgba(0, 0, 0, 0.45);
}

.card-footer {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.img-logofooter {
  width: 90%;
  max-width: 200px;
}

.sinfondo {
  border: none;
  background-color: transparent;
}

.sinfondo:hover {
  border: none;
  background-color: transparent;
}

.menuOpcionesMiUsuario {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 0px 0 2em 2em;
  min-width: 200px;
  width: 320px;
}

.menuOpcionesMiUsuario .dropdown-item:focus,
.dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.045);
}

.swal2-html-container {
  font-family: "GalanoGrotesque";
}

.background1 {
  background-color: #6280ff;
}

.background2 {
  background-color: #ea35ff;
}

.background3 {
  background-color: #96daff;
}

.background4 {
  background-color: #a0c43f;
}

.progress {
  height: 0.5em;
  background-color: rgba(0, 0, 0, 0.3);
}

.btninterno {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 50rem;
  padding: 0.5em 1em;
  border: none;
  font-size: 1.2em;
  color: #ffffff;
}

.btninterno:hover {
  background-color: #50b3e4;
  border-radius: 50rem;
  padding: 0.5em 1em;
  border: none;
  font-size: 1.2em;
  color: #ffffff;
}

.form-control:disabled,
.form-control:read-only {
  background-color: transparent;
}

.nav-tabs .nav-link.active {
  border-color: transparent;
  background-color: #000 !important;
  color: #50b3e4 !important;
}

.recursosclass .nav-fill .nav-item .nav-link,
.recursosclass .nav-justified .nav-item .nav-link {
  width: 100%;
  color: #fff;
}

.nav-tabs {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex-direction: row;
  overflow-y: hidden;
}

.nav-tabs .nav-link.active {
  border-color: transparent;
  background-color: #60d0ff;
  color: #fff;
  font-weight: 600;
}

.nav-tabs .nav-link {
  border-radius: 0px;
  background-color: #50b3e4;
  color: #ffffff;
  cursor: pointer;
}

.nav-tabs .nav-link:hover {
  border: none;
}

.nav-tabs .nav-link:focus {
  outline: none;
}

.flight-where-from:after {
  position: absolute;
  content: "23";
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

.custom-button {
  height: 45px;
  background-color: #50b3e4;
  border: none;
  color: #fff;
}

.custom-button:hover,
.custom-button:focus {
  background-color: #50b3e4;
  box-shadow: none;
  outline: none;
}

.scroll-y {
  overflow-y: scroll;
  height: 300px;
}

.recursosclass .active::before {
  background-color: transparent;
}

.nav-detallecursoclass .nav-fill .nav-item .nav-link,
.nav-detallecursoclass .nav-justified .nav-item .nav-link {
  width: 100%;
  color: #989898;
}

.nav-tabscurso {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex-direction: row;
  overflow-y: hidden;
}

.nav-tabscurso .nav-link.active {
  border-color: transparent;
  background-color: transparent;
  color: #ffffff !important;
  border-color: transparent;
  background-color: transparent;
  color: #fff;
  font-weight: 600;
  border-bottom: 2px solid #ffffff;
}

.nav-tabscurso .nav-link {
  border-radius: 0px;
  background-color: transparent;
  color: #ffffff;
  cursor: pointer;
  border-bottom: 2px solid #989898;
}

.nav-tabscurso .nav-link:hover {
  border: none;
}

.nav-tabscurso .nav-link:focus {
  outline: none;
}

.detallecursoclass {
  overflow: hidden;
  border-radius: 0px 0px 2em 2em;
}

.detallecursoclass .active::before {
  background-color: transparent;
}

.bordeAzul {
  border: 2px solid #50b3e4;
}

.colorNegro {
  color: #222222;
}

.grisOpcion {
  background-color: #e0e0e0;
}

.grisOpcion:hover {
  background-color: #d0d0d0;
}

.badge {
  border-radius: 1em;
  margin-left: -12px;
}

.accordion-item {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.accordion-button {
  color: #ffffff;
  background-color: transparent;
}

.accordion-item:first-of-type .accordion-button,
.accordion-item:last-of-type {
  border-radius: 0px;
}

.classreviewstar .bi::before {
  vertical-align: 3px;
}
.nav-tabscurso .nav-link {
  color: #808080;
  border-bottom: 2px solid #808080;
}

a {
  cursor: pointer;
}

.accordion-button:not(.collapsed) {
  color: #53b3e4;
  background-color: #e7f1ff;
  font-size: 0.85em;
}

.fright {
  float: right;
}

.rojo {
  color: red;
}

.verde {
  color: #a7cb3f;
}

.lhuno {
  line-height: 1;
}

.nav-tabscontenidos.nav {
  height: auto;
}

.nav-detallecontenidoclass .nav-fill .nav-item .nav-link,
.nav-detallecontenidoclass .nav-justified .nav-item .nav-link {
  width: 100%;
  color: #989898;
}

.nav-tabscontenidos {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  flex-direction: row;
  overflow-y: hidden;
}

.nav-tabscontenidos .nav-link.active {
  border-color: transparent;
  background-color: transparent;
  color: #ffffff !important;
  border-color: transparent;
  background-color: transparent;
  /*color: #50B3E4;*/
  font-weight: 600;
  border-bottom: 2px solid #ffffff;
}

.nav-tabscontenidos .nav-link {
  border-radius: 0px;
  background-color: transparent;
  color: #989898;
  cursor: pointer;
  border-bottom: 2px solid #989898;
}

.nav-tabscontenidos .nav-link:hover {
  border: none;
}

.nav-tabscontenidos .nav-link:focus {
  outline: none;
}

.detallecontenidoclass {
  overflow: hidden;
}

.detallecontenidoclass .active::before {
  background-color: transparent;
}

.tabscontenidos .accordion-button {
  padding: 0.68em 0.85em;
}

.tabscontenidos .accordion-button:not(.collapsed) {
  color: #53b3e4;
  background-color: #e7f1ff;
  font-size: 0.68em;
  padding: 0.38em 0.7em;
}

.tabscontenidos .accordion-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 0px !important;
}

.tabscontenidos .collapse.show {
  background-color: #ffffff;
}

.tabscontenidos .collapse {
  color: #101922;
  font-size: 0.85em;
}

.tabscontenidos .nav-link {
  padding: 0.38em 0.7em;
}

.tabscontenidos .collapse .opcioncurso {
  color: #101922;
}

.tabscontenidos .accordion-body {
  padding: 0.7em 0.4em;
}

.tabscontenidos .accordion-item:last-of-type .accordion-collapse {
  border-radius: 0px !important;
}

/* ================ Vista de Eventos ===================== */

#contenedorImagenEventos {
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

#canalEvento {
  color: rgba(80, 172, 221, 1);
}

#contenedorDescripcionEvento {
  word-wrap: break-word;
}

#contenidoDescripcionEvento p {
}

#imagenEventoDetalle {
  width: 100%;
}

.btnModalUser {
  height: 100%;
}

/* ============== Fin Vista Eventos ======================== */

.container-contenido {
  z-index: 1;
  width: calc(100% - 340px);
  min-width: calc(100% - 340px);
  transition: width 300ms ease-in-out 0s, min-width 300ms ease-in-out 0s;
  flex-direction: column;
  display: flex;
  overflow: visible;
}
.container-contenidoSolo {
  z-index: 1;
  width: 100%;
  min-width: 100%;
  transition: width 300ms ease-in-out 0s, min-width 300ms ease-in-out 0s;
  flex-direction: column;
  display: flex;
  overflow: visible;
  min-height: fit-content;
  height: 100vh;
  position: relative;
}
.contenedorContenidoCursos {
  /*overflow: hidden;*/
  scroll-behavior: smooth;
  height: 100vh;
  flex-direction: row;
  display: flex;
  min-height: 100vh;
}

.container-estadocurso {
  width: 340px;
  transform: translateX(0%);
  transition: transform 300ms ease-in-out 0s;
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  z-index: 2;
  background-color: #ffffff;
  border-left: 4px solid #53b3e4;
  position: relative;
}

.container-estadocursoOculto {
  width: 340px;
  transform: translateX(100%);
  transition: transform 300ms ease-in-out 0s;
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  z-index: 2;
  background-color: #ffffff;
  border-left: 4px solid #53b3e4;
  position: relative;
}

.btnOpcionResumen {
  background-color: #53b3e4;
  border-radius: 2em 0px 0px 2em;
  position: absolute;
  top: 10px;
  left: -2.5em;
  padding: 0.58em 0.72em;
}

.contenedorVideo {
  width: 100%;
  margin: 0px auto;
  max-width: 1400px;
}

@media (max-width: 991.98px) {
  .container-contenido,
  .container-contenidoSolo {
    z-index: 1000;
    min-height: fit-content;
    width: 100%;
    position: sticky;
    flex-direction: column;
  }

  .container-estadocurso,
  .container-estadocursoOculto {
    width: 100%;
    display: grid;
    grid-template-rows: auto 1fr;
    height: 100%;
  }

  .contenedorContenidoCursos {
    flex-direction: column;
  }
}

display-flex,
.signup-content,
.actions ul,
.actions ul li a {
  display: flex;
  display: -webkit-flex;
}

list-type-ulli,
.actions ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a:focus,
a:active {
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s;
}

input,
select,
textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
}

input[type="checkbox"] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important;
}

input[type="radio"] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important;
}

fieldset {
  border: none;
  padding: 0px;
  margin: 0px;
}

.form-group {
  position: relative;
}

.field-icon {
  font-size: 24px;
  position: relative;
  z-index: 2;
  float: right;
  margin-top: -37px;
}

.content {
  padding: 4em 0px;
  position: relative;
  width: 100%;
}

.content h3 {
  display: none;
}

.step-current {
  position: absolute;
  right: 0;
  top: 0;
  font-family: "Bebas Neue";
  text-transform: uppercase;
  color: var(--first-color-light);
}

.actions {
  width: 100%;
  text-align: center;
}

.actions ul {
  width: 100%;
  padding: 1em 0.5em 2em;
}

.actions ul .disabled {
  display: none;
}
.actions ul li {
  margin-left: 20px;
}

.actions ul li:first-child a {
  background: linear-gradient(
    90deg,
    rgba(26, 30, 39, 1) 0%,
    rgba(48, 30, 147, 1) 100%
  );
  color: #ffffff;
}

.actions ul li:last-child a {
  background: linear-gradient(
    90deg,
    rgba(20, 44, 28, 1) 0%,
    rgba(160, 196, 63, 1) 100%
  );
  color: #ffffff;
}

.actions ul li a {
  background: linear-gradient(
    90deg,
    rgba(32, 26, 64, 1) 0%,
    rgba(87, 59, 137, 1) 100%
  );
  border-radius: 5em;
  padding: 0.5em 1em;
  border: none;
  font-size: 1.32em;
  color: #ffffff;
}

.actions ul li a:hover {
  background: #50b3e4;
  color: #ffffff;
}

.steps {
  display: none;
}

.ratio > * {
  position: relative;
}

.respuestaOk {
  background: rgba(0, 0, 0, 0) url("img/ok.png") no-repeat scroll right top;
  height: 100%;
}

.respuestaBad {
  background: rgba(0, 0, 0, 0) url("img/bad.png") no-repeat scroll right top;
  height: 100%;
}

.form-floating > .form-select {
  height: calc(3.5rem + 7px);
}

.camposformulario option {
  background-color: rgba(24, 15, 53, 0.9);
  font-family: "GalanoGrotesque";
  color: #ffffff;
}

.carousel-control-next,.carousel-control-prev {
  width: 2%;
}

@media (max-width: 767px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
  .carousel-control-next, .carousel-control-prev {
    width: 10%;
  }
}

.carousel-inner .carousel-item.active,.carousel-inner .carousel-item-next,.carousel-inner .carousel-item-prev {
  display: flex;
}

@media (min-width: 768px) {
  .carousel-inner .carousel-item-end.active,  .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }
  .carousel-inner .carousel-item-start.active,  .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

.carousel-inner .carousel-item-end,.carousel-inner .carousel-item-start {
  transform: translateX(0);
}

.form-select:disabled {
  background-color: transparent;
}

.botonAgregarRutas{
  z-index: 0;
  width: 30px;
  height: 30px;
  margin-top: 7px;
  position: absolute;
  right: 3%;
  padding: 0px;
  border: 2px solid #50b3e4;
  background: #50b3e4;
  color: white;
  border-radius: 2em;
  float: left;
}

.botonAgregarRutas:hover{
  background: #101922;
  color: #50b3e4;
  border: 2px solid #50b3e4;

}

.btnEliminarRutasTodos{
  width: 30px;
  height: 30px;
  padding: 0px;
  border: 2px solid #50b3e4;
  background: #50b3e4;
  color: white;
}

.btnEliminarRutasTodos:hover{
  background: #101922;
  color: #50b3e4;
  border: 2px solid #50b3e4;

}