/* 
    Created on : 16 mar. 2024, 22:08:34
    Author     : Henrry Osmar
*/
@import "fonts.css";
a {
  text-decoration: none !important;
  outline: none !important;
}
.fd_FAF8FD {
  background: #faf8fd;
}
.fd_0D234A {
  background: #0d234a;
}
.fd_333333 {
  background: #333333;
}
.fd_FFFFFF {
  background: #ffffff;
}
.fd_D9E2FF {
  background: #d9e2ff;
}
.fd_EFEDF1 {
  background: #efedf1 !important;
}
.fd_00CC99 {
  background: #00cc99;
}
.fd_B6EBFF {
  background: #b6ebff;
}
.fd_5DFCC6 {
  background: #5dfcc6;
}
.fd_F5F3F7 {
  background: #f5f3f7;
}
.fd_F8FAF6 {
  background: #f8faf6;
}
.fd_EFEFEF {
  background: #efefef;
}
.fd_transparent {
  background-color: transparent !important;
}
/***********************/
.txt_FFFFFF {
  color: #ffffff;
}
.txt_F2F2F2 {
  color: #f2f2f2;
}
.txt_00CC99 {
  color: #00cc99 !important;
}
.txt_000000 {
  color: #000000;
}
.txt_001F28 {
  color: #001f28;
}
.txt_0D234A {
  color: #0d234a;
}
.txt_002116 {
  color: #002116;
}
/***********************/
.size_12 {
  font-size: 12px;
}
.size_14 {
  font-size: 14px;
}
.size_16 {
  font-size: 16px;
}
.size_18 {
  font-size: 18px;
}
.size_21 {
  font-size: 21px;
}
.size_22 {
  font-size: 22px !important;
}
.size_24 {
  font-size: 24px !important;
}
.size_25 {
  font-size: 25px;
}
.size_26 {
  font-size: 26px;
}
.size_32 {
  font-size: 32px;
}
.size_45 {
  font-size: 45px;
}
.size_54 {
  font-size: 54px;
}
/***********************/
.MontserratRegular {
  font-family: "MontserratRegular";
}
.MontserratBold {
  font-family: "MontserratBold";
}
.MontserratMedium {
  font-family: "MontserratMedium";
}
.MontserratSemiBold {
  font-family: "MontserratSemiBold";
}
.MontserratExtraBold {
  font-family: "MontserratExtraBold";
}
.RobotoRegular {
  font-family: "RobotoRegular";
}
.RobotoMedium {
  font-family: "RobotoMedium";
}
.RobotoBold {
  font-family: "RobotoBold";
}
/***********************/
.space-5 {
  height: 5px;
}

.space-10 {
  height: 10px;
}

.space-15 {
  height: 15px;
}

.space-20 {
  height: 20px;
}

.space-25 {
  height: 25px;
}

.space-30 {
  height: 30px;
}

.space-35 {
  height: 35px;
}

.space-40 {
  height: 40px;
}

.space-45 {
  height: 45px;
}

.space-50 {
  height: 50px;
}

.space-55 {
  height: 55px;
}

.space-60 {
  height: 60px;
}

.space-65 {
  height: 65px;
}

.space-70 {
  height: 70px;
}

.space-75 {
  height: 75px;
}

.space-80 {
  height: 80px;
}

.space-85 {
  height: 85px;
}

.space-90 {
  height: 90px;
}

.space-95 {
  height: 95px;
}

.space-100 {
  height: 100px;
}

.space-105 {
  height: 105px;
}

.space-110 {
  height: 110px;
}

.space-115 {
  height: 115px;
}

.space-120 {
  height: 120px;
}

.space-125 {
  height: 125px;
}

.space-130 {
  height: 130px;
}

.space-135 {
  height: 135px;
}

.space-140 {
  height: 140px;
}

.space-145 {
  height: 145px;
}

.space-150 {
  height: 150px;
}

.space-155 {
  height: 155px;
}

.space-160 {
  height: 160px;
}

.space-165 {
  height: 165px;
}

.space-170 {
  height: 170px;
}

.space-175 {
  height: 175px;
}

.space-180 {
  height: 180px;
}

.space-185 {
  height: 185px;
}

.space-190 {
  height: 190px;
}

.space-195 {
  height: 195px;
}

.space-200 {
  height: 200px;
}
/********************/
.w-100 {
  width: 100% !important;
}
.efecto {
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.block {
  display: block;
}
.inline_block {
  display: inline-block;
  float: none;
}
.btn_ver_mas_cursos {
  background: #d9e2ff;
  border-radius: 6px;
  color: #000000;
  cursor: pointer;
  padding: 10px 20px;
}
.btn_azul {
  border: 1px solid #0d234a;
  background: #0d234a;
  border-radius: 5px;
  color: white;
  cursor: pointer;
}
.btn_verde_transparente {
  color: #00cc99;
  border: 1px solid #00cc99;
  border-radius: 5px;
  background: transparent;
  width: 100%;
  padding: 10px 10px;
  display: block;
  text-align: center;
  cursor: pointer;
}
.btn_verde_transparente:hover {
  background: #00cc99;
  color: white;
  cursor: pointer;
}
.btn_verde_transparente:hover > img {
  filter: brightness(0) invert(1);
}
.btn_transparente {
  margin: 0 20px;
  background: #faf8fd;
  border-radius: 5px;
  color: #0d234a;
}
.btn_transparente:hover {
  box-shadow: 0px 0px 20px #0d234a26;
}
.btn_enviar {
  outline: none;
}
.btn_enviar:hover {
  background: #173975;
}
.btn_verde {
  border: 1px solid #00cc99;
  background: #00cc99;
  border: 1px solid #00cc99;
  border-radius: 5px;
  color: white;
  padding: 10px 10px;
  cursor: pointer;
}
.btn_verde:hover {
  background: #04c292;
  border: 1px solid #04c292;
}
.btn_verde_adquirir {
  border: 1px solid #00cc99;
  background: #00cc99;
  border: 1px solid #00cc99;
  border-radius: 5px;
  color: white;
  padding: 10px 10px;
  display: block;
  text-align: center;
  cursor: pointer;
}
.btn_verde_adquirir:hover {
  background: #04c292;
  border: 1px solid #04c292;
  display: block;
  text-align: center;
}
.btn_carrito {
  background: #d9e2ff;
  border-radius: 100px;
  display: inline-block;
  padding: 9px 10px;
}
.txt_busqueda {
  background: #ffffff;
  border: 1px solid #757780;
  border-radius: 5px;
  outline: none;
  font-size: 14px;
  padding: 5px 25px 5px 5px;
  width: 200px;
  background-image: url(../images/iconos/ico_g_buscador.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: auto 75%;
}
.foto_docente {
  margin-left: -60px;
  box-shadow: 0px 3px 6px #0000004d;
  border: 1px solid #1a4188;
  border-radius: 200px;
  position: relative;
  z-index: 1;
}
.sin_padding {
  padding: 0;
}
.redondeado_16 {
  border-radius: 16px;
}
.redondeado_12 {
  border-radius: 12px;
}
.redondeado_10 {
  border-radius: 10px;
}
.both {
  clear: both;
}
.logo_cliente {
  margin: 10px 15px;
}
.espaciado_20 {
  padding: 20px;
}
.fd_portada {
  background-size: auto 100%;
  background-position: center center;
}
.opcion_curso {
  background: #efedf1;
  border-radius: 16px;
  overflow: hidden;
  margin: 15px 0;
  text-align: left;
}
.opcion_curso:hover {
  box-shadow: 0px 6px 10px #0d234a26;
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.categoria_curso {
  background: #5dfcc6;
  border-radius: 6px;
  color: #002116;
  font-size: 12px;
  font-family: "MontserratMedium";
  display: inline-block;
  padding: 3px 8px;
}
.categoria_curso_consultoria {
  background: #575e71;
  border-radius: 6px;
  color: #ffffff;
  font-size: 12px;
  font-family: "MontserratMedium";
  display: inline-block;
  padding: 3px 8px;
}
.categoria_curso_especializado {
  background: #d9e2ff;
  border-radius: 6px;
  color: #001a43;
  font-size: 12px;
  font-family: "MontserratMedium";
  display: inline-block;
  padding: 3px 8px;
}
.categoria_curso_especializado_virtual {
  background: #b6ebff;
  border-radius: 6px;
  color: #001f28;
  font-size: 12px;
  font-family: "MontserratMedium";
  display: inline-block;
  padding: 3px 8px;
}
.categoria_diplomado_alta_especializacion_virtual {
  background: #e8deff;
  border-radius: 6px;
  color: #20005f;
  font-size: 12px;
  font-family: "MontserratMedium";
  display: inline-block;
  padding: 3px 8px;
}
.opcion_categoria {
  background: #f8faf6;
  box-shadow: 0px 0px 40px #0d234a29;
  border-radius: 16px;
}
.opcion_contacto {
  background: #f8faf6;
  box-shadow: 0px 0px 20px #0d234a26;
  border-radius: 16px;
  padding: 0 15px;
}
.foto_contacto {
  border-radius: 120px;
}
.btn_wsp {
  background: #f8faf6;
  border: 1px solid #00cc99;
  border-radius: 25px;
  padding: 10px 10px;
  margin: 0 10px;
  width: 90%;
  display: block;
  color: #00cc99;
}
.btn_wsp:hover {
  background: #00cc99;
  color: white;
}
.opcion_categoria:hover div {
  color: #d9e2ff !important;
}
.opcion_categoria:hover {
  background: #001a43;
}
.nombre_consultoria {
  font-size: 17px;
  color: #000000;
  font-family: "MontserratBold";
  min-height: 40px;
}
.nombre_curso {
  font-size: 17px;
  color: #000000;
  font-family: "MontserratBold";
  min-height: 100px;
}
.nombre_curso_listado {
  line-height: 23px;
  min-height: 95px;
}
.curso_subcategoria {
  width: 240px;
  margin: 0px -8px;
}
.btn_curso_transparente,
.btn_curso_ico_transparente {
  border: 1px solid #0d234a;
  border-radius: 5px;
  background: transparent;
  width: 108%;
  display: inline-block;
  text-align: center;
  font-family: "MontserratSemiBold";
  font-size: 15px;
  cursor: pointer;
  color: #0d234a;
}
.btn_curso_transparente {
  padding: 15px 5px;
}
.btn_curso_ico_transparente {
  padding: 10px 5px;
}
.btn_curso_ico_transparente:hover,
.btn_curso_transparente:hover {
  background: #0d234a;
  color: white;
}
.btn_curso_ico_transparente:hover > img {
  filter: brightness(0) invert(1);
}
/**********************/
.menu_opciones {
  margin: 20px 0 14px 50px;
  overflow: hidden;
}
.menu_opciones li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  margin: -5px 0px 0px 0px;
}
.menu_opciones li a {
  font-family: "MontserratMedium";
  text-align: center;
  background: white;
  padding: 5px 6px;
  margin: 5px 0;
  font-size: 12px;
  color: #000000;
  display: block;
  transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
}
.menu_opciones > li > a:hover {
  color: #001a43;
}
.menu:hover > .sub_menu {
  visibility: visible;
  z-index: 3;
  height: auto;
}
.sub_menu {
  background: white;
  display: inline-block;
  visibility: hidden;
  z-index: -1;
  height: 1px;
  position: absolute;
  margin-left: -20px;
  padding: 3px 7px;
  border-radius: 5px;
}
.sub_menu > li {
  width: 100%;
  text-align: center;
  display: block;
}
.sub_menu > li > a {
  transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  color: #53565a;
  color: black;
  font-weight: normal;
  text-align: left;
  text-transform: capitalize;
  border-radius: 5px;
  padding: 5px 7px;
  display: block;
}
.sub_menu > li > a:hover {
  background: #d9e2ff;
  color: #0d234a;
}
/**********************/
/****SLIDER****/
.list_carousel {
}
.list_carousel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}
.list_carousel li {
  display: block;
  float: left;
}
.list_carousel.responsive {
  width: auto;
  margin-left: 0;
}
.clearfix {
  float: none;
  clear: both;
}
.prev {
  padding: 5px 6.5px;
  margin-left: 10px;
  display: inline-block !important;
  color: #001a43;
  background: #d9e2ff;
  border: 1px solid #d9e2ff;
  border-radius: 6px;
}
.next {
  padding: 5px 6.5px;
  margin-right: 10px;
  display: inline-block !important;
  color: #001a43;
  background: #d9e2ff;
  border: 1px solid #d9e2ff;
  border-radius: 6px;
}
.prev:hover,
.next:hover {
  border: 1px solid #d9e2ff;
  text-decoration: underline;
  color: white;
  background: #001a43;
}
.pager {
  text-align: center;
}
.pager a {
  margin: 0 8px;
  text-decoration: none;
  color: transparent;
  background: #ffffff;
  border: 1px solid #1a4188;
  padding: 5.5px 9.5px;
  border-radius: 100px;
}
.pager a.selected,
.pager a:hover {
  text-decoration: underline;
  background: #1a4188;
}
.pager_cursos {
  text-align: center;
  display: inline-block !important;
}
.pager_cursos a {
  font-family: "MontserratBold";
  margin: 0 2px;
  text-decoration: none;
  color: #001a43;
  background: #d9e2ff;
  border: 1px solid #d9e2ff;
  padding: 5px 0;
  border-radius: 6px;
  width: 32px;
  display: inline-block;
}
.pager_cursos a.selected,
.pager_cursos a:hover {
  border: 1px solid #d9e2ff;
  text-decoration: underline;
  color: white;
  background: #001a43;
}
/****FIN SLIDER****/
/*INPUT TEXT ANIMATE*/
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type="text"],
input[type="email"],
input[type="date"],
input[type="password"],
textarea,
select {
  font-family: "MontserratRegular";
  color: #0d234a;
  outline: none;
  background-size: 0 1px, 100% 1px !important;
  background-position: 0% 0%;
  transition: background-size 0.3s cubic-bezier(0.64, 0.09, 0.08, 1) !important;
  background-color: white !important;
  border: 1px solid #0d234a;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus,
.mdl-textfield__input:focus {
  outline: none;
  background-size: 100% 0px, 100% 0px !important;
}
.mdl-textfield {
  width: 100%;
  max-width: inherit;
  height: 87px;
  display: flex;
  margin-bottom: -26px;
}
.mdl-textfield__label {
  font-family: "MontserratRegular";
  padding: 13px 8px 8px 8px;
  font-size: 16px;
  width: 100%;
  border-color: #0d234a;
  color: #0d234a;
  transition-duration: 800ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
  z-index: 2;
  font-weight: normal;
}
.mdl-textfield__label:after {
  background-color: #114c90;
  bottom: 15px;
}
.mdl-textfield__input,
textarea,
select {
  border: 1px solid #0d234a;
}
.mdl-textfield__input,
.bordeverde,
.borderojo {
  padding: 21px 8px 5px 8px;
  border-radius: 5px;
  font-size: 14px;
  width: 100%;
  background: white !important;
  transition-duration: 800ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
  top: 12px;
  font-size: 11px;
}
.mdl-textfield__label span {
  position: absolute;
  right: 8px;
  color: #0d234a;
  bottom: 30px;
  font-size: 16px;
  transition-duration: 800ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.mdl-textfield--floating-label.is-focused .mdl-textfield__label,
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label {
  color: #357da5;
}
.mdl-textfield.is-focused .mdl-textfield__input {
  border: 1px solid #114c90;
  border-radius: 5px;
}
.borderojo {
  outline: none;
  border: 2px solid rgb(255, 0, 0) !important;
}
.borderojo_radio {
  outline: none;
  border: 2px solid rgb(255, 0, 0) !important;
}
.bordeverde {
  outline: none;
  border: 2px solid rgb(0, 134, 27) !important;
}
.bordeverde_radio {
  outline: none;
  border: 2px solid rgb(0, 134, 27) !important;
}
.borderojo_select {
  outline: none;
  border: 2px solid rgb(255, 0, 0) !important;
}
::-webkit-input-placeholder {
  color: #0d234a;
}
:-moz-placeholder {
  color: #0d234a;
}
::-moz-placeholder {
  color: #0d234a;
}
:-ms-input-placeholder {
  color: #0d234a;
}
.md-checkbox {
  position: relative;
  text-align: left;
}
.md-checkbox.md-checkbox-inline {
  display: inline-block;
}
.md-checkbox label {
  cursor: pointer;
  display: inline;
  line-height: 1.25em;
  vertical-align: top;
  clear: both;
  padding-left: 1px;
}
.md-checkbox label:not(:empty) {
  padding-left: 0.75em;
}
.md-checkbox label:before,
.md-checkbox label:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
}
.md-checkbox label:before {
  width: 1.45em;
  height: 1.45em;
  border: 1px solid rgba(0, 0, 0, 0.54);
  border-radius: 0.125em;
  cursor: pointer;
  transition: background 0.3s;
  top: -2px;
}
.md-checkbox label.chkinvalid:before {
  width: 1.25em;
  height: 1.25em;
  background: #fff;
  border: 2px solid red;
  border-radius: 0.125em;
  cursor: pointer;
  transition: background 0.3s;
  margin-top: 3px;
}
.md-checkbox label.chkvalid:before {
  width: 1.25em;
  height: 1.25em;
  background: #fff;
  border: 2px solid rgb(0, 134, 27) !important;
  border-radius: 0.125em;
  cursor: pointer;
  transition: background 0.3s;
  margin-top: 3px;
}
.md-checkbox input[type="checkbox"] {
  outline: 0;
  visibility: hidden;
  width: 1.45em;
  margin: 0;
  display: block;
  float: left;
  font-size: inherit;
}
.md-checkbox input[type="checkbox"]:checked + label:before {
  background: #114c90;
}
.md-checkbox input[type="checkbox"]:checked + label:after {
  transform: translate(0.25em, 0.3365384615em) rotate(-45deg);
  width: 0.95em;
  height: 0.575em;
  border: 0.225em solid #fff;
  border-top-style: none;
  border-right-style: none;
  padding-top: 0.1em;
  padding-left: 0.2em;
  top: -3px;
}
.md-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: rgba(0, 0, 0, 0.26);
}
.md-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background: rgba(0, 0, 0, 0.26);
}
.radio {
  position: relative;
  cursor: pointer;
  line-height: 27px;
}
.radio .label {
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border: 2px solid #c8ccd4;
  border-radius: 100%;
  -webkit-tap-highlight-color: transparent;
}
.radio .label:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #114c90;
  transform: scale(0);
  transition: all 0.2s ease;
  opacity: 0.08;
  pointer-events: none;
}
.radio:hover .label:after {
  transform: scale(3.6);
}
input[type="radio"]:checked + .label {
  border-color: #114c90;
}
input[type="radio"]:checked + .label:after {
  transform: scale(1.4);
  transition: all 0.2s cubic-bezier(0.35, 0.9, 0.4, 0.9);
  opacity: 1;
}
.caja_pagos {
  box-shadow: 0px 0px 40px #0d234a26;
}
/*END INPUT TEXT ANIMATE*/
.disabled {
  pointer-events: none;
}
.cabecera_info_curso {
  background: #0d234a;
  border-radius: 12px 12px 0px 0px;
  color: #ffffff;
  padding: 10px 10px;
}
.cabecera_info_curso img {
  margin-top: 6px;
}
.contenedor_info_curso {
  background: #f8faf6;
  box-shadow: 0px 0px 40px #0d234a26;
  border-radius: 0px 0px 12px 12px;
}
.opcion_curso_inhouse:hover {
  box-shadow: 0px 6px 10px #0d234a26;
  transition-duration: 300ms;
  transition-property: all;
}
.opcion_curso_inhouse > img {
  transition-duration: 300ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.opcion_curso_inhouse:hover > img {
  transform: rotate(-35deg);
}
.desktop {
  display: block;
}
.mobile {
  display: none;
}

/* Common styles of menus */

.dl-menuwrapper {
  width: 100%;
  float: left;
  position: relative;
  -webkit-perspective: 1000px;
  perspective: 1000px;
  -webkit-perspective-origin: 50% 200%;
  perspective-origin: 50% 200%;
  z-index: 1;
}

.dl-menuwrapper button {
  background: #ccc;
  border: none;
  width: 48px;
  height: 45px;
  text-indent: -900em;
  overflow: hidden;
  position: relative;
  cursor: pointer;
  outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #aaa;
}

.dl-menuwrapper button:after {
  content: "";
  position: absolute;
  width: 68%;
  height: 5px;
  background: #fff;
  top: 10px;
  left: 16%;
  box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}

.dl-menuwrapper ul {
  padding: 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.dl-menuwrapper li {
  position: relative;
}

.dl-menuwrapper li a {
  display: block;
  position: relative;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
  color: #fff;
  outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
  background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back > a {
  padding-left: 30px;
  background: rgba(0, 0, 0, 0.1);
  color: #00cc99;
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
  position: absolute;
  top: 0;
  line-height: 50px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  content: ">";
  color: #00cc99 !important;
}

.dl-menuwrapper li.dl-back:after {
  left: 10px;
  color: rgba(212, 204, 198, 0.3);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
  right: 10px;
  color: rgba(0, 0, 0, 0.15);
  color: #00cc99;
}

.dl-menuwrapper .dl-menu {
  margin: 5px 0 0 0;
  position: absolute;
  width: 108%;
  left: -4%;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
  transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
  display: none;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
  display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
  display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
  position: absolute;
  width: 100%;
  top: 50px;
  left: 0;
  margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
  -webkit-animation: MenuAnimOut1 0.4s;
  animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
  -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
  animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
  -webkit-animation: MenuAnimOut3 0.4s ease;
  animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
  -webkit-animation: MenuAnimOut4 0.4s ease;
  animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
  -webkit-animation: MenuAnimOut5 0.4s ease;
  animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
  0% {
  }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimOut2 {
  0% {
  }
  100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimOut3 {
  0% {
  }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimOut4 {
  0% {
  }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}

@-webkit-keyframes MenuAnimOut5 {
  0% {
  }
  100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut1 {
  0% {
  }
  50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
  }
  75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
}

@keyframes MenuAnimOut2 {
  0% {
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
}

@keyframes MenuAnimOut3 {
  0% {
  }
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}

@keyframes MenuAnimOut4 {
  0% {
  }
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}

@keyframes MenuAnimOut5 {
  0% {
  }
  100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
}

.dl-menu.dl-animate-in-1 {
  -webkit-animation: MenuAnimIn1 0.3s;
  animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
  -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
  animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
  -webkit-animation: MenuAnimIn3 0.4s ease;
  animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
  -webkit-animation: MenuAnimIn4 0.4s ease;
  animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
  -webkit-animation: MenuAnimIn5 0.4s ease;
  animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}

@-webkit-keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}

@-webkit-keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes MenuAnimIn1 {
  0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
  }
  20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes MenuAnimIn2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes MenuAnimIn5 {
  0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
  -webkit-animation: SubMenuAnimIn1 0.4s ease;
  animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
  -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
  animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
  -webkit-animation: SubMenuAnimIn3 0.4s ease;
  animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
  -webkit-animation: SubMenuAnimIn4 0.4s ease;
  animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
  -webkit-animation: SubMenuAnimIn5 0.4s ease;
  animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
}

@-webkit-keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn1 {
  0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn2 {
  0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn3 {
  0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn4 {
  0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
}

@keyframes SubMenuAnimIn5 {
  0% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
  -webkit-animation: SubMenuAnimOut1 0.4s ease;
  animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
  -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
  animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
  -webkit-animation: SubMenuAnimOut3 0.4s ease;
  animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
  -webkit-animation: SubMenuAnimOut4 0.4s ease;
  animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
  -webkit-animation: SubMenuAnimOut5 0.4s ease;
  animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
  }
}

@-webkit-keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
  }
}

@-webkit-keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
  }
}

@-webkit-keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
  }
}

@-webkit-keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut1 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut2 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut3 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut4 {
  0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
  }
}

@keyframes SubMenuAnimOut5 {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
  }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
  position: relative;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
  display: block;
}

.no-js .dl-menuwrapper li.dl-back {
  display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
  background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
  content: "";
}

/* Colors for demos */

/* Demo 1 */
.dl-menuwrapper button {
  background: #0d234a;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
  background: #0d234a;
}
.dl-trigger {
  margin: 5px 0;
  border-radius: 5px;
}
/***************************/
.panel-default > .panel-heading,
.panel-default {
  border: none !important;
  margin-bottom: 10px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border: none;
}
.objetivos ul,
.dirigido ul {
  list-style: none; /* eliminar marcador por defecto */
  padding-left: 0;
}

.objetivos ul li,
.dirigido ul li {
  position: relative;
  padding-left: 30px; /* deja espacio para la imagen */
  margin-bottom: 10px;
}

.objetivos ul li::before,
.dirigido ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 35%;
  transform: translateY(-50%);
  display: block; /* importante para que acepte tamaño */
  width: 22px; /* ajusta a tu preferencia */
  height: 22px; /* alto de la imagen */
  background-image: url("../Images/iconos/ico_g_check_circulo.svg");
  background-size: contain; /* o especifica "20px 20px" */
  background-repeat: no-repeat;
}
.ico_detalle_curso {
  filter: brightness(0) saturate(100%) invert(57%) sepia(99%) saturate(626%)
    hue-rotate(116deg) brightness(87%) contrast(105%);
}
.formulario_curso {
  background: #f8faf6 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 40px #0d234a26;
  border-radius: 5px;
  padding: 25px;
  position: absolute; /* o relative */
  top: initial;
  transition: top 0.3s ease, box-shadow 0.3s ease;
  width: 390px;
  z-index: 2;
}
body.scroll .formulario_curso {
  position: fixed;
  top: 20px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
}
.list_carousel .col-md-4 {
  min-height: 330px;
}