/**
* Branding $COLORS*/
/*------------------------*\
|      $MIXINS
/*------------------------*/
html {
  font-size: 16px;
}

body {
  color: #1F2122;
  font-weight: normal;
  width: 100%;
  max-width: 100%;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

body,
html {
  max-width: 100%;
}

body,
.smooth-container {
  scroll-behavior: smooth;
}

.container {
  max-width: 1160px;
  padding-left: 15px;
  padding-right: 15px;
}

@media only screen and (max-width: 991px) {
  .container {
    padding-left: 22px;
    padding-right: 22px;
  }
}

.container-full {
  width: 100%;
  padding: 0 30px;
  max-width: 1520px;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {
  .container-full {
    padding: 0 15px;
  }
}

.container-small {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-small {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container-small {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container-small {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container-small {
    max-width: 990px;
  }
}

p {
  font-size: .94rem;
  line-height: 1.4;
  font-weight: normal;
  margin-top: 0;
  color: #1F2122;
}

@media only screen and (max-width: 768px) {
  p {
    font-size: 1rem;
  }
}

p b {
  font-weight: bold;
}

p a {
  text-decoration: underline;
}

figure {
  margin: 0;
}

.clear {
  clear: both;
}

.wow {
  visibility: hidden;
}

.fadein {
  opacity: 0;
}

.hidden_a {
  opacity: 0;
}

.visible {
  opacity: 1;
}

.wrapper {
  position: relative;
}

.wrapper.wrapper-home {
  padding-top: 148px;
}

.wrap {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: 0 2.5rem;
}

@media only screen and (max-width: 991px) {
  .wrap {
    padding: 0 2rem;
  }
}

@media only screen and (max-width: 768px) {
  .wrap {
    padding: 0 15px;
  }
}

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

.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}

.row.row-small {
  margin-right: -.6rem;
  margin-left: -.6rem;
}

.row.row-small > [class^="col-"],
.row.row-small > [class*=" col-"] {
  padding-right: .6rem;
  padding-left: .6rem;
}

.row.row-md {
  margin-right: -1.55rem;
  margin-left: -1.55rem;
}

.row.row-md > [class^="col-"],
.row.row-md > [class*=" col-"] {
  padding-right: 1.55rem;
  padding-left: 1.55rem;
}

.row.row-big {
  margin-right: -1.8rem;
  margin-left: -1.8rem;
}

.row.row-big > [class^="col-"],
.row.row-big > [class*=" col-"] {
  padding-right: 1.8rem;
  padding-left: 1.8rem;
}

@media only screen and (max-width: 768px) {
  .row.row-big {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row.row-big > [class^="col-"],
  .row.row-big > [class*=" col-"] {
    padding-right: 15px;
    padding-left: 15px;
  }
  .row.row-md {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row.row-md > [class^="col-"],
  .row.row-md > [class*=" col-"] {
    padding-right: 15px;
    padding-left: 15px;
  }
}

* {
  outline: none;
}

a,
button {
  transition: all 0.3s ease;
  cursor: pointer;
}

a {
  text-decoration: none;
  font-size: .94rem;
}

a:hover {
  text-decoration: none;
}

.titulo {
  font-size: 1.75rem;
  margin: 0 0 1.2rem;
  font-weight: 800;
}

.btn {
  font-size: .938rem;
  font-weight: bold;
  border-radius: 100px;
  height: 2.18rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5rem 1rem;
  color: #fff;
  background: #0AA4DA;
  min-width: 6.5rem;
  border: 1px solid #008CFF;
  transition: all .3s ease;
}

.btn:hover {
  background: #fff;
  border: 1px solid #008CFF;
  color: #004DFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.btn--blanco {
  background: #fff;
  color: #004DFF;
}

.btn--blanco:hover {
  background: #004DFF;
  color: #fff;
}

.btn--naranjo {
  background: #FF7900;
  color: #fff;
  border: 1px solid #FF7900;
}

.btn--naranjo:hover {
  border: 1px solid #e66d00;
  background: #e66d00;
  color: #fff;
}

.btn--naranjo2 {
  background: #fff;
  color: #FF7900;
  border: 1px solid #FF7900;
}

.btn--naranjo2:hover {
  border: 1px solid #004DFF;
  background: transparent;
  color: #004DFF;
}

.btn--azul {
  background: #004DFF;
  color: #fff;
  border: 1px solid #004DFF;
}

.btn--azul:hover {
  border: 1px solid #0045e6;
  background: #0045e6;
  color: #fff;
}

.btn--b-azul {
  border-color: #004DFF;
  color: #004DFF;
}

.btn--b-azul:hover {
  background: #004DFF;
  color: #fff;
}

.btn--b-negro {
  border: 1px solid #2E2F32;
  color: #2E2F32;
  background: #fff;
}

.btn--b-negro:hover {
  background: #2E2F32;
  color: #fff;
  border: 1px solid #2E2F32;
}

.btn-link {
  color: #008CFF;
  font-size: 1.125rem;
  font-weight: bold;
}

.btn-link img {
  margin-left: .2rem;
  transition: all .3s ease;
}

.btn-link:hover {
  text-decoration: underline;
}

.btn-link:hover img {
  transform: translateX(5px);
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

@media (max-width: 1500px) {
  html,
  body {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .animated,
  .animated-delay1,
  .animated-delay2,
  .animated-delay3,
  .animated-delay4,
  .wow {
    /*CSS transitions*/
    transition-property: none !important;
    /*CSS transforms*/
    transform: none !important;
    /*CSS animations*/
    animation: none !important;
    visibility: visible !important;
  }
}

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

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

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

.carrusel {
  position: relative;
}

.carrusel.con-nav {
  padding: 0;
}

.carrusel .tns-nav {
  text-align: center;
  margin-top: 20px;
}

.carrusel .tns-nav button {
  width: 10px;
  height: 10px;
  display: inline-block;
  border: 1px solid #C3C7CE;
  border-radius: 50%;
  margin: 0 8px;
  background: #C3C7CE;
  padding: 0;
}

.carrusel .tns-nav button.tns-nav-active {
  background: #FF7900;
  border-color: #FF7900;
}

.carrusel.gris button {
  border-color: #595959;
  background: transparent;
}

.carrusel.gris button.tns-nav-active {
  background: #595959;
  border-color: #595959;
}

.carrusel.blanco button {
  border-color: #fff;
  background: transparent;
}

.carrusel.blanco button.tns-nav-active {
  background: #fff;
  border-color: #fff;
}

.carrusel.azul button {
  background: transparent;
}

.carrusel.azul button.tns-nav-active {
  background: #008CFF;
  border-color: #008CFF;
}

.carrusel .tns-controls button {
  background: transparent;
  border-radius: 50%;
  font-size: 0;
  width: 46px;
  height: 46px;
  line-height: 40px;
  border: none;
  text-align: center;
  position: absolute;
  padding: 0;
  z-index: 10;
  top: 45%;
  transform: translateY(-50%);
}

.carrusel .tns-controls button:first-child {
  left: 0px;
  padding-right: 0px;
}

.carrusel .tns-controls button:last-child {
  right: 0px;
  padding-left: 0px;
}

.carrusel .tns-controls button:after {
  content: "";
  display: inline-block;
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  font-size: 20px;
  color: #fff;
}

.carrusel .tns-controls button:first-child:after {
  content: "\f053";
  padding-right: 0px;
}

.carrusel .tns-controls button:last-child:after {
  content: "\f054";
  padding-left: 0px;
}

.carrusel .tns-controls button:hover {
  opacity: 0.85;
}

@media only screen and (max-width: 640px) {
  .carrusel .tns-controls {
    display: none;
  }
  .carrusel .tns-controls button {
    width: 40px;
    height: 40px;
    line-height: 32px;
  }
  .carrusel .tns-controls button:after {
    font-size: 24px;
  }
  .carrusel .tns-controls button:first-child {
    left: -5px;
  }
  .carrusel .tns-controls button:last-child {
    right: -5px;
  }
}

.carrusel .tns-controls {
  display: none;
}

.carrusel.con-nav .tns-controls {
  display: block;
}

.slide-home .carrusel .tns-nav {
  position: absolute;
  left: 160px;
  bottom: 1em;
  z-index: 999;
}

@media only screen and (max-width: 1550px) {
  .slide-home .carrusel .tns-nav {
    left: 80px;
  }
}

.c-movil {
  overflow: hidden;
}

@media only screen and (max-width: 550px) {
  .c-movil {
    padding: 0 20px;
  }
  .c-movil .tns-ovh {
    overflow: visible;
  }
}

.js-accordion {
  margin: 0 auto;
}

.js-accordion-title {
  background: #fff;
  border-top: 0;
  cursor: pointer;
  display: block;
  padding: 1.08rem .8rem;
  width: 100%;
  font-family: "Nunito Sans", sans-serif;
  color: #8A8E96;
  font-size: .94rem;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
}

.js-accordion-title span {
  font-size: 1.1rem;
  color: #FF7900;
  font-weight: 800;
  display: inline-block;
  margin-right: .2rem;
}

.js-accordion-content {
  border-top: 0;
  height: 0;
  line-height: 1.5;
  overflow: hidden;
  transition: all .2s linear;
}

.accordion .item-ac {
  margin-bottom: .6rem;
}

.accordion .item-ac:nth-of-type(odd) {
  background: #fff;
}

.accordion .item-ac .button {
  position: relative;
}

.accordion .item-ac .button:after {
  content: "\f067";
  color: #FF7900;
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
}

.accordion .item-ac .button.activo {
  border: none;
}

.accordion .item-ac .button.activo:after {
  content: "\f068";
  font-size: .65em;
}

.accordion .item-ac .int-ac {
  background: none;
  margin-top: 0px;
  margin-bottom: 0px;
}

.accordion .item-ac .int-ac p {
  color: #8A8E96;
}

.accordion .item-ac .int-ac .c-ac {
  padding: 2rem 2rem;
}

.accordion .item-ac .int-ac .c-ac a {
  color: #1F2122;
}

@media only screen and (max-width: 640px) {
  .accordion .item-ac button {
    font-size: 1em;
  }
  .accordion .item-ac button:after {
    right: 10px;
  }
}

header {
  position: relative;
  padding-bottom: 45px;
}

@media only screen and (max-width: 991px) {
  header {
    position: sticky;
    width: 100%;
    top: 0;
    background: #fff;
    z-index: 999;
    padding-bottom: 0;
  }
}

header .head-top {
  padding: 1rem 0;
}

@media only screen and (max-width: 991px) {
  header .head-top {
    padding: .8rem 0;
  }
}

header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

header .container .btn-menu {
  display: none;
}

@media only screen and (max-width: 991px) {
  header .container .btn-menu {
    display: block;
    color: #1F2122;
    font-size: 2rem;
  }
}

header .logo img {
  vertical-align: bottom;
  width: 7rem;
}

header .menu-1 .navbar-brand {
  display: none;
}

header .menu-1 .navbar-toggler {
  display: none;
}

header .menu-1 ul {
  display: flex;
  margin: 0;
  list-style: none;
  margin: 0;
}

header .menu-1 ul li {
  margin: 0 .68rem;
}

header .menu-1 ul li a {
  color: #1F2122;
  font-weight: 700;
  font-size: .94rem;
}

header .menu-1 ul li a:hover {
  color: #FF7900;
}

@media only screen and (max-width: 991px) {
  header .menu-1 {
    display: none;
  }
}

header .botones-head a {
  margin-left: 1rem;
}

header .botones-head .user {
  color: #004DFF;
  font-size: .94rem;
  font-weight: 700;
  color: #004F9E;
  display: flex;
  align-items: center;
}

header .botones-head .user__txt {
  display: flex;
  flex-direction: column;
  text-align: right;
}

header .botones-head .user__txt a {
  color: #004F9E;
}

header .botones-head .user__txt .user-logout {
  font-size: .8rem;
  text-decoration: underline;
}

header .botones-head .user img {
  margin-left: .4rem;
  width: 26px;
  vertical-align: middle;
  margin-bottom: 1px;
  border-radius: 50%;
}

@media only screen and (max-width: 991px) {
  header .botones-head {
    display: none;
  }
}

header .menu-bottom {
  background: #ff9100;
  background: linear-gradient(90deg, #ff9100 0%, #e83420 100%);
  padding: 2px 0;
  height: 45px;
  position: absolute;
  bottom: 0;
  width: 100%;
}

header .menu-bottom.fijo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

header .menu-bottom.fijo .logo {
  display: block;
}

header .menu-bottom .logo {
  display: none;
}

header .menu-bottom .logo img {
  width: 79px;
}

@media only screen and (max-width: 991px) {
  header .menu-bottom {
    display: none;
  }
}

header .menu-bottom .menu-2 {
  width: 100%;
}

header .menu-bottom .menu-2 ul {
  text-align: right;
  list-style: none;
  margin: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

header .menu-bottom .menu-2 ul li a {
  color: #fff;
  font-size: .94rem;
  padding: .8rem;
  display: block;
}

.menu-mobile {
  overflow: hidden;
  opacity: 0;
  z-index: -1;
  display: none;
}

@media only screen and (max-width: 991px) {
  .menu-mobile {
    display: block;
    position: fixed;
    width: 400px;
    max-width: 100%;
    height: 100vh;
    background: #fff;
    z-index: 999;
    top: 0;
    right: 0;
    transform: translateX(100%);
    transition: all .3s ease;
  }
  .menu-mobile.visible {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
  }
  .menu-mobile .cerrar-menu {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
  }
  .menu-mobile ul {
    list-style: none;
    margin: 2rem 0 0;
    padding: 2rem;
  }
  .menu-mobile ul li {
    margin-bottom: 2rem;
  }
  .menu-mobile ul li a {
    font-size: 1.375rem;
    color: #1F2122;
    font-weight: 700;
  }
  .menu-mobile .botones {
    left: 0;
    width: 100%;
    display: flex;
  }
  .menu-mobile .botones .d-flex.gap-2.align-items-center {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .menu-mobile .botones .btn {
    width: 50%;
    margin: 0;
    border-radius: 0;
    padding: 1.5rem 1rem;
    height: auto;
    font-size: 1.375rem;
  }
}

.menu-mobile #widget-mobile {
  width: 100%;
}

.menu-mobile .user {
  font-size: .94rem;
  font-weight: 700;
  justify-content: flex-end;
  padding-left: 2rem;
  color: #004F9E;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  padding-bottom: 2rem;
}

.menu-mobile .user__txt {
  display: flex;
  flex-direction: column;
  text-align: text;
}

.menu-mobile .user__txt a {
  color: #004F9E;
}

.menu-mobile .user__txt .user-logout {
  font-size: .8rem;
  text-decoration: underline;
}

.menu-mobile .user img {
  margin-right: .4rem;
  width: 26px;
  vertical-align: middle;
  margin-bottom: 1px;
  border-radius: 50%;
}

.menu-mobile .navbar-brand {
  display: none;
}

.menu-mobile .navbar-toggler {
  display: none;
}

.w-registro .alert {
  width: 40rem;
  max-width: 100%;
  padding-top: 3rem;
  text-align: left;
}

.hero-home {
  margin-bottom: 2rem;
  overflow: hidden;
}

.hero-home .container {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .hero-home .container {
    flex-direction: column;
  }
}

.hero-home__txt {
  width: 50%;
  min-width: 50%;
}

@media only screen and (max-width: 768px) {
  .hero-home__txt {
    width: 100%;
    min-width: 100%;
    padding: 3rem 0 2rem;
  }
}

.hero-home__txt h1 {
  margin: 0;
  font-size: 3.13rem;
  font-weight: 800;
}

.hero-home__txt h1 span {
  color: #FF7900;
}

@media only screen and (max-width: 991px) {
  .hero-home__txt h1 {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 768px) {
  .hero-home__txt h1 {
    font-size: 2.3rem;
    text-align: center;
  }
}

.hero-home__img {
  width: 50%;
  min-width: 50%;
}

@media only screen and (max-width: 768px) {
  .hero-home__img {
    width: 100%;
    min-width: 100%;
  }
}

.hero-home__img img {
  width: 100%;
  transform: translateX(20%);
}

@media only screen and (max-width: 1200px) {
  .hero-home__img img {
    transform: translateX(0);
  }
}

.cursos {
  margin-bottom: 4rem;
}

@media only screen and (max-width: 550px) {
  .cursos .titulo {
    text-align: center;
  }
}

.cursos .container {
  position: relative;
}

.cursos .pato {
  position: absolute;
  right: 1rem;
  bottom: 3.1rem;
}

@media only screen and (max-width: 768px) {
  .cursos .pato {
    display: none;
  }
}

.cursos .pato img {
  width: 16rem;
}

.card-curso {
  display: flex;
  background: #F6EBD6;
  border-radius: 8px;
  padding: 1.25rem 2rem 1.25rem 1.25rem;
  height: 16rem;
  justify-content: space-between;
  margin-bottom: 3.1rem;
  transition: all .3s ease;
}

@media only screen and (max-width: 550px) {
  .card-curso {
    flex-direction: column-reverse;
    height: auto;
    margin-bottom: 2rem;
  }
}

.card-curso__txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 40%;
  min-width: 40%;
}

@media only screen and (max-width: 550px) {
  .card-curso__txt {
    width: 100%;
  }
}

.card-curso__txt h3 {
  margin: 0 0 .5rem;
  color: #343E46;
}

.card-curso__txt p {
  color: #343E46;
  font-size: .94rem;
}

.card-curso__txt a {
  font-size: .94rem;
  font-weight: 400;
  width: 8.125rem;
}

.card-curso__img {
  display: flex;
  align-items: center;
  width: 40%;
  min-width: 40%;
}

.card-curso__img img {
  max-width: 100%;
}

@media only screen and (max-width: 550px) {
  .card-curso__img {
    width: 100%;
    min-width: 100%;
    margin-bottom: 1rem;
  }
  .card-curso__img img {
    max-width: 157px;
  }
}

.card-curso:hover {
  background: #FAC02D;
}

.card-curso:hover .btn {
  background: #004DFF;
  border-color: #004DFF;
  box-shadow: 0px 6px 16px 0px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width: 550px) {
  .como-funciona .titulo {
    text-align: center;
    margin-bottom: 2.5rem;
  }
}

.grid-como-funciona {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  .grid-como-funciona {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.card-como-funciona {
  text-align: center;
  width: 14.62rem;
  padding: 0 2rem;
}

@media only screen and (max-width: 991px) {
  .card-como-funciona {
    margin-bottom: 2rem;
  }
}

.card-como-funciona__img {
  margin-bottom: .8rem;
  text-align: center;
}

.card-como-funciona__img img {
  height: 17.3rem;
  margin: 0 auto;
}

.card-como-funciona__txt h4 {
  margin: 0 0 .4rem;
  font-size: 1.25rem;
  font-weight: 800;
  line-height: 1.4;
}

.card-como-funciona__txt p {
  color: #8A8E96;
}

.card-como-funciona:first-child .card-como-funciona__img img {
  margin-right: -2rem;
}

.como-funciona {
  padding-bottom: 4rem;
}

.hero-home2 {
  background: #F2F5F6;
  padding: 2rem 0;
}

.hero-home2 .carrusel {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width: 768px) {
  .hero-home2 .carrusel {
    box-shadow: none;
  }
}

.hero-home2 .tns-nav {
  position: absolute;
  left: 1rem;
  bottom: 1.5rem;
}

@media only screen and (max-width: 768px) {
  .hero-home2 .tns-nav {
    bottom: auto;
    position: relative;
    margin-top: .5rem;
  }
}

.hero-home2 img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .hero-home2 img {
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.2);
    border-radius: 18px;
  }
}

.cursos-pensados {
  background: #F2F5F6;
  padding-bottom: 4.25rem;
}

.cursos-pensados .titulo {
  font-size: 2rem;
}

@media only screen and (max-width: 768px) {
  .cursos-pensados .titulo {
    font-size: 1.5rem;
  }
}

.cursos-pensados .card-curso-nuevo {
  background: #fff;
  display: flex;
  align-items: center;
  border-radius: 8px;
  padding: .6rem 1rem;
  color: #1F2122;
  font-size: 1.25rem;
  font-weight: 700;
}

.cursos-pensados .card-curso-nuevo:hover {
  color: #FF7900;
}

@media only screen and (max-width: 768px) {
  .cursos-pensados .card-curso-nuevo {
    margin-bottom: .5rem;
  }
}

.cursos-pensados .card-curso-nuevo img {
  height: 50px;
  width: auto;
  vertical-align: bottom;
  margin-right: 2rem;
}

.juega-comparte {
  padding: 3.5rem 0;
}

.juega-comparte .row {
  align-items: center;
}

.juega-comparte__img img {
  width: 100%;
}

.juega-comparte__txt {
  padding-left: 2rem;
}

@media only screen and (max-width: 768px) {
  .juega-comparte__txt {
    padding-left: 0;
    padding-top: 1rem;
  }
}

.juega-comparte__txt h2 {
  margin: 0 0 1.5rem;
  font-size: 2rem;
  font-weight: 800;
  color: #000;
  max-width: 400px;
}

@media only screen and (max-width: 768px) {
  .juega-comparte__txt h2 {
    font-size: 1.5rem;
  }
}

.juega-comparte__txt p {
  color: #636363;
  font-size: 1.125rem;
  margin-bottom: 2rem;
}

.juega-comparte__txt .btn {
  width: 200px;
}

.recomendados {
  background: #F2F5F6;
  padding: 2.5rem 0;
}

.recomendados .titulo {
  font-size: 2rem;
}

@media only screen and (max-width: 768px) {
  .recomendados .titulo {
    font-size: 1.5rem;
  }
}

.recomendados .card-consejo {
  background: #fff;
}

.recomendados .card-consejo__txt {
  padding-top: 1rem;
}

.recomendados .card-consejo .curso {
  color: #FF7900;
  font-size: 15px;
}

.hero-curso {
  padding: 1.875rem 0;
}

.hero-curso .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media only screen and (max-width: 768px) {
  .hero-curso .container {
    flex-direction: column-reverse;
  }
}

.hero-curso__txt {
  width: 23.75rem;
  min-width: 23.75rem;
}

.hero-curso__txt h3 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: normal;
}

.hero-curso__txt h1 {
  font-size: 2.8rem;
  font-weight: 800;
  color: #FF7900;
  margin: .3rem 0 .8rem;
}

.hero-curso__txt p {
  margin-bottom: 0;
  color: #343E46;
}

@media only screen and (max-width: 768px) {
  .hero-curso__txt {
    width: 100%;
    min-width: 100%;
    padding-bottom: 1rem;
  }
  .hero-curso__txt h3 {
    font-size: 1.25rem;
  }
  .hero-curso__txt h1 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
  .hero-curso__txt p {
    font-size: 1rem;
  }
}

.hero-curso__img img {
  max-width: 260px;
}

@media only screen and (max-width: 768px) {
  .hero-curso__img {
    width: 100%;
    min-width: 100%;
    text-align: left;
    margin-bottom: 1rem;
  }
  .hero-curso__img img {
    width: 40%;
    max-width: 300px;
    min-width: 164px;
  }
}

.card-consejo {
  margin-bottom: 3.125rem;
  display: block;
}

@media only screen and (max-width: 550px) {
  .card-consejo {
    margin-bottom: 2.5rem;
  }
}

.card-consejo__img {
  position: relative;
}

.card-consejo__img img {
  width: 100%;
}

.card-consejo__img span {
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
  background: #FF7900;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: absolute;
  right: .6rem;
  bottom: -1.3rem;
  transition: all .3s ease;
}

.card-consejo__txt {
  font-size: 1.25rem;
  border-left: 1px solid #E9EAEA;
  border-right: 1px solid #E9EAEA;
  border-bottom: 1px solid #E9EAEA;
  border-radius: 0 0 8px 8px;
  padding: 1.8rem 4rem .8rem .625rem;
}

.card-consejo__txt h3 {
  margin: 0 0 1.4rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #343E46;
  min-height: 4.5rem;
}

@media only screen and (max-width: 550px) {
  .card-consejo__txt h3 {
    font-size: 1.3rem;
  }
}

.card-consejo__txt .tiempo {
  font-size: .813rem;
  color: #343E46;
}

.card-consejo__txt .tiempo .fa-solid {
  margin-right: .2rem;
  font-size: .7rem;
}

@media only screen and (max-width: 550px) {
  .card-consejo__txt .tiempo {
    font-size: 1rem;
  }
}

.card-consejo:hover .card-consejo__img span {
  background: #004DFF;
}

.otros-cursos {
  background: #F5F5F5;
  padding: 2rem 0;
  margin-bottom: 0;
}

.diccionario {
  padding: 2rem 0;
}

.diccionario .letras {
  margin-bottom: 3.75rem;
}

@media only screen and (max-width: 1200px) {
  .diccionario .letras {
    overflow: auto;
    width: 100%;
  }
}

.diccionario .letras .w-letras {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
}

.diccionario .letras a {
  font-size: 1.3rem;
  display: inline-block;
  color: #8A8E96;
  margin: 0 .2rem;
  min-width: 2rem;
}

.diccionario .letras a.activo {
  width: 3.125rem;
  min-width: 3.125rem;
  height: 3.125rem;
  border-radius: 50%;
  background: #FF9100;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}

.diccionario .item-diccionario {
  margin-bottom: 2rem;
}

.diccionario .item-diccionario h3 {
  margin: 0 0 .2rem;
  font-size: .94rem;
  font-weight: 800;
}

.diccionario .item-diccionario p {
  color: #8A8E96;
  line-height: 1.5;
}

.item-faq-detalle {
  margin-bottom: 2rem;
}

.item-faq-detalle h3 {
  margin: 0 0 .2rem;
  font-size: .94rem;
  font-weight: 800;
}

.item-faq-detalle p {
  color: #8A8E96;
  line-height: 1.5;
}

.panel-diccionario {
  display: none;
}

.panel-diccionario.visible {
  display: block;
}

.presupuesto {
  padding: 2.18rem 0;
}

.presupuesto .titulo {
  margin-bottom: 2rem;
}

.presupuesto h5 {
  font-size: .94rem;
  margin: 0 0 .5rem;
  font-weight: 800;
}

@media only screen and (max-width: 550px) {
  .presupuesto h5 {
    font-size: 1rem;
  }
}

.presupuesto p {
  color: #8A8E96;
  margin-bottom: 1.5rem;
}

.presupuesto p.rojo {
  color: #FF2318;
}

.acordeon {
  padding-top: 2rem;
}

.acordeon h5 {
  margin-bottom: 1.8rem;
}

.acordeon .accordion .item-ac {
  padding: 0 5rem;
}

@media only screen and (max-width: 991px) {
  .acordeon .accordion .item-ac {
    padding: 0;
  }
}

.franja-descargar {
  background: #E6E7E8;
  text-align: center;
  padding: 1.5rem 0;
}

.franja-descargar p {
  max-width: 23.75rem;
  margin: 0 auto 1rem;
}

.franja-descargar .btn {
  width: 14.37rem;
  font-size: .93rem;
  font-weight: 400;
}

.recomendaciones {
  background: #F2F5F6;
  padding: 3.5rem 0;
}

.recomendaciones-head {
  padding: 0 5rem;
  margin-bottom: 3.5rem;
}

@media only screen and (max-width: 991px) {
  .recomendaciones-head {
    padding: 0;
  }
}

.recomendaciones h3 {
  color: #1F2122;
  margin: 0 0 1rem;
  font-weight: 700;
  font-size: .94rem;
}

@media only screen and (max-width: 768px) {
  .recomendaciones h3 {
    font-size: 1rem;
  }
}

.recomendaciones p {
  color: #8A8E96;
}

.item-recomendacion {
  display: flex;
  margin-bottom: 2rem;
}

@media only screen and (max-width: 768px) {
  .item-recomendacion {
    flex-direction: column;
  }
}

.item-recomendacion__img {
  width: 10rem;
  min-width: 10rem;
  text-align: center;
}

.item-recomendacion__img img {
  max-width: 100%;
}

@media only screen and (max-width: 768px) {
  .item-recomendacion__img {
    margin-bottom: .6rem;
  }
}

.item-recomendacion__txt {
  padding-left: 1rem;
}

.item-recomendacion__txt h4 {
  margin: 0 0 .5rem;
  font-size: .94rem;
  font-weight: 800;
}

.item-recomendacion__txt p {
  color: #8A8E96;
}

@media only screen and (max-width: 768px) {
  .item-recomendacion__txt {
    padding-left: 0;
  }
}

.consejo .container {
  display: flex;
}

.consejo .redes-movil {
  display: none;
}

@media only screen and (max-width: 550px) {
  .consejo .redes-movil {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-around;
    bottom: 3rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(3rem);
    transition: all .3s ease;
  }
  .consejo .redes-movil.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .consejo .redes-movil a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.2rem;
  }
  .consejo .redes-movil a:nth-child(1) {
    background: #003396;
  }
  .consejo .redes-movil a:nth-child(2) {
    background: #009afb;
  }
  .consejo .redes-movil a:nth-child(3) {
    background: #2467c9;
  }
  .consejo .redes-movil a:nth-child(4) {
    background: #1e991c;
  }
  .consejo .redes-movil a:nth-child(5) {
    background: #fff;
    color: #bbb;
    border: 1px solid #bbb;
  }
}

.consejo .compartir-consejo {
  display: none;
}

@media only screen and (max-width: 550px) {
  .consejo .compartir-consejo {
    display: block;
    position: absolute;
    bottom: -4px;
    color: #8A8E96;
    font-size: 1.6rem;
    right: 1rem;
    cursor: pointer;
  }
}

@media only screen and (max-width: 991px) {
  .consejo {
    position: relative;
  }
  .consejo:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 32rem;
    background: #fff;
  }
  .consejo .container {
    flex-direction: column-reverse;
  }
  .consejo .container .consejo__izq {
    width: 100%;
    padding: 3rem 0;
    transition: all .3s ease;
  }
}

@media only screen and (max-width: 991px) and (max-width: 550px) {
  .consejo .container .consejo__izq {
    padding-top: 1rem;
  }
}

@media only screen and (max-width: 991px) {
  .consejo .container .consejo__der {
    width: 100%;
    padding-right: 0;
    padding-bottom: 1rem;
    background: #fff;
    transition: all .3s ease;
  }
}

@media only screen and (max-width: 991px) and (max-width: 550px) {
  .consejo .container .consejo__der {
    background: #fff;
  }
}

@media only screen and (max-width: 991px) {
  .consejo .container .consejo__der .w-carrusel {
    width: 385px;
    padding: 0;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
  }
}

@media only screen and (max-width: 991px) and (max-width: 550px) {
  .consejo .container .consejo__der .w-carrusel {
    background: #fff;
  }
}

@media only screen and (max-width: 991px) {
  .consejo .container .consejo__der .w-carrusel .slide-consejo {
    height: 31rem;
  }
}

@media only screen and (max-width: 991px) and (max-width: 550px) {
  .consejo .container .consejo__der .w-carrusel .slide-consejo {
    height: auto;
  }
}

@media only screen and (max-width: 550px) {
  .consejo .container .consejo__der {
    margin: 0 -22px;
    width: auto;
  }
}

.consejo.tipo2 {
  position: relative;
}

.consejo.tipo2:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 32rem;
  background: #F2F5F6;
}

.consejo.tipo2 .container {
  flex-direction: column-reverse;
}

.consejo.tipo2 .container .consejo__izq {
  width: 100%;
  padding: 3rem 0;
}

.consejo.tipo2 .container .consejo__der {
  width: 100%;
  padding-right: 0;
  padding-bottom: 1rem;
  background: #F2F5F6;
}

.consejo.tipo2 .container .consejo__der .w-carrusel {
  width: 385px;
  padding: 0;
  max-width: 100%;
  margin: 0 auto;
}

.consejo.tipo2 .container .consejo__der .w-carrusel .slide-consejo {
  height: 31rem;
}

.consejo.tipo2 .ver-columna img {
  transform: rotate(-90deg);
}

.consejo.tipo3 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: #343E46;
}

.consejo.tipo3 .consejo__izq {
  display: none;
}

.consejo.tipo3 .consejo__der {
  width: 100%;
  padding-right: 0;
  padding-bottom: 1rem;
  background: transparent;
}

.consejo.tipo3 .consejo__der .w-carrusel {
  width: 385px;
  padding: 0;
  max-width: 100%;
  margin: 0 auto;
  background: transparent;
  border: none;
}

.consejo.tipo3 .consejo__der .w-carrusel .slide-consejo {
  height: 31rem;
}

.consejo.tipo3 .consejo__der .curso-tag {
  display: block;
  color: #fff;
  text-align: left;
  padding-top: 2rem;
  font-size: .94rem;
  margin-bottom: .5rem;
}

.consejo.tipo3 .consejo__der .titulo-full {
  color: #fff;
  display: block;
  text-align: left;
  font-weight: 700;
  font-size: .94rem;
}

.consejo.tipo3 .consejo__der .botones {
  top: 50%;
  transform: translateY(-50%);
}

.consejo.tipo3 .consejo__der .botones a {
  color: #fff;
  border-color: #fff;
}

.consejo.tipo3 .ver-fullscreen .img-1 {
  display: none;
}

.consejo.tipo3 .ver-fullscreen .img-2 {
  display: block;
}

.consejo .consejo__izq {
  width: 50%;
  min-width: 50%;
  padding: 3.125rem 3rem 6rem 0;
  transition: all .3s ease;
}

.consejo .consejo__der {
  width: 50%;
  min-width: 50%;
  padding-right: 3.75rem;
  position: relative;
  transition: all .3s ease;
}

.consejo .consejo__der .curso-tag {
  display: none;
}

.consejo .consejo__der .titulo-full {
  display: none;
}

.consejo .consejo-meta {
  display: flex;
}

@media only screen and (max-width: 550px) {
  .consejo .consejo-meta {
    flex-direction: column;
  }
}

.consejo .consejo-meta .curso-tag {
  font-size: .94rem;
  font-weight: 700;
  color: #FF7900;
  margin-right: 1rem;
}

@media only screen and (max-width: 550px) {
  .consejo .consejo-meta .curso-tag {
    display: block;
    margin-bottom: .8rem;
  }
}

.consejo .consejo-meta .tiempo {
  font-size: .813rem;
}

@media only screen and (max-width: 550px) {
  .consejo .consejo-meta .tiempo {
    display: block;
    margin-bottom: .8rem;
  }
}

.consejo .consejo-meta .tiempo .fa-solid {
  margin-right: .1rem;
  font-size: .7rem;
}

.consejo .ver-fullscreen .img-1 {
  display: block;
}

.consejo .ver-fullscreen .img-2 {
  display: none;
}

.consejo h1 {
  font-size: 1.75rem;
  margin: .5rem 0;
  font-weight: 800;
}

.consejo p {
  line-height: 1.6;
}

.consejo h3 {
  font-size: .94rem;
  color: #000;
  margin: 0 0 .7rem;
}

.consejo .diccionario-curso {
  border-top: 1px solid #E6E7E8;
  border-bottom: 1px solid #E6E7E8;
  padding: 1rem 0;
  margin-bottom: 1rem;
}

.consejo .diccionario-curso a {
  display: block;
  color: #004DFF;
  font-size: .94rem;
  margin-bottom: .7rem;
}

.consejo .diccionario-curso a:last-child {
  margin-bottom: 0;
}

.consejo .tags-curso ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.consejo .tags-curso a {
  display: inline-block;
  color: #fff;
  background: #004DFF;
  font-weight: 700;
  font-size: .94rem;
  padding: .4rem .6rem;
  border-radius: 2px;
  margin-right: .5rem;
  margin-bottom: .5rem;
}

.consejo .tags-curso span {
  display: inline-block;
  color: #fff;
  background: #004DFF;
  font-weight: 400;
  font-size: .94rem;
  padding: .3rem .6rem;
  border-radius: 0px;
  margin-right: .5rem;
  margin-bottom: .5rem;
  white-space: nowrap;
}

.consejo .w-carrusel {
  background: #fff;
  text-align: center;
  padding: 0 4rem;
  height: 100%;
  border-left: 1px solid #e6e7e8;
}

@media only screen and (max-width: 991px) {
  .consejo .w-carrusel {
    border: none;
  }
}

@media only screen and (max-width: 1200px) {
  .consejo .w-carrusel {
    padding: 0 2rem;
  }
}

.consejo .w-carrusel .slide-consejo {
  background: #F2F5F6;
  padding: 0;
  text-align: center;
  min-height: 0;
  position: relative;
}

.consejo .w-carrusel .slide-consejo p {
  font-size: .95rem;
  color: #fff;
  margin-bottom: 1.5rem;
}

.consejo .w-carrusel .slide-consejo ul {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
  text-align: left;
}

.consejo .w-carrusel .slide-consejo ul li {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-bottom: .7rem;
  position: relative;
  padding-left: 1.6rem;
}

.consejo .w-carrusel .slide-consejo ul li:before {
  font-family: FontAwesome;
  content: "\f00c";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  font-size: .6rem;
  color: #fff;
  margin-right: .4rem;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: .2rem;
  width: 1rem;
  height: 1rem;
  background: #FF7900;
  border-radius: 50%;
}

.consejo .w-carrusel .slide-consejo img {
  max-width: 100%;
}

.consejo .w-carrusel .slide-consejo.bg-azul {
  background: #004F9E;
}

.consejo .w-carrusel .slide-consejo.bg-azul p {
  color: #fff;
}

.consejo .w-carrusel .slide-consejo.bg-azul ul {
  color: #fff;
}

.consejo .w-carrusel .slide-consejo__img {
  padding: 0;
}

.consejo .w-carrusel .slide-consejo__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}

.consejo .w-carrusel .slide-consejo__txt {
  position: absolute;
  top: 15px;
  width: 100%;
  left: 0;
  padding: 2rem;
}

.consejo .w-carrusel .slide-consejo__txt h5 {
  color: #fff;
  font-size: .95rem;
  margin-bottom: 2rem;
  font-weight: normal;
  line-height: 1.4;
  padding: 0 2rem;
}

.consejo .w-carrusel .slide-consejo .btn-comenzar {
  border-color: #004DFF;
  min-width: 200px;
  background: #004DFF;
  margin-top: 3rem;
}

.consejo .w-carrusel .slide-consejo--comenzar {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.consejo .w-carrusel .slide-consejo--comenzar p {
  color: #00B3AE;
  font-size: 1.25rem;
  margin-bottom: 2rem;
  font-weight: 800;
  line-height: 1.4;
  padding: 0 2rem;
}

.consejo .carrusel .tns-nav {
  display: none;
}

@media only screen and (max-width: 768px) {
  .consejo .carrusel .tns-nav {
    display: block;
    text-align: left;
    padding-left: 1rem;
  }
  .consejo .carrusel .tns-nav button {
    margin: 0 4px;
    background: #d3d3d3;
    border-color: #fff;
  }
  .consejo .carrusel .tns-nav button.tns-nav-active {
    background: #FF7900;
    border-color: #FF7900;
  }
}

.consejo .carrusel .tns-controls {
  text-align: center;
  position: absolute;
  display: flex;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  justify-content: center;
}

@media only screen and (max-width: 768px) {
  .consejo .carrusel .tns-controls {
    display: none;
  }
}

.consejo .carrusel .tns-controls button {
  width: 1.9rem;
  height: 1.9rem;
  border: 1px solid #ddd;
  background: #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  transform: none;
  margin: 0 .3rem;
}

.consejo .carrusel .tns-controls button:first-child {
  left: -2.3rem;
}

.consejo .carrusel .tns-controls button:last-child {
  right: -2.3rem;
}

.consejo .carrusel .tns-controls button:hover {
  background: #004DFF;
  color: #eee;
}

.consejo .carrusel .tns-controls button:disabled {
  opacity: .4;
}

.consejo .carrusel .tns-controls button:after {
  color: #fff;
  font-size: .8rem;
}

.consejo .carrusel:hover .tns-controls button {
  background: #004DFF;
}

.consejo .carrusel:hover .tns-controls button:first-child {
  left: 2px;
}

.consejo .carrusel:hover .tns-controls button:last-child {
  right: 2px;
}

.consejo .botones {
  position: absolute;
  right: 0;
  top: 2.5rem;
}

@media only screen and (max-width: 550px) {
  .consejo .botones {
    display: none;
  }
}

.consejo .botones .redes {
  margin-bottom: 3rem;
}

.consejo .botones .redes a {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  border: 1px solid #1F2122;
  color: #1F2122;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .8rem;
}

.consejo .botones .redes a:hover {
  background: #1F2122;
  color: #fff;
}

.consejo .botones .acciones a {
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: #1F2122;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: .8rem;
}

.consejo .botones .acciones a:hover {
  background: #FF7900;
  color: #fff;
}

.registro {
  display: flex;
  position: relative;
}

.registro form {
  display: block;
  width: 100%;
}

.registro > .container {
  display: flex;
  justify-content: flex-end;
}

.registro .c-registro {
  display: flex;
  justify-content: flex-end;
}

.registro__izq {
  width: 30%;
  min-width: 30%;
  position: absolute;
  left: 0;
  height: 100%;
}

.registro__izq img {
  vertical-align: bottom;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 991px) {
  .registro__izq {
    display: none;
  }
}

.registro__der {
  padding-left: 0;
  text-align: center;
  padding-bottom: 4rem;
  width: 60%;
  min-height: calc(100vh - 200px);
}

@media only screen and (max-width: 991px) {
  .registro__der {
    padding-left: 0;
    width: 100%;
  }
}

.registro__der.tipo2 {
  padding-left: 0;
  width: 70%;
}

@media only screen and (max-width: 991px) {
  .registro__der.tipo2 {
    width: 100%;
  }
}

.registro__der .w-form {
  max-width: 850px;
}

@media only screen and (max-width: 991px) {
  .registro__der .w-form {
    max-width: 100%;
    padding: 0 1rem 4rem;
  }
}

.registro__der nav {
  display: flex;
  justify-content: flex-end;
  padding-right: 0rem;
  padding-top: 1.5rem;
  text-align: right;
}

@media only screen and (max-width: 991px) {
  .registro__der nav {
    display: none;
  }
}

.registro__der nav ul {
  display: flex;
  margin: 0;
  list-style: none;
}

.registro__der nav ul li {
  border-right: 1px solid #E9EAEA;
}

.registro__der nav ul li:last-child {
  border: none;
}

.registro__der nav ul li a {
  font-weight: 700;
  color: #8A8E96;
  font-size: .94rem;
  display: block;
  padding: .5rem 1rem;
}

.registro__der .logo {
  margin-bottom: 2.8rem;
  display: block;
}

@media only screen and (max-width: 991px) {
  .registro__der .logo {
    display: none;
  }
}

.registro__der .w-registro {
  width: 40rem;
  max-width: 100%;
  padding-top: 3rem;
  text-align: left;
}

@media only screen and (max-width: 991px) {
  .registro__der .w-registro {
    margin: 0 auto;
  }
}

.registro__der .w-login {
  width: 18.125rem;
  max-width: 100%;
  padding-top: 3rem;
  margin: 0 auto;
  text-align: center;
}

.registro__der .w-login .logo {
  width: 8.8rem;
  margin: 0 auto 2rem;
}

.registro__der .w-login .logo img {
  width: 100%;
}

.registro__der .w-login .form-submit {
  text-align: center;
}

.registro__der h1 {
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  .registro__der h1 {
    text-align: center;
  }
}

.registro__der .form-submit {
  text-align: right;
  margin-top: 1rem;
}

.registro__der .form-submit .btn {
  width: 14.25rem;
  font-weight: normal;
}

@media only screen and (max-width: 768px) {
  .registro__der .form-submit {
    text-align: center;
  }
  .registro__der .form-submit .btn {
    margin: 0 auto;
  }
}

.registro__der.tipo3 {
  padding-left: 0;
  text-align: left;
  padding-top: 1rem;
  min-height: 100vh;
  position: relative;
  width: 100%;
}

.registro__der.tipo3:after {
  content: "";
  display: block;
  width: 40%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #F6EBD6;
}

@media only screen and (max-width: 991px) {
  .registro__der.tipo3:after {
    display: none;
  }
}

.registro__der.tipo3 .w-form {
  max-width: 100%;
}

@media only screen and (max-width: 991px) {
  .registro__der.tipo3 .w-form .logo {
    display: block;
  }
}

.registro__der.tipo3 .w-login {
  width: 60%;
  margin: 0;
  position: relative;
}

.registro__der.tipo3 .w-login .flecha-volver {
  position: absolute;
  top: -5rem;
  right: 1rem;
}

@media only screen and (max-width: 768px) {
  .registro__der.tipo3 .w-login .flecha-volver {
    top: -6rem;
    right: 0rem;
  }
}

@media only screen and (max-width: 991px) {
  .registro__der.tipo3 .w-login {
    width: 100%;
  }
}

.registro__der.tipo3 h2 {
  font-size: 1.25rem;
  margin: 0 auto 1.2rem;
  color: #343E46;
  font-weight: 700;
  width: 18.12rem;
  text-align: center;
}

.registro__der.tipo3 .form-group {
  width: 18.12rem;
  margin: 0 auto 1rem;
}

.registro__der.tipo3 .form-submit {
  width: 18.12rem;
  margin: 0 auto;
  text-align: center;
}

.registro__der.tipo3 .form-submit .btn {
  display: block;
  margin: 0 auto 1rem;
  width: 14rem;
}

.registro .separador {
  display: flex;
  align-items: center;
  margin: 1.5rem 0 1.2rem;
}

.registro .separador:before {
  content: "";
  width: 50%;
  height: 1px;
  border-top: 1px solid #C3C7CE;
  display: inline-block;
}

.registro .separador:after {
  content: "";
  width: 50%;
  height: 1px;
  border-top: 1px solid #C3C7CE;
  display: inline-block;
}

.registro .separador span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #C3C7CE;
  display: inline-block;
  margin: 0 .5rem;
}

.registro .no-cuenta h4 {
  margin: 0 0 1rem;
  font-size: 1.25rem;
}

.registro .no-cuenta .btn {
  width: 14.25rem;
  font-weight: normal;
}

.registro .bg-login-registro {
  width: 42%;
  background: #F6EBD6;
}

.formulario .form-group {
  margin-bottom: 1.6rem;
  text-align: left;
  position: relative;
}

.formulario .maximo {
  color: #FF4E04;
  font-size: .8rem;
  font-style: italic;
  font-weight: 300;
  position: absolute;
  right: 0;
  top: 0;
}

.formulario label {
  display: block;
  font-size: .94rem;
  color: #000;
  font-weight: 700;
  margin-bottom: .3rem;
  text-align: left;
}

.formulario input {
  width: 100%;
  padding: .65rem .8rem;
  border: 1px solid #C3C7CE;
  border-radius: 4px;
  font-size: .94rem;
}

.formulario textarea {
  width: 100%;
  padding: .65rem .8rem;
  border: 1px solid #C3C7CE;
  border-radius: 4px;
  font-size: .94rem;
  height: 6.25rem;
}

.formulario select {
  width: 100%;
  padding: .65rem .8rem;
  border: 1px solid #C3C7CE;
  border-radius: 4px;
  appearance: none;
  background-repeat: no-repeat;
  background-image: url("../images/bg-select.svg");
  background-size: 10px auto;
  background-position: 96% center;
  background-color: transparent;
  font-size: .94rem;
}

.formulario .btn--naranjo2 {
  width: 14.25rem;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .formulario .btn--naranjo2 {
    width: 100%;
    margin-top: 1rem;
  }
}

.formulario .btn--naranjo2 a {
  color: #FF7900;
  display: block;
  width: 100%;
  padding: 0.5rem 1rem;
}

.formulario .btn--naranjo2:visited {
  color: #FF7900;
}

.formulario .form-submit {
  text-align: right;
  margin-top: 1rem;
}

.formulario .form-submit .btn {
  width: 11.5rem;
  font-weight: normal;
}

.formulario .form-submit .btn--naranjo {
  width: 14.25rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 768px) {
  .formulario .form-submit {
    text-align: center;
  }
  .formulario .form-submit .btn {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 550px) {
  .formulario .form-submit {
    text-align: center;
  }
  .formulario .form-submit .btn {
    width: 100%;
  }
}

.inscribe {
  padding: 3.75rem 0;
}

.inscribe .inscribe__txt {
  width: 20.6rem;
  max-width: 100%;
}

@media only screen and (max-width: 991px) {
  .inscribe .inscribe__txt {
    margin-bottom: 2rem;
  }
}

.inscribe .inscribe__txt .titulo {
  font-weight: 700;
}

.inscribe .inscribe__txt p {
  line-height: 1.6;
  color: #343E46;
}

.faq {
  padding: 2.2rem 0;
}

.faq__header {
  width: 19.625rem;
  margin-bottom: 4rem;
}

.faq__header .titulo {
  margin-bottom: .5rem;
}

@media only screen and (max-width: 768px) {
  .faq__header .titulo {
    margin-bottom: 1.1rem;
  }
}

.faq .item-faq {
  margin-bottom: 3rem;
}

.faq .item-faq h3 {
  margin: 0 0 .7rem;
  font-size: 1.25rem;
  font-weight: 700;
}

.faq .item-faq a {
  font-size: .94rem;
  color: #343E46;
  display: block;
  margin-bottom: .9rem;
  padding-left: 1rem;
  position: relative;
  line-height: 1.4;
  font-weight: 300;
}

.faq .item-faq a:hover {
  color: #FF7900;
}

@media only screen and (max-width: 550px) {
  .faq .item-faq a {
    font-size: 1rem;
  }
}

.faq .item-faq a:before {
  font-family: FontAwesome;
  content: "\f054";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
  font-size: .6rem;
  color: #FF7900;
  margin-right: .4rem;
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  left: 0;
  top: .2rem;
}

.faq .item-faq .ver-todas {
  color: #FF7900;
  text-decoration: underline;
  display: inline-block;
}

.faq .item-faq .ver-todas:before {
  display: none;
}

.mi-panel {
  padding: 2rem 0;
}

.mi-panel .container {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  .mi-panel .container {
    flex-direction: column-reverse;
  }
}

.mi-panel__izq {
  width: 68%;
  min-width: 68%;
}

@media only screen and (max-width: 991px) {
  .mi-panel__izq {
    width: 100%;
    min-width: 100%;
  }
}

.mi-panel__der {
  width: 28%;
  min-width: 28%;
  border-left: 1px solid #E9EAEA;
  padding-left: 3.5rem;
}

@media only screen and (max-width: 991px) {
  .mi-panel__der {
    width: 100%;
    min-width: 100%;
    padding-left: 0;
    border: none;
    border-bottom: 1px solid #E9EAEA;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
}

.mi-panel .recomendamos h2 {
  font-size: 1.3rem;
  margin: 0 0 1rem;
  font-weight: 800;
}

@media only screen and (max-width: 768px) {
  .mi-panel .recomendamos .w-carrusel .carrusel {
    padding-right: 0;
  }
}

.mi-panel .recomendamos .w-carrusel .carrusel .tns-controls {
  display: block;
}

.mi-panel .recomendamos .w-carrusel .carrusel .tns-controls button {
  background: #fff;
  color: #FF7900;
  padding-top: .2rem;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.mi-panel .recomendamos .w-carrusel .carrusel .tns-controls button:nth-child(1) {
  left: -1.5rem;
}

@media only screen and (max-width: 550px) {
  .mi-panel .recomendamos .w-carrusel .carrusel .tns-controls button:nth-child(1) {
    left: -1rem;
  }
}

.mi-panel .recomendamos .w-carrusel .carrusel .tns-controls button:nth-child(2) {
  right: -1.5rem;
}

@media only screen and (max-width: 550px) {
  .mi-panel .recomendamos .w-carrusel .carrusel .tns-controls button:nth-child(2) {
    right: -1rem;
  }
}

.mi-panel .recomendamos .w-carrusel .carrusel .tns-controls button:disabled {
  display: none;
}

.mi-panel .recomendamos .w-carrusel .carrusel .tns-controls button:after {
  color: #FF7900;
}

.mi-panel .recomendamos .w-carrusel .carrusel .tns-ovh {
  padding-right: 6rem;
  overflow: hidden;
}

@media only screen and (max-width: 550px) {
  .mi-panel .recomendamos .w-carrusel .carrusel .tns-ovh {
    padding-right: 0;
  }
}

.mi-panel .recomendamos .card-curso2__head {
  font-size: .94rem;
  color: #fff;
  padding: .25rem .3rem;
}

.mi-panel .recomendamos .card-curso2__img img {
  width: 100%;
  vertical-align: bottom;
}

.mi-panel .recomendamos .card-curso2__body {
  border: 1px solid #E9EAEA;
  border-bottom: none;
  padding: .6rem .6rem .8rem;
  text-align: left;
}

.mi-panel .recomendamos .card-curso2__body h3 {
  color: #343E46;
  margin: 0 0 .4rem;
  font-weight: 700;
  min-height: 3rem;
}

.mi-panel .recomendamos .card-curso2__body h3 a {
  color: #343E46;
}

.mi-panel .recomendamos .card-curso2__body .tiempo {
  font-size: .813rem;
  color: #343E46;
}

.mi-panel .recomendamos .card-curso2__body .tiempo .fa-solid {
  margin-right: .2rem;
  font-size: .7rem;
}

@media only screen and (max-width: 550px) {
  .mi-panel .recomendamos .card-curso2__body .tiempo {
    font-size: 1rem;
  }
}

.mi-panel .recomendamos .card-curso2__footer {
  border: 1px solid #E9EAEA;
  border-top: none;
  border-radius: 0px 0px 8px 8px;
  background: #F2F5F6;
  padding: .4rem .62rem .7rem;
  display: flex;
  align-items: center;
  height: 68px;
}

.mi-panel .recomendamos .card-curso2__footer img {
  margin-right: .7rem;
  max-width: 3rem;
}

.mi-panel .recomendamos .card-curso2__footer p {
  margin: 0;
  font-size: .813rem;
  color: #8A8E96;
  text-align: left;
}

.mi-panel .recomendamos .card-curso2__footer p span {
  display: block;
  color: #FF7900;
  font-weight: 700;
}

.mi-panel .recomendamos .card-curso2.verde .card-curso2__head {
  background: #06C47B;
}

.mi-panel .recomendamos .card-curso2.amarillo .card-curso2__head {
  background: #FFB600;
}

.mi-panel .aprobados {
  border-top: 1px solid #E9EAEA;
  padding-top: 1.5rem;
  margin-top: 1rem;
}

.mi-panel .aprobados h2 {
  font-size: 1.3rem;
  margin: 0 0 1rem;
  font-weight: 800;
}

.mi-panel .aprobados h2 span {
  width: 25px;
  height: 25px;
  font-size: .94rem;
  color: #fff;
  font-weight: 700;
  background: #FF7900;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: .2rem;
}

.mi-panel .aprobados .card-aprobado {
  display: flex;
  border-radius: 8px;
  width: 100%;
  margin-bottom: 1.5rem;
}

.mi-panel .aprobados .card-aprobado__img {
  width: 9.3rem;
}

.mi-panel .aprobados .card-aprobado__img img {
  width: 100%;
  vertical-align: bottom;
}

@media only screen and (max-width: 550px) {
  .mi-panel .aprobados .card-aprobado__img {
    width: 120px;
    min-width: 120px;
  }
}

.mi-panel .aprobados .card-aprobado__txt {
  display: flex;
  flex-grow: 1;
  padding: 1rem;
  justify-content: space-between;
  border: 1px solid #EAEBEC;
  border-radius: 0 8px 8px 0;
}

@media only screen and (max-width: 550px) {
  .mi-panel .aprobados .card-aprobado__txt {
    flex-direction: column;
  }
}

@media only screen and (max-width: 550px) {
  .mi-panel .aprobados .card-aprobado__txt1 {
    width: 100%;
    min-width: 100%;
  }
}

.mi-panel .aprobados .card-aprobado__txt1 h4 {
  margin: 0 0 .7rem;
  color: #1F2122;
  font-size: .94rem;
  font-weight: 700;
}

.mi-panel .aprobados .card-aprobado__txt1 .fecha {
  color: #8A8E96;
  font-size: .813rem;
  margin-bottom: .8rem;
}

.mi-panel .aprobados .card-aprobado__txt1 .curso {
  color: #8A8E96;
  font-size: .813rem;
}

.mi-panel .aprobados .card-aprobado__txt2 {
  border-left: 1px solid #EAEBEC;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 1rem;
}

@media only screen and (max-width: 550px) {
  .mi-panel .aprobados .card-aprobado__txt2 {
    border: none;
    margin-top: 1rem;
    text-align: left;
    padding-left: 0;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.mi-panel .aprobados .card-aprobado__txt2 p {
  color: #06C47B;
  margin: 0;
}

.mi-panel .aprobados .card-aprobado__txt2 .valor {
  font-size: 2.25rem;
  color: #06C47B;
  font-weight: 800;
  line-height: 1;
}

.mi-panel .aprobados .card-aprobado__txt2 .valor span {
  font-size: 1.8rem;
}

.mi-panel .nivel {
  text-align: center;
}

.mi-panel .nivel h2 {
  font-size: 1.3rem;
  margin: 0 0rem;
  font-weight: 800;
  color: #1F2122;
}

.mi-panel .nivel .valor-nivel {
  font-size: 1.3rem;
  margin: 0 0 1rem;
  font-weight: 800;
}

.mi-panel .nivel .valor-nivel.amarillo {
  color: #FFB600;
}

.mi-panel .nivel .valor-nivel.rojo {
  color: #EB344C;
}

.mi-panel .nivel .valor-nivel.verde {
  color: #06C47B;
}

.mi-panel .nivel .cursos-completados {
  text-align: left;
  margin-top: 1rem;
}

.mi-panel .nivel .cursos-completados h3 {
  margin: 0;
  font-size: .94rem;
  color: #1F2122;
}

.mi-panel .nivel .cursos-completados .item-cc {
  font-size: .94rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .4rem;
}

.mi-panel .nivel .cursos-completados .item-cc span {
  color: #8A8E96;
}

.mi-panel .nivel .pie-chart {
  width: 115px;
  height: 115px;
  margin: 0 auto 2rem;
  border-radius: 50%;
  background: linear-gradient(to right, #C3C7CE 50%, #FFB600 0);
  position: relative;
}

.mi-panel .nivel .pie-chart.rojo {
  background: linear-gradient(to right, #C3C7CE 50%, #EB344C 0);
}

.mi-panel .nivel .pie-chart.verde {
  background: linear-gradient(to right, #C3C7CE 50%, #06C47B 0);
}

.mi-panel .nivel .pie-chart::before {
  content: "";
  height: 100%;
  display: block;
  background: #C3C7CE;
  border-radius: 0 100% 100% 0 / 50%;
  margin-left: 50%;
  transform-origin: left;
  animation: spin1 3s forwards;
}

@keyframes spin1 {
  to {
    transform: rotate(190deg);
    /* or transform: rotate(.1turn); */
  }
}

.exito-form {
  text-align: center;
  padding: 2rem 0;
}

.exito-form__ic {
  width: 13.8rem;
  max-width: 100%;
  margin: 0 auto .5rem;
}

.exito-form__ic img {
  width: 100%;
}

.exito-form__texto {
  text-align: center;
  width: 36rem;
  max-width: 100%;
  margin: 0 auto 4rem;
}

.exito-form__texto p {
  font-size: 1.75rem;
  font-weight: 700;
}

@media only screen and (max-width: 550px) {
  .exito-form__texto p {
    font-size: 1.4rem;
  }
}

.card-curso3 {
  margin-bottom: 3.125rem;
  display: block;
  text-align: center;
  border-radius: 18px;
  border: 1px solid #C3C7CE;
  padding: 1.8rem;
}

@media only screen and (max-width: 550px) {
  .card-curso3 {
    margin-bottom: 2.5rem;
  }
}

.card-curso3__img {
  position: relative;
  height: 10rem;
  margin-bottom: 1.5rem;
}

.card-curso3__img img {
  width: 100%;
  max-height: 9.5rem;
  margin: 0 auto;
}

.card-curso3__txt {
  font-size: 1.25rem;
}

.card-curso3__txt h3 {
  margin: 0 0 1.4rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #1F2122;
}

@media only screen and (max-width: 550px) {
  .card-curso3__txt h3 {
    font-size: 1.3rem;
  }
}

.card-curso3__txt p {
  min-height: 4rem;
}

.card-curso3__txt .btn {
  width: 8.2rem;
}

.card-curso3:hover .card-consejo__img span {
  background: #004DFF;
}

.titulo-naranjo {
  color: #FF7900;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  font-weight: 800;
}

.volver-preguntas {
  color: #FF7900;
  display: block;
  margin-bottom: 2rem;
  font-size: .9rem;
  font-weight: bold;
}

.volver-preguntas em {
  font-size: .7rem;
  margin-right: .2rem;
}

.tabla-acordeon {
  border-top: 1px solid #FF7900;
  border-bottom: 1px solid #FF7900;
  padding: .5rem 1rem .5rem 1rem;
}

.tabla-acordeon.tabla-gastos {
  display: flex;
  justify-content: space-around;
}

.tabla-acordeon h4 {
  color: #FF7900;
  margin: 0;
  font-weight: bold;
}

.tabla-contenido {
  padding-bottom: 2rem;
  border-bottom: 1px solid #FF7900;
  margin-bottom: 2rem;
}

.tabla-contenido.s-b {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.tabla-contenido ul {
  color: #8A8E96;
  font-size: .94rem;
  padding: 0 0 0 2rem;
}

.cuadros-ingresos {
  display: flex;
  justify-content: space-around;
  width: 400px;
  max-width: 100%;
  margin: 0 auto 2rem;
}

@media only screen and (max-width: 550px) {
  .cuadros-ingresos {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}

.cuadros-ingresos .item-cuadro {
  width: 9rem;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 1px solid #FF7900;
  border-radius: 10px;
  padding: .5rem;
}

@media only screen and (max-width: 550px) {
  .cuadros-ingresos .item-cuadro {
    margin-bottom: 1rem;
  }
}

.cuadros-ingresos .item-cuadro p {
  margin-bottom: 0;
}

.int-ac ul {
  color: #8A8E96;
  font-size: .94rem;
  padding: 0 0 0 2rem;
}

.box {
  display: inline-block;
  vertical-align: top;
}

.box .pie {
  width: 115px;
  height: 115px;
  position: relative;
  background: #C3C7CE;
  border-radius: 50%;
}

.box .slice {
  clip-path: polygon(50% 0%, 50% 100%, 100% 100%, 100% 0%);
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.box .slice-fill {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0099FF;
  clip-path: polygon(50% 0%, 50% 100%, 0% 100%, 0% 0%);
  position: absolute;
  z-index: 2;
}

.box .bg-fill {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #0099FF;
  position: absolute;
  display: none;
  z-index: 1;
  clip-path: polygon(50% 0%, 50% 100%, 0% 100%, 0% 0%);
  transform: rotate(180deg);
}

.valor-grafico {
  position: absolute;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-radius: 50%;
  background: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.valor-grafico .valor {
  font-size: 2.25rem;
  font-weight: 800;
  line-height: .9;
}

.valor-grafico .valor span {
  font-size: 2rem;
}

.valor-grafico p {
  font-size: .94rem;
  font-weight: normal;
  margin-bottom: 0;
  line-height: 1;
}

.amarillo .valor-grafico {
  color: #FFB600;
}

.amarillo .valor-grafico p {
  color: #FFB600;
}

.rojo .valor-grafico {
  color: #EB344C;
}

.rojo .valor-grafico p {
  color: #EB344C;
}

.verde .valor-grafico {
  color: #06C47B;
}

.verde .valor-grafico p {
  color: #06C47B;
}

.slice[data-value="1"] .slice-fill {
  transform: rotate(3.6deg);
}

.slice[data-start="1"] {
  transform: rotate(3.6deg);
}

.slice[data-value="2"] .slice-fill {
  transform: rotate(7.2deg);
}

.slice[data-start="2"] {
  transform: rotate(7.2deg);
}

.slice[data-value="3"] .slice-fill {
  transform: rotate(10.8deg);
}

.slice[data-start="3"] {
  transform: rotate(10.8deg);
}

.slice[data-value="4"] .slice-fill {
  transform: rotate(14.4deg);
}

.slice[data-start="4"] {
  transform: rotate(14.4deg);
}

.slice[data-value="5"] .slice-fill {
  transform: rotate(18deg);
}

.slice[data-start="5"] {
  transform: rotate(18deg);
}

.slice[data-value="6"] .slice-fill {
  transform: rotate(21.6deg);
}

.slice[data-start="6"] {
  transform: rotate(21.6deg);
}

.slice[data-value="7"] .slice-fill {
  transform: rotate(25.2deg);
}

.slice[data-start="7"] {
  transform: rotate(25.2deg);
}

.slice[data-value="8"] .slice-fill {
  transform: rotate(28.8deg);
}

.slice[data-start="8"] {
  transform: rotate(28.8deg);
}

.slice[data-value="9"] .slice-fill {
  transform: rotate(32.4deg);
}

.slice[data-start="9"] {
  transform: rotate(32.4deg);
}

.slice[data-value="10"] .slice-fill {
  transform: rotate(36deg);
}

.slice[data-start="10"] {
  transform: rotate(36deg);
}

.slice[data-value="11"] .slice-fill {
  transform: rotate(39.6deg);
}

.slice[data-start="11"] {
  transform: rotate(39.6deg);
}

.slice[data-value="12"] .slice-fill {
  transform: rotate(43.2deg);
}

.slice[data-start="12"] {
  transform: rotate(43.2deg);
}

.slice[data-value="13"] .slice-fill {
  transform: rotate(46.8deg);
}

.slice[data-start="13"] {
  transform: rotate(46.8deg);
}

.slice[data-value="14"] .slice-fill {
  transform: rotate(50.4deg);
}

.slice[data-start="14"] {
  transform: rotate(50.4deg);
}

.slice[data-value="15"] .slice-fill {
  transform: rotate(54deg);
}

.slice[data-start="15"] {
  transform: rotate(54deg);
}

.slice[data-value="16"] .slice-fill {
  transform: rotate(57.6deg);
}

.slice[data-start="16"] {
  transform: rotate(57.6deg);
}

.slice[data-value="17"] .slice-fill {
  transform: rotate(61.2deg);
}

.slice[data-start="17"] {
  transform: rotate(61.2deg);
}

.slice[data-value="18"] .slice-fill {
  transform: rotate(64.8deg);
}

.slice[data-start="18"] {
  transform: rotate(64.8deg);
}

.slice[data-value="19"] .slice-fill {
  transform: rotate(68.4deg);
}

.slice[data-start="19"] {
  transform: rotate(68.4deg);
}

.slice[data-value="20"] .slice-fill {
  transform: rotate(72deg);
}

.slice[data-start="20"] {
  transform: rotate(72deg);
}

.slice[data-value="21"] .slice-fill {
  transform: rotate(75.6deg);
}

.slice[data-start="21"] {
  transform: rotate(75.6deg);
}

.slice[data-value="22"] .slice-fill {
  transform: rotate(79.2deg);
}

.slice[data-start="22"] {
  transform: rotate(79.2deg);
}

.slice[data-value="23"] .slice-fill {
  transform: rotate(82.8deg);
}

.slice[data-start="23"] {
  transform: rotate(82.8deg);
}

.slice[data-value="24"] .slice-fill {
  transform: rotate(86.4deg);
}

.slice[data-start="24"] {
  transform: rotate(86.4deg);
}

.slice[data-value="25"] .slice-fill {
  transform: rotate(90deg);
}

.slice[data-start="25"] {
  transform: rotate(90deg);
}

.slice[data-value="26"] .slice-fill {
  transform: rotate(93.6deg);
}

.slice[data-start="26"] {
  transform: rotate(93.6deg);
}

.slice[data-value="27"] .slice-fill {
  transform: rotate(97.2deg);
}

.slice[data-start="27"] {
  transform: rotate(97.2deg);
}

.slice[data-value="28"] .slice-fill {
  transform: rotate(100.8deg);
}

.slice[data-start="28"] {
  transform: rotate(100.8deg);
}

.slice[data-value="29"] .slice-fill {
  transform: rotate(104.4deg);
}

.slice[data-start="29"] {
  transform: rotate(104.4deg);
}

.slice[data-value="30"] .slice-fill {
  transform: rotate(108deg);
}

.slice[data-start="30"] {
  transform: rotate(108deg);
}

.slice[data-value="31"] .slice-fill {
  transform: rotate(111.6deg);
}

.slice[data-start="31"] {
  transform: rotate(111.6deg);
}

.slice[data-value="32"] .slice-fill {
  transform: rotate(115.2deg);
}

.slice[data-start="32"] {
  transform: rotate(115.2deg);
}

.slice[data-value="33"] .slice-fill {
  transform: rotate(118.8deg);
}

.slice[data-start="33"] {
  transform: rotate(118.8deg);
}

.slice[data-value="34"] .slice-fill {
  transform: rotate(122.4deg);
}

.slice[data-start="34"] {
  transform: rotate(122.4deg);
}

.slice[data-value="35"] .slice-fill {
  transform: rotate(126deg);
}

.slice[data-start="35"] {
  transform: rotate(126deg);
}

.slice[data-value="36"] .slice-fill {
  transform: rotate(129.6deg);
}

.slice[data-start="36"] {
  transform: rotate(129.6deg);
}

.slice[data-value="37"] .slice-fill {
  transform: rotate(133.2deg);
}

.slice[data-start="37"] {
  transform: rotate(133.2deg);
}

.slice[data-value="38"] .slice-fill {
  transform: rotate(136.8deg);
}

.slice[data-start="38"] {
  transform: rotate(136.8deg);
}

.slice[data-value="39"] .slice-fill {
  transform: rotate(140.4deg);
}

.slice[data-start="39"] {
  transform: rotate(140.4deg);
}

.slice[data-value="40"] .slice-fill {
  transform: rotate(144deg);
}

.slice[data-start="40"] {
  transform: rotate(144deg);
}

.slice[data-value="41"] .slice-fill {
  transform: rotate(147.6deg);
}

.slice[data-start="41"] {
  transform: rotate(147.6deg);
}

.slice[data-value="42"] .slice-fill {
  transform: rotate(151.2deg);
}

.slice[data-start="42"] {
  transform: rotate(151.2deg);
}

.slice[data-value="43"] .slice-fill {
  transform: rotate(154.8deg);
}

.slice[data-start="43"] {
  transform: rotate(154.8deg);
}

.slice[data-value="44"] .slice-fill {
  transform: rotate(158.4deg);
}

.slice[data-start="44"] {
  transform: rotate(158.4deg);
}

.slice[data-value="45"] .slice-fill {
  transform: rotate(162deg);
}

.slice[data-start="45"] {
  transform: rotate(162deg);
}

.slice[data-value="46"] .slice-fill {
  transform: rotate(165.6deg);
}

.slice[data-start="46"] {
  transform: rotate(165.6deg);
}

.slice[data-value="47"] .slice-fill {
  transform: rotate(169.2deg);
}

.slice[data-start="47"] {
  transform: rotate(169.2deg);
}

.slice[data-value="48"] .slice-fill {
  transform: rotate(172.8deg);
}

.slice[data-start="48"] {
  transform: rotate(172.8deg);
}

.slice[data-value="49"] .slice-fill {
  transform: rotate(176.4deg);
}

.slice[data-start="49"] {
  transform: rotate(176.4deg);
}

.slice[data-value="50"] .slice-fill {
  transform: rotate(180deg);
}

.slice[data-start="50"] {
  transform: rotate(180deg);
}

.slice[data-value="51"] .slice-fill {
  transform: rotate(183.6deg);
}

.slice[data-start="51"] {
  transform: rotate(183.6deg);
}

.slice[data-value="51"] {
  clip-path: none;
}

.slice[data-value="51"] .bg-fill {
  display: block;
}

.slice[data-value="52"] .slice-fill {
  transform: rotate(187.2deg);
}

.slice[data-start="52"] {
  transform: rotate(187.2deg);
}

.slice[data-value="52"] {
  clip-path: none;
}

.slice[data-value="52"] .bg-fill {
  display: block;
}

.slice[data-value="53"] .slice-fill {
  transform: rotate(190.8deg);
}

.slice[data-start="53"] {
  transform: rotate(190.8deg);
}

.slice[data-value="53"] {
  clip-path: none;
}

.slice[data-value="53"] .bg-fill {
  display: block;
}

.slice[data-value="54"] .slice-fill {
  transform: rotate(194.4deg);
}

.slice[data-start="54"] {
  transform: rotate(194.4deg);
}

.slice[data-value="54"] {
  clip-path: none;
}

.slice[data-value="54"] .bg-fill {
  display: block;
}

.slice[data-value="55"] .slice-fill {
  transform: rotate(198deg);
}

.slice[data-start="55"] {
  transform: rotate(198deg);
}

.slice[data-value="55"] {
  clip-path: none;
}

.slice[data-value="55"] .bg-fill {
  display: block;
}

.slice[data-value="56"] .slice-fill {
  transform: rotate(201.6deg);
}

.slice[data-start="56"] {
  transform: rotate(201.6deg);
}

.slice[data-value="56"] {
  clip-path: none;
}

.slice[data-value="56"] .bg-fill {
  display: block;
}

.slice[data-value="57"] .slice-fill {
  transform: rotate(205.2deg);
}

.slice[data-start="57"] {
  transform: rotate(205.2deg);
}

.slice[data-value="57"] {
  clip-path: none;
}

.slice[data-value="57"] .bg-fill {
  display: block;
}

.slice[data-value="58"] .slice-fill {
  transform: rotate(208.8deg);
}

.slice[data-start="58"] {
  transform: rotate(208.8deg);
}

.slice[data-value="58"] {
  clip-path: none;
}

.slice[data-value="58"] .bg-fill {
  display: block;
}

.slice[data-value="59"] .slice-fill {
  transform: rotate(212.4deg);
}

.slice[data-start="59"] {
  transform: rotate(212.4deg);
}

.slice[data-value="59"] {
  clip-path: none;
}

.slice[data-value="59"] .bg-fill {
  display: block;
}

.slice[data-value="60"] .slice-fill {
  transform: rotate(216deg);
}

.slice[data-start="60"] {
  transform: rotate(216deg);
}

.slice[data-value="60"] {
  clip-path: none;
}

.slice[data-value="60"] .bg-fill {
  display: block;
}

.slice[data-value="61"] .slice-fill {
  transform: rotate(219.6deg);
}

.slice[data-start="61"] {
  transform: rotate(219.6deg);
}

.slice[data-value="61"] {
  clip-path: none;
}

.slice[data-value="61"] .bg-fill {
  display: block;
}

.slice[data-value="62"] .slice-fill {
  transform: rotate(223.2deg);
}

.slice[data-start="62"] {
  transform: rotate(223.2deg);
}

.slice[data-value="62"] {
  clip-path: none;
}

.slice[data-value="62"] .bg-fill {
  display: block;
}

.slice[data-value="63"] .slice-fill {
  transform: rotate(226.8deg);
}

.slice[data-start="63"] {
  transform: rotate(226.8deg);
}

.slice[data-value="63"] {
  clip-path: none;
}

.slice[data-value="63"] .bg-fill {
  display: block;
}

.slice[data-value="64"] .slice-fill {
  transform: rotate(230.4deg);
}

.slice[data-start="64"] {
  transform: rotate(230.4deg);
}

.slice[data-value="64"] {
  clip-path: none;
}

.slice[data-value="64"] .bg-fill {
  display: block;
}

.slice[data-value="65"] .slice-fill {
  transform: rotate(234deg);
}

.slice[data-start="65"] {
  transform: rotate(234deg);
}

.slice[data-value="65"] {
  clip-path: none;
}

.slice[data-value="65"] .bg-fill {
  display: block;
}

.slice[data-value="66"] .slice-fill {
  transform: rotate(237.6deg);
}

.slice[data-start="66"] {
  transform: rotate(237.6deg);
}

.slice[data-value="66"] {
  clip-path: none;
}

.slice[data-value="66"] .bg-fill {
  display: block;
}

.slice[data-value="67"] .slice-fill {
  transform: rotate(241.2deg);
}

.slice[data-start="67"] {
  transform: rotate(241.2deg);
}

.slice[data-value="67"] {
  clip-path: none;
}

.slice[data-value="67"] .bg-fill {
  display: block;
}

.slice[data-value="68"] .slice-fill {
  transform: rotate(244.8deg);
}

.slice[data-start="68"] {
  transform: rotate(244.8deg);
}

.slice[data-value="68"] {
  clip-path: none;
}

.slice[data-value="68"] .bg-fill {
  display: block;
}

.slice[data-value="69"] .slice-fill {
  transform: rotate(248.4deg);
}

.slice[data-start="69"] {
  transform: rotate(248.4deg);
}

.slice[data-value="69"] {
  clip-path: none;
}

.slice[data-value="69"] .bg-fill {
  display: block;
}

.slice[data-value="70"] .slice-fill {
  transform: rotate(252deg);
}

.slice[data-start="70"] {
  transform: rotate(252deg);
}

.slice[data-value="70"] {
  clip-path: none;
}

.slice[data-value="70"] .bg-fill {
  display: block;
}

.slice[data-value="71"] .slice-fill {
  transform: rotate(255.6deg);
}

.slice[data-start="71"] {
  transform: rotate(255.6deg);
}

.slice[data-value="71"] {
  clip-path: none;
}

.slice[data-value="71"] .bg-fill {
  display: block;
}

.slice[data-value="72"] .slice-fill {
  transform: rotate(259.2deg);
}

.slice[data-start="72"] {
  transform: rotate(259.2deg);
}

.slice[data-value="72"] {
  clip-path: none;
}

.slice[data-value="72"] .bg-fill {
  display: block;
}

.slice[data-value="73"] .slice-fill {
  transform: rotate(262.8deg);
}

.slice[data-start="73"] {
  transform: rotate(262.8deg);
}

.slice[data-value="73"] {
  clip-path: none;
}

.slice[data-value="73"] .bg-fill {
  display: block;
}

.slice[data-value="74"] .slice-fill {
  transform: rotate(266.4deg);
}

.slice[data-start="74"] {
  transform: rotate(266.4deg);
}

.slice[data-value="74"] {
  clip-path: none;
}

.slice[data-value="74"] .bg-fill {
  display: block;
}

.slice[data-value="75"] .slice-fill {
  transform: rotate(270deg);
}

.slice[data-start="75"] {
  transform: rotate(270deg);
}

.slice[data-value="75"] {
  clip-path: none;
}

.slice[data-value="75"] .bg-fill {
  display: block;
}

.slice[data-value="76"] .slice-fill {
  transform: rotate(273.6deg);
}

.slice[data-start="76"] {
  transform: rotate(273.6deg);
}

.slice[data-value="76"] {
  clip-path: none;
}

.slice[data-value="76"] .bg-fill {
  display: block;
}

.slice[data-value="77"] .slice-fill {
  transform: rotate(277.2deg);
}

.slice[data-start="77"] {
  transform: rotate(277.2deg);
}

.slice[data-value="77"] {
  clip-path: none;
}

.slice[data-value="77"] .bg-fill {
  display: block;
}

.slice[data-value="78"] .slice-fill {
  transform: rotate(280.8deg);
}

.slice[data-start="78"] {
  transform: rotate(280.8deg);
}

.slice[data-value="78"] {
  clip-path: none;
}

.slice[data-value="78"] .bg-fill {
  display: block;
}

.slice[data-value="79"] .slice-fill {
  transform: rotate(284.4deg);
}

.slice[data-start="79"] {
  transform: rotate(284.4deg);
}

.slice[data-value="79"] {
  clip-path: none;
}

.slice[data-value="79"] .bg-fill {
  display: block;
}

.slice[data-value="80"] .slice-fill {
  transform: rotate(288deg);
}

.slice[data-start="80"] {
  transform: rotate(288deg);
}

.slice[data-value="80"] {
  clip-path: none;
}

.slice[data-value="80"] .bg-fill {
  display: block;
}

.slice[data-value="81"] .slice-fill {
  transform: rotate(291.6deg);
}

.slice[data-start="81"] {
  transform: rotate(291.6deg);
}

.slice[data-value="81"] {
  clip-path: none;
}

.slice[data-value="81"] .bg-fill {
  display: block;
}

.slice[data-value="82"] .slice-fill {
  transform: rotate(295.2deg);
}

.slice[data-start="82"] {
  transform: rotate(295.2deg);
}

.slice[data-value="82"] {
  clip-path: none;
}

.slice[data-value="82"] .bg-fill {
  display: block;
}

.slice[data-value="83"] .slice-fill {
  transform: rotate(298.8deg);
}

.slice[data-start="83"] {
  transform: rotate(298.8deg);
}

.slice[data-value="83"] {
  clip-path: none;
}

.slice[data-value="83"] .bg-fill {
  display: block;
}

.slice[data-value="84"] .slice-fill {
  transform: rotate(302.4deg);
}

.slice[data-start="84"] {
  transform: rotate(302.4deg);
}

.slice[data-value="84"] {
  clip-path: none;
}

.slice[data-value="84"] .bg-fill {
  display: block;
}

.slice[data-value="85"] .slice-fill {
  transform: rotate(306deg);
}

.slice[data-start="85"] {
  transform: rotate(306deg);
}

.slice[data-value="85"] {
  clip-path: none;
}

.slice[data-value="85"] .bg-fill {
  display: block;
}

.slice[data-value="86"] .slice-fill {
  transform: rotate(309.6deg);
}

.slice[data-start="86"] {
  transform: rotate(309.6deg);
}

.slice[data-value="86"] {
  clip-path: none;
}

.slice[data-value="86"] .bg-fill {
  display: block;
}

.slice[data-value="87"] .slice-fill {
  transform: rotate(313.2deg);
}

.slice[data-start="87"] {
  transform: rotate(313.2deg);
}

.slice[data-value="87"] {
  clip-path: none;
}

.slice[data-value="87"] .bg-fill {
  display: block;
}

.slice[data-value="88"] .slice-fill {
  transform: rotate(316.8deg);
}

.slice[data-start="88"] {
  transform: rotate(316.8deg);
}

.slice[data-value="88"] {
  clip-path: none;
}

.slice[data-value="88"] .bg-fill {
  display: block;
}

.slice[data-value="89"] .slice-fill {
  transform: rotate(320.4deg);
}

.slice[data-start="89"] {
  transform: rotate(320.4deg);
}

.slice[data-value="89"] {
  clip-path: none;
}

.slice[data-value="89"] .bg-fill {
  display: block;
}

.slice[data-value="90"] .slice-fill {
  transform: rotate(324deg);
}

.slice[data-start="90"] {
  transform: rotate(324deg);
}

.slice[data-value="90"] {
  clip-path: none;
}

.slice[data-value="90"] .bg-fill {
  display: block;
}

.slice[data-value="91"] .slice-fill {
  transform: rotate(327.6deg);
}

.slice[data-start="91"] {
  transform: rotate(327.6deg);
}

.slice[data-value="91"] {
  clip-path: none;
}

.slice[data-value="91"] .bg-fill {
  display: block;
}

.slice[data-value="92"] .slice-fill {
  transform: rotate(331.2deg);
}

.slice[data-start="92"] {
  transform: rotate(331.2deg);
}

.slice[data-value="92"] {
  clip-path: none;
}

.slice[data-value="92"] .bg-fill {
  display: block;
}

.slice[data-value="93"] .slice-fill {
  transform: rotate(334.8deg);
}

.slice[data-start="93"] {
  transform: rotate(334.8deg);
}

.slice[data-value="93"] {
  clip-path: none;
}

.slice[data-value="93"] .bg-fill {
  display: block;
}

.slice[data-value="94"] .slice-fill {
  transform: rotate(338.4deg);
}

.slice[data-start="94"] {
  transform: rotate(338.4deg);
}

.slice[data-value="94"] {
  clip-path: none;
}

.slice[data-value="94"] .bg-fill {
  display: block;
}

.slice[data-value="95"] .slice-fill {
  transform: rotate(342deg);
}

.slice[data-start="95"] {
  transform: rotate(342deg);
}

.slice[data-value="95"] {
  clip-path: none;
}

.slice[data-value="95"] .bg-fill {
  display: block;
}

.slice[data-value="96"] .slice-fill {
  transform: rotate(345.6deg);
}

.slice[data-start="96"] {
  transform: rotate(345.6deg);
}

.slice[data-value="96"] {
  clip-path: none;
}

.slice[data-value="96"] .bg-fill {
  display: block;
}

.slice[data-value="97"] .slice-fill {
  transform: rotate(349.2deg);
}

.slice[data-start="97"] {
  transform: rotate(349.2deg);
}

.slice[data-value="97"] {
  clip-path: none;
}

.slice[data-value="97"] .bg-fill {
  display: block;
}

.slice[data-value="98"] .slice-fill {
  transform: rotate(352.8deg);
}

.slice[data-start="98"] {
  transform: rotate(352.8deg);
}

.slice[data-value="98"] {
  clip-path: none;
}

.slice[data-value="98"] .bg-fill {
  display: block;
}

.slice[data-value="99"] .slice-fill {
  transform: rotate(356.4deg);
}

.slice[data-start="99"] {
  transform: rotate(356.4deg);
}

.slice[data-value="99"] {
  clip-path: none;
}

.slice[data-value="99"] .bg-fill {
  display: block;
}

.slice[data-value="100"] .slice-fill {
  transform: rotate(360deg);
}

.slice[data-start="100"] {
  transform: rotate(360deg);
}

.slice[data-value="100"] {
  clip-path: none;
}

.slice[data-value="100"] .bg-fill {
  display: block;
}

.amarillo .slice .slice-fill,
.amarillo .slice .bg-fill {
  background-color: #FFB600;
}

.verde .slice .slice-fill,
.verde .slice .bg-fill {
  background-color: #06C47B;
}

.rojo .slice .slice-fill,
.rojo .slice .bg-fill {
  background-color: #EB344C;
}

.mensaje-copiado {
  right: 0;
  position: absolute;
  width: 12rem;
  font-size: .8rem;
  border-radius: 6px;
  padding: 0.3rem 0.2rem;
  color: #fff;
  text-align: center;
  background: #000;
  opacity: 0;
  visibility: hidden;
  transition: all .3s ease;
  transform: translateY(-10px);
}

.mensaje-copiado.visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.ver-detalle {
  display: none;
}

@media only screen and (max-width: 768px) {
  .ver-detalle {
    display: block;
    color: #FF7900;
    text-align: center;
    margin: 1rem 0;
  }
  .ver-detalle .ocultar {
    display: none;
  }
  .ver-detalle.activo .ver {
    display: none;
  }
  .ver-detalle.activo .ocultar {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .cursos-completados {
    display: none;
  }
  .cursos-completados.visible {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .mi-panel__der {
    padding-bottom: 1rem;
  }
}

header .navbar-toggler {
  display: none;
}

header .navbar-brand {
  display: none;
}

.form-perfil h3 {
  font-size: 28px;
  font-weight: 700;
}

.form-perfil label {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #000;
  margin-bottom: .2rem;
}

.form-perfil input {
  border: 1px solid #C3C7CE;
  max-width: 290px;
  width: 100%;
  height: 43px;
  border-radius: 5px;
  padding: .5rem .8rem;
  margin-bottom: 1.8rem;
}

@media only screen and (max-width: 640px) {
  .form-perfil input {
    max-width: 100%;
  }
}

.form-perfil textarea {
  border: 1px solid #C3C7CE;
  max-width: 290px;
  width: 100%;
  height: 43px;
  border-radius: 5px;
  padding: .5rem .8rem;
  margin-bottom: 1.8rem;
  resize: none;
}

@media only screen and (max-width: 640px) {
  .form-perfil textarea {
    max-width: 100%;
  }
}

.form-perfil .btn-primary {
  width: 235px;
  height: 35px;
  background: #004DFF;
  color: #fff;
  border-radius: 100px;
  text-align: center;
}

.form-perfil .avatar-user {
  width: 173px;
  height: 173px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 1.8rem;
}

.form-perfil .avatar-user img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.form-perfil .col-avatar {
  margin-right: 6rem;
}

.form-perfil .cambiar-avatar {
  color: #004DFF;
  width: 200px;
  height: 35px;
  border: 1px solid #004DFF;
  border-radius: 100px;
  background: #fff;
  font-weight: 400;
}

.form-perfil .otros-botones {
  display: none;
}

.form-perfil .d-none {
  display: none;
}

.menu-perfil {
  border-top: 1px solid #E6E7E8;
  padding-top: 1.2rem;
  margin-top: 1.7rem;
}

.menu-perfil a {
  display: block;
  color: #343E46;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 1rem;
}

.menu-perfil a img {
  margin-right: .4rem;
}

@media only screen and (max-width: 640px) {
  .row-perfil {
    flex-direction: column;
  }
  .row-perfil .col-avatar {
    width: 100%;
    text-align: center;
    margin-bottom: 2.5rem;
  }
  .row-perfil .col-avatar .cambiar-avatar {
    margin: 0 auto;
  }
  .row-perfil .col-form {
    width: 100%;
  }
}

.mensaje-card {
  font-size: .94rem;
  font-weight: 700;
  color: #FF7900;
  text-align: left;
  line-height: 1.1 !important;
  margin-top: .8rem;
}

.w-registro .m-alert {
  padding-top: .5rem;
}

.quiz {
  background-image: url("../images/bg-quiz.png");
  background-color: #F6EBD6;
  text-align: center;
  padding: 3.2rem 0;
  position: relative;
}

.quiz.oculto {
  display: none;
}

.quiz .preguntas-erradas {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #004DFF;
  font-weight: 700;
  text-align: center;
  margin: -1.8rem 0 1.2rem;
}

.quiz .preguntas-erradas.oculto {
  display: none;
}

.quiz .preguntas-erradas img {
  margin-right: .2rem;
}

.quiz .w-quiz {
  background-color: #fff;
  width: 25rem;
  max-width: 100%;
  min-height: 25.5rem;
  margin: 0 auto 1rem;
  border-radius: 8px;
  padding: 1.2rem .5rem;
  display: flex;
  flex-direction: column;
}

.quiz .w-quiz h3 {
  margin: 0 1rem;
  color: #343E46;
  font-weight: 700;
  font-size: .94rem;
  line-height: 1.5;
}

.quiz .w-quiz h3 p {
  margin: 0rem;
  color: #343E46;
  font-weight: 700;
  font-size: .94rem;
  line-height: 1.5;
}

.quiz .w-quiz h1 {
  margin: 0 1rem;
  color: #343E46;
  font-weight: 700;
  font-size: .94rem;
  line-height: 1.5;
}

.quiz .w-quiz h1 p {
  margin: 0rem;
  color: #343E46;
  font-weight: 700;
  font-size: .94rem;
  line-height: 1.5;
}

.quiz .w-quiz h1 span {
  margin: 0rem;
  color: #343E46;
  font-weight: 700;
  font-size: .94rem;
  line-height: 1.5;
}

.quiz .w-quiz h4 {
  margin: 0 1rem 0rem;
  color: #8A8E96;
  font-style: italic;
  font-weight: 400;
  font-size: .94rem;
  line-height: 1.5;
}

.quiz .w-quiz .alternativas {
  margin-top: 1rem;
  min-height: 13rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.quiz .w-quiz .alternativas.vf {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0rem;
  flex-grow: 1;
  height: auto;
  flex-direction: row;
  min-height: 0;
}

.quiz .w-quiz .alternativas.vf .item-alt {
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: -2rem 1.6rem 0;
  cursor: pointer;
}

.quiz .w-quiz .alternativas.vf .item-alt__circulo {
  margin-bottom: .8rem;
}

.quiz .w-quiz .alternativas.vf .item-alt__txt {
  padding-left: 0;
}

.quiz .w-quiz .item-alt {
  display: flex;
  align-items: center;
  margin-bottom: .94rem;
  cursor: pointer;
}

.quiz .w-quiz .item-alt__circulo {
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #004DFF;
  position: relative;
  font-size: 1.25rem;
  color: #004DFF;
  font-weight: 700;
  transition: all .3s ease;
}

.quiz .w-quiz .item-alt__circulo .check {
  opacity: 0;
  visibility: hidden;
  color: #fff;
  position: absolute;
  background: #06C47B;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
  transition: all .3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quiz .w-quiz .item-alt__txt {
  color: #1F2122;
  font-weight: 400;
  padding-left: .8rem;
  text-align: left;
  font-size: .94rem;
}

.quiz .w-quiz .item-alt.seleccionado .item-alt__circulo {
  border-color: #06C47B;
}

.quiz .w-quiz .item-alt.seleccionado .item-alt__circulo .check {
  opacity: 1;
  visibility: visible;
}

.quiz .w-quiz .item-alt:hover .item-alt__circulo {
  border-color: #06C47B;
}

.quiz .btn-siguiente {
  font-size: .94rem;
  font-weight: 400;
  color: #fff;
  border: none;
  width: 14.3rem;
  padding: 1rem;
  border-radius: 100px;
  cursor: default;
  background-color: #C3C7CE;
}

.quiz .btn-siguiente.activo {
  background: #FF7900;
  cursor: pointer;
}

.resultado {
  text-align: center;
}

.resultado.oculto {
  display: none;
}

.resultado .w-resultado {
  width: 50.375rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 1.6rem 0;
  background-image: url("../images/bg-resultado.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.resultado .evaluacion {
  width: 9.125rem;
  height: 9.125rem;
  background-image: url("../images/ic-resultado.svg");
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.resultado .evaluacion p {
  color: #fff;
  font-size: .94rem;
  font-weight: 700;
  margin: 0;
}

.resultado .evaluacion .valor {
  font-size: 2.5rem;
  font-weight: 800;
  color: #fff;
  line-height: 1;
}

.resultado .evaluacion.exito {
  background-image: url("../images/ic-resultado-exito.svg");
}

.resultado h3 {
  margin: 1rem 2rem 2.4rem;
  font-size: 1.75rem;
  font-weight: 700;
}

.resultado h3 span {
  color: #004DFF;
}

@media only screen and (max-width: 768px) {
  .resultado h3 {
    font-size: 1.4rem;
  }
}

.resultado .res-evaluacion p {
  font-size: .94rem;
  color: #343E46;
  font-weight: 700;
}

.resultado .res-evaluacion .res-preguntas {
  font-size: 1rem;
  color: #202E33;
  font-weight: 700;
  margin-bottom: .8rem;
}

.resultado .res-evaluacion .res-preguntas img {
  vertical-align: middle;
  margin-bottom: .2rem;
}

.resultado .botones {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 2rem;
}

.resultado .botones.oculto {
  display: none;
}

.resultado .botones p {
  width: 100%;
}

.resultado .botones .btn-intentar {
  margin: 0 1rem;
}

.resultado .botones .btn {
  border-radius: 100px;
  color: #fff;
  padding: .5rem 1rem;
  font-size: .94rem;
  width: 13.56rem;
  display: block;
  margin: 0rem auto 1rem;
}

.resultado .botones .intentos {
  font-size: .94rem;
  color: #8A8E96;
  font-style: italic;
}

.otros-consejos h4 {
  text-align: center;
  font-weight: 700;
  font-size: .94rem;
}

.item-pregunta {
  display: none;
}

.item-pregunta.visible {
  display: block;
}

.item-pregunta.visible.correcta {
  display: none;
}

.loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all .3s ease;
}

.loading.visible {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.loading p {
  color: #000;
  margin-bottom: 0rem;
  font-size: 1.2rem;
  font-weight: bold;
}

@keyframes ldio-lotpst89y9g {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ldio-lotpst89y9g div {
  box-sizing: border-box !important;
}

.ldio-lotpst89y9g > div {
  position: absolute;
  width: 72px;
  height: 72px;
  top: 14px;
  left: 14px;
  border-radius: 50%;
  border: 8px solid #000;
  border-color: #FF7900 transparent #FF7900 transparent;
  animation: ldio-lotpst89y9g 1.3157894736842106s linear infinite;
}

.ldio-lotpst89y9g > div:nth-child(2),
.ldio-lotpst89y9g > div:nth-child(4) {
  width: 54px;
  height: 54px;
  top: 23px;
  left: 23px;
  animation: ldio-lotpst89y9g 1.3157894736842106s linear infinite reverse;
}

.ldio-lotpst89y9g > div:nth-child(2) {
  border-color: transparent #004DFF transparent #004DFF;
}

.ldio-lotpst89y9g > div:nth-child(3) {
  border-color: transparent;
}

.ldio-lotpst89y9g > div:nth-child(3) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}

.ldio-lotpst89y9g > div:nth-child(3) div:before,
.ldio-lotpst89y9g > div:nth-child(3) div:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -8px;
  left: 24px;
  background: #FF7900;
  border-radius: 50%;
  box-shadow: 0 64px 0 0 #FF7900;
}

.ldio-lotpst89y9g > div:nth-child(3) div:after {
  left: -8px;
  top: 24px;
  box-shadow: 64px 0 0 0 #FF7900;
}

.ldio-lotpst89y9g > div:nth-child(4) {
  border-color: transparent;
}

.ldio-lotpst89y9g > div:nth-child(4) div {
  position: absolute;
  width: 100%;
  height: 100%;
  transform: rotate(45deg);
}

.ldio-lotpst89y9g > div:nth-child(4) div:before,
.ldio-lotpst89y9g > div:nth-child(4) div:after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: -8px;
  left: 15px;
  background: #004DFF;
  border-radius: 50%;
  box-shadow: 0 46px 0 0 #004DFF;
}

.ldio-lotpst89y9g > div:nth-child(4) div:after {
  left: -8px;
  top: 15px;
  box-shadow: 46px 0 0 0 #004DFF;
}

.loadingio-spinner-double-ring-ypta5go2g9 {
  width: 94px;
  height: 94px;
  display: inline-block;
  overflow: hidden;
  background: none;
}

.ldio-lotpst89y9g {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(0.94);
  backface-visibility: hidden;
  transform-origin: 0 0;
  /* see note above */
}

.ldio-lotpst89y9g div {
  box-sizing: content-box;
}

footer {
  background: #F2F5F6;
}

footer .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (max-width: 991px) {
  footer .container {
    flex-direction: column;
    align-items: flex-start;
  }
}

footer nav ul {
  list-style: none;
  margin: 0;
  display: flex;
  padding: 1rem 0;
}

@media only screen and (max-width: 991px) {
  footer nav ul {
    flex-direction: column;
  }
}

footer nav ul li {
  margin-right: 2rem;
}

footer nav ul li a {
  display: block;
  padding: 1rem 0;
  color: #1F2122;
}

footer .logo {
  width: 9.625rem;
}

footer .logo img {
  width: 100%;
}
/*# sourceMappingURL=estilos.css.map */