@font-face {
  font-family: "RobotoBlack";
  src: url("../../fonts/Roboto-Black.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoBold";
  src: url("../../fonts/Roboto-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoItalic";
  src: url("../../fonts/Roboto-Italic.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoThin";
  src: url("../../fonts/Roboto-Thin.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoLight";
  src: url("../../fonts/Roboto-Light.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoMedium";
  src: url("../../fonts/Roboto-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "RobotoRegular";
  src: url("../../fonts/Roboto-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
*,
body {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
}

.contenedor {
  width: min(92%, 1500px);
  margin-inline: auto;
}

@media (max-width: 700px) {
  #slider-testimonio .elementor-section .elementor-column {
    width: 100%;
  }
}
header {
  background: white;
}
header .contenedor-header {
  display: none;
  align-items: center;
  justify-content: space-between;
  padding-block: 15px;
  padding-inline: 33px;
}
header .contenedor-header .menu-icon {
  display: inline-block;
  cursor: pointer;
}
header .contenedor-header .menu-icon div {
  width: 29px;
  height: 5px;
  background-color: #0f69af;
  margin: 4px 0;
  border-radius: 2px;
}
header .contenedor-header .name-user {
  display: flex;
  align-items: center;
  gap: 7px;
}
header .contenedor-header .name-user .username-header {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 14.178px;
}

.main-page-cursosmi {
  background-image: url("../../images/image-main-cursosmi.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

.page-template-front-page header {
  display: none;
}

.main-front-page {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.main-front-page .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s ease;
}
.main-front-page .overlay.active {
  opacity: 0.7;
  z-index: 2;
}
.main-front-page .popup-lost-password {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 38vh;
  border-radius: 10px;
  z-index: 5;
  width: 40vw;
  max-width: 42rem;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease;
padding-inline: 3rem;
}
.main-front-page .popup-lost-password .close-button {
  position: absolute;
  width: 24px;
  height: 24px;
  cursor: pointer;
  top: -1rem;
  right: -1.5rem;
}
.main-front-page .popup-lost-password .close-button .line1,
.main-front-page .popup-lost-password .close-button .line2 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 6px;
  background-color: #e61e50;
}
.main-front-page .popup-lost-password .close-button .line1 {
  transform: translate(-50%, -50%) rotate(45deg);
}
.main-front-page .popup-lost-password .close-button .line2 {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.main-front-page .popup-lost-password #wppb-recover-password {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.main-front-page .popup-lost-password #wppb-recover-password h2 {
  order: 1;
  color: #0f69af;
  text-align: center;
  font-family: "RobotoBold";
  font-size: 30px;
  line-height: 30px;
}
.main-front-page .popup-lost-password #wppb-recover-password p {
  order: 2;
  color: #4f5054;
  text-align: center;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 19px;
  margin-bottom: 9px;
}
.main-front-page .popup-lost-password #wppb-recover-password ul {
  order: 3;
  max-width: none;
  width: 100%;
}
.main-front-page .popup-lost-password #wppb-recover-password ul label {
  display: none;
}
.main-front-page .popup-lost-password #wppb-recover-password ul input {
  border-radius: 5px;
  border: 0.968px solid #62ace5;
  background: rgba(255, 255, 255, 0.1);
  padding-block: 13px;
  width: 100%;
  text-align: center;
}
.main-front-page .popup-lost-password #wppb-recover-password ul input::-moz-placeholder {
  color: #e1c3cd;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}
.main-front-page .popup-lost-password #wppb-recover-password ul input::placeholder {
  color: #e1c3cd;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 15px;
}
.main-front-page .popup-lost-password #wppb-recover-password ul input:focus {
  outline: none;
}
.main-front-page .popup-lost-password #wppb-recover-password .form-submit {
  order: 4;
  width: 100%;
  cursor: pointer;
}
.main-front-page .popup-lost-password #wppb-recover-password .form-submit input {
  border-radius: 5px;
  background: #ffc832;
  color: #0f69af;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  border: none;
  padding-block: 12px;
  cursor: pointer;
}
.main-front-page .popup-lost-password.active {
  opacity: 1;
  pointer-events: all;
}
.main-front-page .popup-form-login {
  flex-grow: 1;
  padding-top: 4rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  z-index: 1;
  transition: all 0.5s ease;
  width: 100%;
}
.main-front-page .popup-form-login .register-form {
  border-radius: 20px;
  border: 1px solid #c6d5ef;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 52px 42px;
  width: 36vw;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  max-width: 38rem;
}
.main-front-page .popup-form-login .register-form p.wppb-error {
  display: none;
}
.main-front-page .popup-form-login .register-form .top {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  order: 1;
}
.main-front-page .popup-form-login .register-form .top h2 {
  color: #ffc832;
  font-family: "RobotoBold";
  font-weight: 800;
  font-size: 35px;
  line-height: 40px;
}
.main-front-page .popup-form-login .register-form .top h3 {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .register-form form {
  order: 2;
}
.main-front-page .popup-form-login .register-form form ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
  margin-bottom: 15px;
}
.main-front-page .popup-form-login .register-form form ul li {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.main-front-page .popup-form-login .register-form form ul li label {
  display: none;
}
.main-front-page .popup-form-login .register-form form ul li:nth-child(1)::after, .main-front-page .popup-form-login .register-form form ul li:nth-child(4)::after {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="18" viewBox="0 0 14 18" fill="none"><path d="M7 9C7.89001 9 8.76004 8.73608 9.50006 8.24161C10.2401 7.74715 10.8169 7.04434 11.1575 6.22208C11.4981 5.39981 11.5872 4.49501 11.4135 3.62209C11.2399 2.74918 10.8113 1.94736 10.182 1.31802C9.55264 0.688685 8.75082 0.260102 7.8779 0.0864682C7.00499 -0.0871652 6.10019 0.00194979 5.27792 0.342544C4.45566 0.683138 3.75285 1.25991 3.25839 1.99994C2.76392 2.73996 2.5 3.60999 2.5 4.5C2.50119 5.69311 2.97568 6.83701 3.81933 7.68067C4.66299 8.52432 5.80689 8.99881 7 9ZM7 1.5C7.59334 1.5 8.17336 1.67595 8.66671 2.00559C9.16006 2.33524 9.54457 2.80377 9.77164 3.35195C9.9987 3.90013 10.0581 4.50333 9.94235 5.08527C9.8266 5.66721 9.54088 6.20176 9.12132 6.62132C8.70176 7.04088 8.16721 7.3266 7.58527 7.44236C7.00333 7.55811 6.40013 7.4987 5.85195 7.27164C5.30377 7.04458 4.83524 6.66006 4.50559 6.16671C4.17595 5.67336 4 5.09334 4 4.5C4 3.70435 4.31607 2.94129 4.87868 2.37868C5.44129 1.81607 6.20435 1.5 7 1.5Z" fill="white"/><path d="M7 10.5C5.2104 10.502 3.49466 11.2138 2.22922 12.4792C0.963781 13.7446 0.251985 15.4604 0.25 17.25C0.25 17.4489 0.329018 17.6396 0.46967 17.7803C0.610322 17.921 0.801087 18 1 18C1.19891 18 1.38968 17.921 1.53033 17.7803C1.67098 17.6396 1.75 17.4489 1.75 17.25C1.75 15.8576 2.30312 14.5222 3.28769 13.5377C4.27225 12.5531 5.60761 12 7 12C8.39238 12 9.72774 12.5531 10.7123 13.5377C11.6969 14.5222 12.25 15.8576 12.25 17.25C12.25 17.4489 12.329 17.6396 12.4697 17.7803C12.6103 17.921 12.8011 18 13 18C13.1989 18 13.3897 17.921 13.5303 17.7803C13.671 17.6396 13.75 17.4489 13.75 17.25C13.748 15.4604 13.0362 13.7446 11.7708 12.4792C10.5053 11.2138 8.7896 10.502 7 10.5Z" fill="white"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 18px;
}
.main-front-page .popup-form-login .register-form form ul li:nth-child(5)::after {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="18" viewBox="0 0 12 18" fill="none"><path d="M8.28384 0.000562506C8.26359 -0.000187502 3.73654 -0.000187502 3.71629 0.000562506C1.66427 0.0185627 0 1.69408 0 3.74985V14.25C0 16.3177 1.68227 18 3.75004 18H8.25009C10.3179 18 12.0001 16.3177 12.0001 14.25V3.7506C12.0001 1.69408 10.3359 0.0193127 8.28384 0.000562506ZM10.5001 14.25C10.5001 15.4905 9.4906 16.5 8.25009 16.5H3.75004C2.50953 16.5 1.50002 15.4905 1.50002 14.25V3.7506C1.50002 2.66084 2.27852 1.75033 3.30828 1.54408L3.82879 2.58584C3.95554 2.84009 4.21579 3.00059 4.50005 3.00059H7.50008C7.78433 3.00059 8.04383 2.84009 8.17134 2.58584L8.69184 1.54408C9.7216 1.74958 10.5001 2.66084 10.5001 3.7506V14.25ZM6.75007 15H5.25005C4.83605 15 4.50005 14.664 4.50005 14.25C4.50005 13.836 4.83605 13.5 5.25005 13.5H6.75007C7.16408 13.5 7.50008 13.836 7.50008 14.25C7.50008 14.664 7.16408 15 6.75007 15Z" fill="white"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 18px;
}
.main-front-page .popup-form-login .register-form form ul li:nth-child(7)::after, .main-front-page .popup-form-login .register-form form ul li:nth-child(8)::after {
  content: "";
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M15.3331 4.66672H12.1271L12.6605 0.756787C12.6723 0.670028 12.6669 0.581791 12.6446 0.497114C12.6223 0.412437 12.5836 0.332977 12.5306 0.263273C12.4776 0.193568 12.4114 0.134983 12.3358 0.0908628C12.2601 0.0467426 12.1766 0.0179512 12.0898 0.00613243C12.003 -0.00568634 11.9148 -0.00030102 11.8301 0.0219809C11.7454 0.0442629 11.666 0.083005 11.5963 0.135995C11.5266 0.188986 11.468 0.255187 11.4239 0.330818C11.3798 0.40645 11.351 0.490031 11.3391 0.57679L10.7818 4.66672H6.12723L6.66056 0.756787C6.67237 0.670028 6.66699 0.581791 6.64471 0.497114C6.62243 0.412437 6.58368 0.332977 6.53069 0.263273C6.4777 0.193568 6.4115 0.134983 6.33587 0.0908628C6.26024 0.0467426 6.17666 0.0179512 6.0899 0.00613245C6.00314 -0.00568632 5.9149 -0.000301003 5.83023 0.0219809C5.74555 0.0442629 5.66609 0.083005 5.59638 0.135995C5.52668 0.188986 5.46809 0.255187 5.42397 0.330818C5.37985 0.40645 5.35106 0.490031 5.33924 0.57679L4.78192 4.66672H1.33331C1.1565 4.66672 0.986937 4.73696 0.861914 4.86198C0.736892 4.987 0.666656 5.15657 0.666656 5.33338C0.666656 5.51019 0.736892 5.67975 0.861914 5.80477C0.986937 5.9298 1.1565 6.00003 1.33331 6.00003H4.59992L4.0546 9.99997H0.666656C0.489847 9.99997 0.320281 10.0702 0.195259 10.1952C0.0702367 10.3202 0 10.4898 0 10.6666C0 10.8434 0.0702367 11.013 0.195259 11.138C0.320281 11.263 0.489847 11.3333 0.666656 11.3333H3.8726L3.33928 15.2432C3.31541 15.4184 3.36212 15.596 3.46914 15.7367C3.57616 15.8775 3.73472 15.97 3.90993 15.9939C4.08515 16.0177 4.26267 15.971 4.40345 15.864C4.54422 15.757 4.63672 15.5984 4.66059 15.4232L5.21791 11.3333H9.8725L9.33918 15.2432C9.31531 15.4184 9.36202 15.596 9.46904 15.7367C9.57606 15.8775 9.73462 15.97 9.90983 15.9939C10.0851 16.0177 10.2626 15.971 10.4033 15.864C10.5441 15.757 10.6366 15.5984 10.6605 15.4232L11.2178 11.3333H14.6664C14.8432 11.3333 15.0128 11.263 15.1378 11.138C15.2628 11.013 15.3331 10.8434 15.3331 10.6666C15.3331 10.4898 15.2628 10.3202 15.1378 10.1952C15.0128 10.0702 14.8432 9.99997 14.6664 9.99997H11.3998L11.9451 6.00003H15.3331C15.5099 6.00003 15.6795 5.9298 15.8045 5.80477C15.9295 5.67975 15.9997 5.51019 15.9997 5.33338C15.9997 5.15657 15.9295 4.987 15.8045 4.86198C15.6795 4.73696 15.5099 4.66672 15.3331 4.66672ZM10.0545 9.99997H5.39991L5.94523 6.00003H10.5998L10.0545 9.99997Z" fill="white"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 14px;
  height: 18px;
}
.main-front-page .popup-form-login .register-form form ul li.privacy-policy .wppb-checkboxes, .main-front-page .popup-form-login .register-form form ul li.terms-conditions .wppb-checkboxes {
  width: 100%;
}
.main-front-page .popup-form-login .register-form form ul li.privacy-policy .wppb-checkboxes li, .main-front-page .popup-form-login .register-form form ul li.terms-conditions .wppb-checkboxes li {
  width: 100%;
  flex-direction: row;
}
.main-front-page .popup-form-login .register-form form ul li.privacy-policy .wppb-checkboxes li input, .main-front-page .popup-form-login .register-form form ul li.terms-conditions .wppb-checkboxes li input {
  width: 15px;
  height: 15px;
}
.main-front-page .popup-form-login .register-form form ul li.privacy-policy .wppb-checkboxes li label, .main-front-page .popup-form-login .register-form form ul li.terms-conditions .wppb-checkboxes li label {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.main-front-page .popup-form-login .register-form form ul li.privacy-policy .wppb-checkboxes li label a, .main-front-page .popup-form-login .register-form form ul li.terms-conditions .wppb-checkboxes li label a {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
}
.main-front-page .popup-form-login .register-form form ul input {
  width: 100%;
  border-radius: 5px;
  border: 1px solid var(--5, #c6d5ef);
  background: rgba(255, 255, 255, 0.1);
  padding: 10px 12px 10px 38px;
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .register-form form ul input::-moz-placeholder {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .register-form form ul input::placeholder {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .register-form form ul input:focus {
  outline: none;
}
.main-front-page .popup-form-login .register-form form ul input .wppb-form-error br {
  display: none;
}
.main-front-page .popup-form-login .register-form form ul input div {
  display: none;
}
.main-front-page .popup-form-login .register-form form ul input.wppb-field-error {
  background: transparent;
  border: none;
  padding: 0 !important;
  margin-bottom: 0 !important;
}
.main-front-page .popup-form-login .register-form form ul input.wppb-field-error label {
  margin-bottom: 0;
}
.main-front-page .popup-form-login .register-form form ul input.wppb-field-error span {
  padding-top: 0;
  margin-top: 0;
  border-top: 0;
  font-family: "RobotoRegular";
  color: red;
  font-style: normal;
  font-size: 12px;
}
.main-front-page .popup-form-login .register-form form ul input::after {
  content: none;
}
.main-front-page .popup-form-login .register-form form ul + ul {
  display: none;
}
.main-front-page .popup-form-login .register-form form .form-submit input {
  width: 100%;
  border-radius: 10px;
  background: #ffc832;
  color: #0f69af;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  font-weight: 500;
  border: none;
  padding-block: 10px;
  cursor: pointer;
}
.main-front-page .popup-form-login .register-form .bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  order: 3;
}
.main-front-page .popup-form-login .register-form .bottom p {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .register-form .bottom a {
  color: #ffc832;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  cursor: pointer;
}
.main-front-page .popup-form-login .register-form.active {
  opacity: 1;
  pointer-events: all;
  position: relative;
}
.main-front-page .popup-form-login .my-account {
  padding: 52px 42px;
  width: 36vw;
  display: flex;
  flex-direction: column;
  gap: 25px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: all 0.5s ease;
  max-width: 32rem;
  border-radius: 20px;
  border: 1px solid var(--5, #c6d5ef);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
.main-front-page .popup-form-login .my-account .top {
  margin-bottom: 5px;
}
.main-front-page .popup-form-login .my-account .top h2 {
  color: #ffc832;
  text-align: center;
  font-family: "RobotoBold";
  font-size: 35px;
  font-weight: 800;
  line-height: 40px;
}
.main-front-page .popup-form-login .my-account .medium {
  display: flex;
  flex-direction: column;
  gap: 18px;
  margin-bottom: 15px;
}
.main-front-page .popup-form-login .my-account .medium div {
  display: flex;
  align-items: center;
  position: relative;
}
.main-front-page .popup-form-login .my-account .medium div.user label {
  display: none;
}
.main-front-page .popup-form-login .my-account .medium div.user p {
  width: 100%;
}
.main-front-page .popup-form-login .my-account .medium div.user svg {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.main-front-page .popup-form-login .my-account .medium div.user svg path {
  fill: white;
}
.main-front-page .popup-form-login .my-account .medium div.user input {
  padding-block: 10px;
  padding-left: 2rem;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #c6d5ef;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .my-account .medium div.user input:focus {
  outline: none;
}
.main-front-page .popup-form-login .my-account .medium div.user input::-moz-placeholder {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .my-account .medium div.user input::placeholder {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .my-account .medium div.password label {
  display: none;
}
.main-front-page .popup-form-login .my-account .medium div.password p {
  width: 100%;
}
.main-front-page .popup-form-login .my-account .medium div.password svg {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.main-front-page .popup-form-login .my-account .medium div.password input {
  padding-block: 10px;
  padding-left: 2rem;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #c6d5ef;
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .my-account .medium div.password input:focus {
  outline: none;
}
.main-front-page .popup-form-login .my-account .medium div.password input::-moz-placeholder {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .my-account .medium div.password input::placeholder {
  color: #fff;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .my-account .recuerdame {
  gap: 7px;
  position: relative;
  margin-bottom: 23px;
}
.main-front-page .popup-form-login .my-account .recuerdame input {
  opacity: 0;
  z-index: 1;
  position: relative;
}
.main-front-page .popup-form-login .my-account .recuerdame input[type=checkbox]:checked + .box::after {
  display: block;
}
.main-front-page .popup-form-login .my-account .recuerdame label {
  color: white;
  font-family: "RobotoRegular";
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
}
.main-front-page .popup-form-login .my-account .recuerdame .box {
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid white;
  border-radius: 2px;
}
.main-front-page .popup-form-login .my-account .recuerdame .box::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  background-image: url("../../images/checked.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: none;
}
.main-front-page .popup-form-login .my-account .sensei-login-submit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11px;
  margin-bottom: 11px;
}
.main-front-page .popup-form-login .my-account .sensei-login-submit input {
  width: 100%;
  border-radius: 10px;
  border: none;
  background: #ffc832;
  color: #0f69af;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  font-weight: 500;
  padding-block: 12px;
  margin-bottom: 11px;
}
.main-front-page .popup-form-login .my-account .sensei-login-submit .lost-password {
  color: white;
  text-align: center;
  font-family: "RobotoBold";
  font-size: 15px;
  line-height: 20px;
  text-decoration-line: underline;
  cursor: pointer;
}
.main-front-page .popup-form-login .my-account .register-option-open {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.main-front-page .popup-form-login .my-account .register-option-open p {
  color: white;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.main-front-page .popup-form-login .my-account .register-option-open a {
  color: #ffc832;
  font-family: "RobotoRegular";
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  cursor: pointer;
}
.main-front-page .popup-form-login .my-account.active {
  opacity: 1;
  pointer-events: all;
  position: relative;
}
.main-front-page .popup-form-login::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  z-index: -1;
}
.main-front-page .edit-perfil-and-courses {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 90vh;
  z-index: 1;
  padding: 0;
}
.main-front-page .edit-perfil-and-courses .left {
  min-height: 709px;
  border-radius: 20px;
  background: #fff;
  flex-basis: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 20px;
}
.main-front-page .edit-perfil-and-courses .left .x-container {
  display: none;
}
.main-front-page .edit-perfil-and-courses .left .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.3rem;
  width: 100%;
}
.main-front-page .edit-perfil-and-courses .left .top .avatar {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding-bottom: 2.2rem;
  border-bottom: 1px solid #62ace5;
  max-width: 14rem;
  width: 100%;
}
.main-front-page .edit-perfil-and-courses .left .top .avatar .username {
  color: #0f69af;
  text-align: center;
  font-family: "RobotoRegular";
  font-size: 14.178px;
  font-weight: 400;
  word-break: break-all;
}
.main-front-page .edit-perfil-and-courses .left .top .options {
  width: 100%;
  max-width: 160px;
}
.main-front-page .edit-perfil-and-courses .left .top .options ul {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}
.main-front-page .edit-perfil-and-courses .left .top .options ul li {
  display: flex;
  align-items: center;
  gap: 13px;
  padding-left: 12px;
  cursor: pointer;
}
.main-front-page .edit-perfil-and-courses .left .top .options ul li a {
  display: flex;
  align-items: center;
  gap: 13px;
}
.main-front-page .edit-perfil-and-courses .left .top .options ul li p {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 16.067px;
  line-height: 20.883px;
}
.main-front-page .edit-perfil-and-courses .left .top .options ul li.active {
  border-radius: 10px;
  background: #eb3c96;
  padding-block: 8px;
}
.main-front-page .edit-perfil-and-courses .left .top .options ul li.active p {
  color: white;
  font-family: "RobotoMedium";
  font-size: 16.067px;
  line-height: 16.067px;
}
.main-front-page .edit-perfil-and-courses .left .bottom {
  border-radius: 5px;
  background: var(--3, #0f69af);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  width: 100%;
  border-top: 1px solid #2dbecd;
  padding: 10px;
}
.main-front-page .edit-perfil-and-courses .left .bottom .wppb-front-end-logout span {
  display: none;
}
.main-front-page .edit-perfil-and-courses .left .bottom .wppb-front-end-logout a {
  color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  font-family: "RobotoRegular";
}
.main-front-page .edit-perfil-and-courses .rigth {
  width: 100%;
  height: 100%;
  position: relative;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .top {
  margin-bottom: 47px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  border-bottom: 1.5px solid #0f69af;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .top h2 {
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 30px;
  line-height: 35px;
  font-weight: 800;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .top .wppb-front-end-logout span {
  color: #0f69af;
  text-align: right;
  font-family: "RobotoRegular";
  font-size: 14px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .top .wppb-front-end-logout a {
  color: #eb3c96;
  font-family: "RobotoBold";
  font-size: 14px;
  text-decoration-line: underline;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information {
  background: white;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 30px;
  border-radius: 20px 20px 0 0;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information h2 {
  color: #ffc832;
  font-family: "RobotoMedium";
  font-size: 20px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information .alert {
  font-family: "RobotoRegular";
  font-size: 15px !important;
  line-height: 15px;
  margin-bottom: 5px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 16px;
  width: 100%;
  max-width: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul li {
  width: 49%;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul li label {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul li input {
  width: 100%;
  border-radius: 5px;
  border: 0.9px solid #62ace5;
  background: rgba(255, 255, 255, 0.66);
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 15px !important;
  line-height: 15px;
  padding-block: 10px;
  padding-left: 19px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul li input::-moz-placeholder {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 15px !important;
  line-height: 15px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul li input::placeholder {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 15px !important;
  line-height: 15px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul li input:focus {
  outline: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul li.wppb-default-password {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul li.wppb-default-repeat-password {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form .form-submit {
  display: flex;
  justify-content: flex-end;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .personal-information form .form-submit input {
  background: #eb3c96;
  border-radius: 5px;
  border: 1px solid #eb3c96;
  color: white;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  font-weight: 500;
  padding-block: 9px;
  width: 15.8rem;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password {
  padding: 20px 30px;
  border-radius: 0px 0px 20px 20px;
  background: white;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password h2 {
  color: #ffc832;
  font-family: "RobotoMedium";
  font-size: 20px;
  margin-bottom: 11px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .error-message {
  color: red;
  font-family: "RobotoRegular";
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 0.5rem;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .success-message {
  color: green;
  font-family: "RobotoRegular";
  font-size: 15px;
  line-height: 15px;
  margin-bottom: 0.5rem;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .new-passwords form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .new-passwords form div {
  position: relative;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .new-passwords form div button {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  width: auto;
  margin-top: 0;
  margin-left: 0;
  padding-block: 0;
  z-index: 1;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .new-passwords form label {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .new-passwords form input {
  width: 100%;
  border-radius: 5px;
  border: 0.968px solid #62ace5;
  background: rgba(255, 255, 255, 0.66);
  padding-block: 11px;
  padding-left: 19px;
  outline: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .new-passwords form input::-moz-placeholder {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 15px;
  line-height: 15px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .new-passwords form input::placeholder {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 15px;
  line-height: 15px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil .update-password .new-passwords form button {
  background: #eb3c96;
  border-radius: 5px;
  border: 1px solid #eb3c96;
  color: white;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  font-weight: 500;
  padding-block: 9px;
  width: 15.8rem;
  margin-left: auto;
  margin-top: 5px;
}
.main-front-page .edit-perfil-and-courses .rigth-mi-perfil.active {
  opacity: 1;
  pointer-events: all;
  position: relative;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s ease;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .top h2 {
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 5px;
  border-bottom: 1.5px solid #0f69af;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium {
  margin-top: 2rem;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses .my-messages-link-container {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses #user-course-status-toggle {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border-bottom: none;
  grid-gap: 20px 15px;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li {
  border-bottom: none;
  padding-left: 0;
  background: white;
  padding-top: 0;
  border-radius: 10px;
  margin-bottom: 0;
  padding: 0;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry {
  display: flex;
  flex-direction: column;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry a {
  order: 1;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry a img {
  width: 100%;
  height: 100%;
  float: none;
  margin: 0;
  border-radius: 10px 10px 0px 0px;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry .course-title {
  order: 2;
  padding: 10px;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry .course-title a {
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 16px;
  line-height: 16px;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry .sensei-course-meta {
  order: 3;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry .sensei-course-meta .course-lesson-count {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry .sensei-course-meta .course-lesson-progress {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  font-style: normal;
  padding-inline: 10px;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry .course-author {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry .btn-continue {
  order: 4;
  padding-inline: 10px;
  color: #0f69af;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  border-radius: 5px;
  background: rgba(15, 105, 175, 0.2);
  margin-inline: 10px;
  padding-block: 8px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .entry .entry-actions {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li .sensei-message.info a {
  display: none;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li.user-active {
  width: 100%;
  max-width: 100%;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos .medium #sensei-user-courses ul li.user-active .sensei-message.info {
  margin-block: 0;
  font-family: "RobotoMedium";
  font-size: 16px;
}
.main-front-page .edit-perfil-and-courses .rigth-mis-cursos.active {
  position: relative;
  opacity: 1;
  pointer-events: all;
}
.main-front-page .edit-perfil-and-courses::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  z-index: -1;
}
.main-front-page .disclaimer-footer {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  gap: 27px;
}
.main-front-page .disclaimer-footer .disclaimer {
  width: -moz-max-content;
  width: max-content;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
}
.main-front-page .disclaimer-footer .disclaimer p {
  color: #0f69af;
  text-align: center;
  font-family: "RobotoRegular";
  font-size: 11px;
  font-weight: 400;
  line-height: 15px;
}
.main-front-page .disclaimer-footer .legals {
  width: 100%;
}
.main-front-page .disclaimer-footer .legals ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.main-front-page .disclaimer-footer .legals ul li a {
  color: #fff;
  text-shadow: 0px 1px 10px rgba(0, 0, 0, 0.25);
  font-family: "RobotoRegular";
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.main-single-course {
  background: #eef4f9;
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  padding-block: 2.5rem 3.8rem;
}
.main-single-course .section-title {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.main-single-course .section-title .exit {
  display: flex;
  justify-content: flex-end;
}
.main-single-course .section-title .exit a {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 16.889px;
  line-height: 19px;
}
.main-single-course .section-title .title {
  border-bottom: 1.5px solid white;
  padding-bottom: 1rem;
}
.main-single-course .section-title .title p {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 17px;
  line-height: 37.66px;
}
.main-single-course .section-title .title h1 {
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 30px;
  line-height: 30px;
}
.main-single-course .section-contenido-curso {
  display: flex;
  gap: 1.3rem;
  flex-grow: 1;
}
.main-single-course .section-contenido-curso .left {
  width: 68%;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.main-single-course .section-contenido-curso .left .mensaje-no-access {
  background: white;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-block: 1.75rem;
  padding-inline: 20px;
  margin-top: -10px;
}
.main-single-course .section-contenido-curso .left .mensaje-no-access span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #503291;
  font-family: "RobotoRegular";
  font-size: 16px;
  line-height: 18px;
}
.main-single-course .section-contenido-curso .left .mensaje-no-access p {
  color: #503291;
  font-family: "RobotoBold";
  font-size: 16px;
  line-height: 18px;
}
.main-single-course .section-contenido-curso .left .video-or-the-content {
  height: 100%;
  width: 100%;
}
.main-single-course .section-contenido-curso .left .sensei-video-embed {
  width: 100%;
  height: 100%;
}
.main-single-course .section-contenido-curso .left .sensei-video-embed iframe {
  width: 100%;
  height: 100%;
}
.main-single-course .section-contenido-curso .left h2 {
  color: #e61e50;
  font-family: "RobotoMedium";
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 15px;
}
.main-single-course .section-contenido-curso .left p {
  color: black;
  font-family: "RobotoRegular";
  font-size: 16px;
  line-height: 16px;
}
.main-single-course .section-contenido-curso .left h3 {
  color: black;
  font-family: "RobotoRegular";
  font-size: 16px;
  line-height: 16px;
}
.main-single-course .section-contenido-curso .left .pagination-lesson {
  display: flex;
  justify-content: space-between;
}
.main-single-course .section-contenido-curso .left .pagination-lesson #post-entries {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.main-single-course .section-contenido-curso .left .pagination-lesson #post-entries .nav-prev {
  cursor: pointer;
}
.main-single-course .section-contenido-curso .left .pagination-lesson #post-entries form {
  cursor: pointer;
}
.main-single-course .section-contenido-curso .left .pagination-lesson #post-entries .prev-next {
  display: flex;
  align-items: center;
  gap: 16px;
}
.main-single-course .section-contenido-curso .left .pagination-lesson #post-entries .prev-next form {
  min-width: 190px;
}
.main-single-course .section-contenido-curso .left .pagination-lesson #post-entries .prev-next form button {
  background: #503291;
  color: #fff;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-block: 9px;
  padding-inline: 2.2rem;
  border-radius: 7px;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.main-single-course .section-contenido-curso .left .pagination-lesson #post-entries a,
.main-single-course .section-contenido-curso .left .pagination-lesson #post-entries button {
  background: #0f69af;
  color: #fff;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-block: 9px;
  padding-inline: 2.2rem;
  border-radius: 7px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}
.main-single-course .section-contenido-curso .left .pagination-lesson .sensei-course-theme-lesson-actions__take-quiz-form button {
  border-radius: 5px;
  border: 1px solid #ffc832;
  background: #ffc832;
  color: #fff;
  text-align: center;
  font-family: "RobotoMedium";
  padding-block: 9px;
  padding-inline: 2.2rem;
  font-size: 15px;
  min-width: 182px;
  cursor: pointer;
  color: #e61e50;
}
.main-single-course .section-contenido-curso .rigth {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 30.5%;
}
.main-single-course .section-contenido-curso .rigth .top p {
  color: #e61e50;
  font-family: "RobotoBold";
  font-size: 16px;
  line-height: 15.019px;
  border-bottom: 3px solid #e61e50;
  padding-bottom: 2px;
  width: -moz-fit-content;
  width: fit-content;
}
.main-single-course .section-contenido-curso .rigth .top p:nth-child(2) {
  display: none;
}
.main-single-course .section-contenido-curso .rigth .bottom {
  display: flex;
  flex-direction: column;
  gap: 15px;
  border-radius: 15px;
  background: #fff;
  padding: 29px;
  flex-grow: 1;
}
.main-single-course .section-contenido-curso .rigth .bottom .lections-progress {
  padding-bottom: 6px;
  border-bottom: 1.5px solid #eeecff;
}
.main-single-course .section-contenido-curso .rigth .bottom .lections-progress p {
  color: #62ace5;
  font-family: "RobotoMedium";
  font-size: 15px;
  line-height: 15px;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections {
  overflow-y: scroll;
  height: 25rem;
  padding-right: 1rem;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections::-webkit-scrollbar {
  width: 5px;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections::-webkit-scrollbar-track {
  background: #e4f2ff;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections::-webkit-scrollbar-thumb {
  background: #e0a1b1;
  border-radius: 10px;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 10px 11px;
  border: 1.5px solid #eeecff;
  border-radius: 5px;
  color: #0f69af;
  cursor: pointer;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson h2 {
  font-family: "RobotoBold";
  font-size: 15px;
  line-height: 15px;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson p {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 15px;
  line-height: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson p span {
  color: #62ace5;
  display: flex;
  align-content: center;
  gap: 6px;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson ul {
  height: 0;
  overflow: hidden;
  transition: all 0.5s ease;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson ul li {
  padding: 0;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson ul li a {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 15px;
  line-height: 15px;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson.active {
  background: #e4f2ff;
  border-radius: 5px;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson.active h2 {
  color: #e61e50;
  font-weight: 100;
}
.main-single-course .section-contenido-curso .rigth .bottom .container-lections ul .name-lesson.active p {
  color: #e61e50;
}
.main-single-course .section-contenido-curso .rigth .optional button {
  background: #ffc832;
  border: 1px solid #ffc832;
  color: #0f69af;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding-block: 9px;
  padding-inline: 2.2rem;
  border-radius: 7px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
}
.main-single-course .section-contenido-curso .rigth .optional button svg path {
  fill: #0f69af;
}

body.single-quiz {
  background: #eef4f9;
}

#content {
  width: min(92%, 1500px);
  margin-inline: auto;
  margin-block: 2.5rem;
}
#content #main header {
  display: none;
}
#content #main .sensei-message.tick {
  display: none;
}
#content #main .sensei-message.info {
  display: none;
}
#content #main .button.quiz-back {
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 16.889px;
  line-height: 19px;
}
#content #main h1 {
  color: #0f69af;
  text-align: center;
  font-family: "RobotoBold";
  font-size: 35px;
  line-height: 30px;
  margin-bottom: 1rem;
}
#content #main .quiz {
  display: flex;
  flex-direction: column;
}
#content #main .quiz .quiz-rules {
  display: flex;
  align-items: center;
  gap: 2rem;
  border-radius: 5px;
  border: 2px solid #62ace5;
  background: #fff;
}
#content #main .quiz .quiz-rules ul li {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 20px;
  line-height: 32px;
  list-style: disc;
}
#content #main .quiz #sensei-quiz-form {
  margin-top: 1.6rem;
  border-radius: 5px;
  border: 2px solid #62ace5;
  background: #fff;
  padding-block: 2rem;
  padding-inline: 3.5rem;
}
#content #main .quiz #sensei-quiz-form > p {
  display: none;
}
#content #main .quiz #sensei-quiz-form #sensei-quiz-list {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
#content #main .quiz #sensei-quiz-form #sensei-quiz-list div {
  margin-top: 0;
}
#content #main .quiz #sensei-quiz-form #sensei-quiz-list div.sensei-lms-question-block__header {
  margin-bottom: 10px;
}
#content #main .quiz #sensei-quiz-form #sensei-quiz-list div.wp-block-sensei-lms-question-description {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 17px;
  line-height: 24px;
}
#content #main .quiz #sensei-quiz-form #sensei-quiz-list div.wp-block-sensei-lms-question-answers ul li label {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 17px;
  line-height: 24px;
}
#content #main .quiz #sensei-quiz-form #sensei-quiz-list div h2 {
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #d9e9f6;
  min-width: 340px;
}
#content #main .quiz #sensei-quiz-form .sensei-quiz-actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
#content #main .quiz #sensei-quiz-form .sensei-quiz-actions .sensei-quiz-actions-primary {
  display: flex;
  align-items: center;
  justify-content: center;
}
#content #main .quiz #sensei-quiz-form .sensei-quiz-actions .sensei-quiz-actions-primary button {
  color: #fff;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #0f69af;
  background: #0f69af;
  padding-block: 7px;
  padding-inline: 9px;
  min-width: 300px;
}
#content #main .quiz #sensei-quiz-form .sensei-quiz-actions .sensei-quiz-actions-secondary .sensei-quiz-action button {
  color: #fff;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #0f69af;
  background: #0f69af;
  padding-block: 7px;
  padding-inline: 9px;
  min-width: 300px;
}
#content #main .quiz #sensei-quiz-form .sensei-quiz-actions .sensei-quiz-actions-secondary .sensei-quiz-action:nth-child(2) {
  display: none;
}

.main-curso-completo {
  min-width: 100vw;
  min-height: 100vh;
}

.section-curso-completo {
  position: relative;
  background-image: url("../../images/fondo-curso-completo.jpg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 56%;
  min-height: 100vh;
}
.section-curso-completo .contenedor {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 100vh;
  padding-block: 2.5rem;
}
.section-curso-completo .contenedor .top {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.section-curso-completo .contenedor .top .enlaces {
  display: flex;
  justify-content: space-between;
}
.section-curso-completo .contenedor .top .enlaces a {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 16.889px;
  line-height: 19px;
}
.section-curso-completo .contenedor .top .enlaces a:nth-child(2) {
  color: white;
  flex-direction: row-reverse;
}
.section-curso-completo .contenedor .top .title {
  border-bottom: 1.5px solid #e4f2ff;
  width: -moz-max-content;
  width: max-content;
  padding-bottom: 0.5rem;
}
.section-curso-completo .contenedor .top .title p {
  color: #0f69af;
  font-family: "RobotoRegular";
  font-size: 17px;
  line-height: 37.66px;
}
.section-curso-completo .contenedor .top .title h1 {
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 30px;
  line-height: 30px;
}
.section-curso-completo .contenedor .cuerpo {
  max-width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  gap: 20px;
}
.section-curso-completo .contenedor .cuerpo .puntuacion {
  display: flex;
  gap: 4rem;
  padding-inline: 5rem;
  padding-block: 1.25rem;
  width: -moz-max-content;
  width: max-content;
  border-radius: 20px;
  background: #e4f2ff;
  box-shadow: 1px 2px 2px 0px rgba(80, 50, 145, 0.15);
}
.section-curso-completo .contenedor .cuerpo .puntuacion h2 {
  color: #0f69af;
  font-family: "RobotoBold";
  font-size: 60px;
  line-height: 50px;
  letter-spacing: -4.8px;
  text-align: center;
}
.section-curso-completo .contenedor .cuerpo .puntuacion .left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.section-curso-completo .contenedor .cuerpo .puntuacion .left p {
  color: #3c3c3b;
  text-align: center;
  font-family: "RobotoRegular";
  font-size: 18px;
  line-height: 30px;
}
.section-curso-completo .contenedor .cuerpo .puntuacion .right {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.section-curso-completo .contenedor .cuerpo .puntuacion .right h2 {
  font-family: "RobotoThin";
}
.section-curso-completo .contenedor .cuerpo .puntuacion .right h2 strong {
  font-family: "RobotoBold";
}
.section-curso-completo .contenedor .cuerpo .puntuacion .right p {
  color: #3c3c3b;
  text-align: center;
  font-family: "RobotoRegular";
  font-size: 18px;
  line-height: 30px;
}
.section-curso-completo .contenedor .cuerpo .mensaje {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.section-curso-completo .contenedor .cuerpo .mensaje h2 {
  color: #e61e50;
  text-align: center;
  font-family: "RobotoBold";
  font-size: 30px;
  line-height: 30px;
}
.section-curso-completo .contenedor .cuerpo .mensaje p {
  color: #0f69af;
  text-align: center;
  font-family: "RobotoRegular";
  font-size: 18px;
  line-height: 28px;
  max-width: 23rem;
}
.section-curso-completo .contenedor .cuerpo .mensaje a {
  border-radius: 5px;
  border: 1px solid #2dbecd;
  background: #2dbecd;
  color: #fff;
  text-align: center;
  font-family: "RobotoMedium";
  font-size: 15px;
  padding-block: 9px;
  width: 14rem;
}

body.logged-in .main-page-cursosmi {
  background-image: url("../../images/background-login.jpg") !important;
}
body.logged-in .main-page-cursosmi .main-front-page {
  padding-block: 40px;
}
body.logged-in .main-page-cursosmi .edit-perfil-and-courses .rigth-mi-perfil .personal-information form ul li:nth-child(2) {
  display: none;
}/*# sourceMappingURL=new-sensei.css.map */