.active {
  color: #ffb800;
}

.menu-burger {
  gap: 3px;
  display: flex;
  flex-direction: column;
}

.module-list {
  width: 100%;
  gap: 15px;
  display: flex;
  flex-direction: column;
}

.logoMenu {
  display: flex;
  align-items: center;
  gap: 15px;
}

.barra {
  height: 3px;
  width: 1.2rem;
  background: white;
}

.barraCorta {
  height: 3px;
  width: 0.7rem;
  background: white;
}

.canPersona {
  background: #ffb300;
  padding: 2px 5px;
  border-radius: 4px;
  margin: 0 5px;
}

.portada-movil {
  width: 100%;
  margin-bottom: 2rem;
  display: none;
}

.imgBanner {
  height: auto;
  width: 100%;
  border-radius: 1rem;
}

.imgPortada {
  height: 100%;
  width: 100%;
}

.titleQuestion {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}

.chevronBottom {
  cursor: pointer;
  height: 19px;
}

.subSectionName {
  cursor: pointer;
}

.subSectionName:hover {
  color: #ffb800;
}

.sectionMenu {
  width: min-content;
}

.inner-columns {
  cursor: pointer;
}

.columnsMenu {
  display: block;
  background: #000000;
  height: auto;
  position: absolute;
  width: 6%;
}


.sectionMenuType {
  padding: 10px;
  font-size: 12px;
}

.sectionMenuType:hover {
  color: #ffb800;
  cursor: pointer;
}

.nowrap {
  white-space: nowrap;
}

.bg-green {
  background: #2aa268;
  border-radius: 10px;
}

.br-grey {
  background-color: #ebecee;
  border-radius: 10px;
}

.container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 800px;
  row-gap: 9px;
  column-gap: 5px;
}

.feature-card {
  background-color: #ebecee;
  border-radius: 10px;
  text-align: center;
  padding: 20px;
}

.feature-card img {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}


.feature-card p {
  margin-top: .5rem;
  margin-bottom: 0;
  font-weight: bold;
  color: #343a40;
  font-size: 1rem;
}

.circleWhite {
  width: 10px;
  height: 10px;
  background: white;
  border-radius: 100%;
  margin: 0.5rem 0.5rem 0.5rem 0;
}

.br-green {
  border: 1px solid #34a66f;
  border-radius: 10px;
}

.br-4 {
  border-radius: 4px;
}

.contSede {
  display: flex;
  gap: 0.51rem;
  align-items: center;
}

.moreValuation {
  padding: 10px 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.monPeru {
  display: flex;
  flex-direction: row;
  width: auto;
  font-weight: 100;
}

.estrellaIcon {
  width: 20.03px;
  height: 17.1px;
  background-image: url("https://storage.googleapis.com/camaracomercio/assets/img/landings/icons/estrella.svg");
  background-repeat: no-repeat;
}

.barGris {
  background: #dddfe5;
  height: 9px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  width: var(--bar-width, 0%);
}

.barNaranja {
  background: #ffb800;
  height: 9px;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  width: var(--bar-width, 0%);
}

.iconLikeUp,
.iconLikeBottom {
  background-repeat: no-repeat;
  width: 20.03px;
  height: 17.1px;
}

.iconLikeUp {
  background-image: url("https://storage.googleapis.com/camaracomercio/assets/img/landings/icons/pulgarArriba.svg");
}

.iconLikeBottom {
  background-image: url("https://storage.googleapis.com/camaracomercio/assets/img/landings/icons/pulgarAbajo.svg");
}

.iconLikes {
  display: flex;
  gap: 1rem;
}

.reqItems {
  display: flex;
  align-items: center;
  gap: 17px;
  border: 1px solid #ffffff;
  width: 100%;
  height: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 10px;
}

.contIcon {
  display: flex;
  width: 54px;
  height: 54px;
  background-color: #2aa268;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  color: #ffffff;
}

.iconLapotp {
  background-image: url("./public//svg/laptop.svg");
  background-repeat: no-repeat;
  width: 31.04px;
  height: 25px;
}

.textList {
  position: relative;
  font-weight: 600;
  display: flex;
  z-index: 2;
  font-size: 1rem;
}

.grupo-25-icon {
  height: 93.3px;
  width: 159.1px;
  position: relative;
  object-fit: cover;
  display: flex;
  z-index: 1;
}

.inicio {
  text-decoration: none;
  position: relative;
  font-weight: 800;
  color: inherit;
  display: flex;
  min-width: 59;
  z-index: 1;
}

.grupo-29-icon {
  width: 12.8px;
  height: 6.4px;
  position: relative;
  display: flex;
  z-index: 1;
}

.inner-columns {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 11.600000000000364px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.columns {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-base) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  gap: 3.1000000000000227px;
  width: auto;
  align-self: unset;
  height: auto;
}

.programas-acadmicos {
  position: relative;
  font-weight: 800;
  display: flex;
  white-space: nowrap;
  z-index: 1;
}

.columns1 {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  gap: 1rem;
  height: auto;
}

.nosotros {
  text-decoration: none;
  position: relative;
  font-weight: 800;
  color: inherit;
  display: flex;
  min-width: 96;
  z-index: 1;
}

.about-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-2xs) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.columns2 {
  width: 24.39999999999999px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 11.600000000000364px var(--padding-2xs) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}

.soe {
  text-decoration: none;
  position: relative;
  font-weight: 800;
  color: inherit;
  display: flex;
  min-width: 44;
  z-index: 1;
}

.columns3 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-xs) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  gap: 11.700000000000005px;
  width: auto;
  align-self: unset;
  height: auto;
}

.blog {
  text-decoration: none;
  position: relative;
  font-weight: 800;
  color: inherit;
  display: flex;
  min-width: 49;
  z-index: 1;
}

.contctanos {
  text-decoration: none;
  position: relative;
  font-weight: 800;
  color: inherit;
  display: flex;
  z-index: 1;
}

.columns5 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8.399999999999977px;
  width: auto;
  align-self: unset;
  height: auto;
}

.columns-parent {
  align-self: stretch;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  width: auto;
}

.frame-wrapper {
  height: 57.70000000000027px;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-14xl) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
  gap: var(--gap-0);
}

.grupo-25-parent {
  width: 1178.2px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 58.09999999999991px;
  max-width: 100%;
  height: auto;
}

.ingresar {
  text-decoration: none;
  top: 13.5px;
  left: 58.3px;
  font-weight: 800;
  color: inherit;
  display: flex;
  min-width: 94;
  z-index: 3;
}

.login-form {
  background: #ffc300;
  border-radius: 10px;
  align-self: stretch;
  height: 53.59999999999991px;
  display: flex;
  width: auto;
  gap: var(--gap-0);
  align-items: center;
  justify-content: center;
}

.login-form-wrapper {
  width: 212.20000000000005px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
  font-size: var(--font-size-2xl);
  color: var(--color-black);
}

.menu-burger {
  display: none;
}

.grupo-51 {
  align-self: stretch;
  background-color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 29.699999999999815px var(--padding-xl) var(--padding-lg) var(--padding-9xl);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  z-index: 1;
  text-align: left;
  font-size: var(--font-size-lgi-9);
  color: var(--color-white);
  font-family: var(--font-montserrat);
}

.grupo-65-icon {
  align-self: stretch;
  flex: 1;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  display: flex;
  width: auto;
  z-index: 1;
}

.grupo-65-wrapper {
  height: 66.19999999999982px;
  width: 63.200000000000045px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-2xs) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  gap: var(--gap-0);
}

.grupo-69-icon {
  width: 12.7px;
  height: 25.4px;
  position: relative;
  display: flex;
  z-index: 1;
}

.course-header-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 22.59999999999991px var(--padding-5xs) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.programas-acadmicos1 {
  position: relative;
  font-weight: 800;
  display: flex;
  z-index: 1;
}

.course-header-items1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xl) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.course-header-items2 {
  width: 15.100000000000025px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 22.59999999999991px var(--padding-11xs) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}

.cursos-de-extensin {
  position: relative;
  font-weight: 800;
  display: flex;
  z-index: 1;
}

.course-header-items3 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-3xl) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);

  color: var(--color-orange-500);
}

.course-header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 9.299999999999956px;
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
  z-index: 0;
}

.preview-title {
  width: 271px;
  position: relative;
  font-weight: 800;
  display: flex;
  min-width: 271;
  z-index: 2;
}

.discount-label {
  position: relative;
  font-weight: 800;
  display: flex;
  min-width: 102;
  flex-shrink: 0;
  z-index: 2;
}

.discount-wrapper {
  height: 103.90000000000008px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-19xl) var(--padding-0) var(--padding-13xl);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  gap: var(--gap-0);
}

.dscto {
  position: relative;
  font-size: var(--font-size-32xl-4);
  font-weight: 800;
  display: flex;
  flex-shrink: 0;
  z-index: 3;
}

.discount-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.discount-container-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 38.399999999999864px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  min-width: 173.00000000000003;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
  font-size: var(--font-size-93xl-6);
}

.accordeon-list {
  width: 100%;
  gap: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.sub-module-items {
  height: auto;
  margin-bottom: 15px;
  background: #f5f5f5;
  border-radius: 7px;
  padding: 16px;
  width: 90%;
}

.preview-details {
  width: 984px;
  border-radius: var(--br-11xl);
  background-color: var(--color-black);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 2.7000000000000455px var(--padding-xl) 19.299999999999955px var(--padding-12xl);
  box-sizing: border-box;
  gap: 3.299999999999983px;
  max-width: 100%;
  height: auto;
  z-index: 1;
}

.curso-de-excel {
  position: relative;
  font-weight: 800;
  display: flex;
  z-index: 1;
}

#titleH2{
  font-size: 16px;
  color: #666666;
}

.description-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-12xs) 12.200000000000044px;
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
  font-size: var(--font-size-18xl-7);
  color: var(--color-black);
}

.grupo-76-icon {
  height: 34px;
  width: 34px;
  position: relative;
  object-fit: cover;
  display: flex;
  z-index: 1;
}

.instructor-name {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.7000000000000455px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.lnea-1-icon {
  width: 1px;
  height: 13.5px;
  position: relative;
  display: flex;
  border: 1px solid var(--color-black);
  box-sizing: border-box;
  z-index: 1;
}

.lnea-1-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-2xs) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.especialista-en-herramientas {
  position: relative;
  display: flex;
  z-index: 1;
}

.instructor-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8.799999999999955px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-smi);
  color: var(--color-dimgray);
  font-family: var(--font-segoe-ui);
}

.instructor-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 13.799999999999995px;
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
}

.en-este-curso {
  position: relative;
  display: flex;
  flex-shrink: 0;
  max-width: 90%;
  z-index: 1;
}

.content-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
  gap: -1.7999999999999543px;
}

.eres-la-persona {
  font-weight: 600;
}

.name-input-wrapper {
  background: #e6e7e9;
  border-radius: 7px;
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-lgi) var(--padding-2xl) var(--padding-mid-5);
  box-sizing: border-box;
  position: relative;
  gap: 6.699999999999989px;
  max-width: 100%;
  height: auto;
}

.target-audience {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-12xs);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-smi);
  color: var(--color-gray-400);
  font-family: var(--font-montserrat);
}

.content-wrapper {
  width: 637.2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16.799999999999955px;
  max-width: 123%;
  flex-shrink: 0;
  height: auto;
}

.course-content {
  width: 522.4px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-12xs);
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-base);
  color: var(--color-dimgray);
  font-family: var(--font-segoe-ui);
}

.instructor-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 22.799999999999955px;
  max-width: 100%;
  flex-shrink: 0;
  width: auto;
  height: auto;

  font-size: var(--font-size-2xl);
}

.qu-necesitas-para {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: flex;
  max-width: 100%;
  z-index: 1;
}

.grupo-79-icon {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: flex;
  z-index: 1;
}

.grupo-80-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 2;
}

.trazado-96-icon {
  position: absolute;
  top: 15px;
  left: 10.5px;
  width: 31px;
  height: 22.8px;
  background-color: var(--color-white);
  display: flex;
  z-index: 3;
}

.trazado-97-icon {
  position: absolute;
  top: 38.9px;
  left: 10.6px;
  width: 30.8px;
  height: 3.1px;
  background-color: var(--color-white);
  display: flex;
  z-index: 3;
}

.requirement-details {
  height: 57.5px;
  width: 54px;
  position: relative;
  display: flex;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
}

.computadora-con-excel-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 19.40000000000009px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.requirement-items {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 17.80000000000001px;
  width: auto;
  height: auto;
}

.grupo-93 {
  margin: 0;
  position: absolute;
  top: 13px;
  left: 12px;
  width: 29px;
  height: 29px;
  display: flex;
  z-index: 3;
}

.grupo-94-icon {
  position: absolute;
  top: 15px;
  left: 15.4px;
  width: 23.1px;
  height: 27px;
  display: flex;
  z-index: 3;
}

.requirement-list {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg-5);
  width: auto;
  height: auto;

  font-size: var(--font-size-smi);
}

.requirements-content {
  flex: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 21.299999999999955px;
  max-width: 100%;
  height: auto;
}

.requirements {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-base) var(--padding-11xs);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  width: auto;
  height: auto;
  gap: var(--gap-0);
}

.introduccin-al-desarrollo {
  position: relative;
  font-weight: 600;
  display: flex;
  z-index: 2;
}

.grupo-139-icon {
  height: 25.1px;
  width: 25.1px;
  position: relative;
  display: flex;
  z-index: 2;
}

.contendor-sub-module-items {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.module-items {
  background: #e6e7e9;
  border-radius: 7px;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 15.399999999999975px var(--padding-4xl) 16.399999999999977px;
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-xl);
  width: auto;
  height: auto;
}

.grupo-149-icon {
  width: 25.1px;
  height: 25.1px;
  position: relative;
  display: flex;
  z-index: 2;
}

.grupo-149-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1.6000000000000227px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.grupo-151-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10.600000000000025px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.grupo-153-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 6.600000000000023px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.learning-modules {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xs-5);
  width: auto;
  height: auto;

  font-size: var(--font-size-mid);
}

.learning-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 26.299999999999955px;
  max-width: 100%;
  height: auto;
}

.learning-content-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) 8.999999999999943px var(--padding-11xs);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  width: auto;
  height: auto;
  gap: var(--gap-0);
}

.para-qu-me {
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  z-index: 1;
}

.benefits-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-12xs);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.con-excel-podrs {
  position: relative;
  display: flex;
  flex-shrink: 0;
  z-index: 1;
}

.benefits-description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  align-self: unset;
  height: auto;
  gap: -1.7999999999999972px;

  font-size: var(--font-size-base);
  color: var(--color-dimgray);
  font-family: var(--font-segoe-ui);
}

.benefits-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 26.100000000000023px;
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
}

.benefits-content-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-12xs);
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.description-container {
  align-self: stretch;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  gap: 29.200000000000045px;
  max-width: 100%;
  width: auto;
}

.info-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.099999999999909px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
}

.grupo-105-icon {
  border-top-left-radius: 18px;
  border-top-right-radius: 18px;
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
  display: flex;
}

.grupo-107-icon {
  width: 14.9px;
  height: 19.8px;
  position: relative;
  display: flex;
  z-index: 1;
}

.trailer-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5.7000000000000455px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.mira-el-trailer {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: flex;
  z-index: 1;
}

.grupo-109 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 67.79999999999995px var(--padding-49xl) 73.70000000000005px var(--padding-53xl);
  box-sizing: border-box;
  position: relative;
  gap: 4.199999999999989px;
  width: auto;
  align-self: unset;
  height: auto;
  z-index: 2;
}

.alumnos-se-inscribieron {
  position: relative;
  font-weight: 500;
  display: flex;
  white-space: nowrap;
  z-index: 3;
}

.en-las-ltimas {
  position: relative;
  font-weight: 500;
  display: flex;
  white-space: nowrap;
  z-index: 4;
}

.hours {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 15.599999999999907px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);

  margin-left: -184px;
}

.grupo-115-icon {
  position: absolute;
  top: 27.2px;
  left: 23.7px;
  width: 20.1px;
  height: 20.4px;
  display: flex;
  z-index: 3;
}

.grupo-116-icon {
  position: absolute;
  top: 33px;
  left: 38.6px;
  width: 14.4px;
  height: 14.6px;
  display: flex;
  z-index: 4;
}

.last-hours-container {}

.enrollment-details {
  border: 1px solid #666666;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-xl-5) var(--padding-35xl) 21.90000000000009px var(--padding-41xl);
  box-sizing: border-box;
  position: relative;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-197xs);
}

.cursos-de-regalo {
  position: relative;
  font-weight: 800;
  display: flex;
  z-index: 3;
}

.grupo-121-icon {}

.whatsapp-text-icon {
  height: 1rem !important;
  width: auto !important;
  margin-bottom: .25rem !important;
}

.offer-elements {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--padding-lg-5) var(--padding-17xl) var(--padding-xl-5);
  box-sizing: border-box;
  width: auto;
  height: auto;
  gap: var(--gap-5xl);

  color: var(--color-white);
}


.office-365-a1 {
  position: relative;
  font-weight: 800;
  display: flex;
  min-width: 117;
  z-index: 3;
}

.office-365-a1-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-8xs) var(--padding-0) var(--padding-10xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.para-estudiantes {
  position: relative;
  font-family: var(--font-segoe-ui);
  display: flex;
  min-width: 124;
  z-index: 4;
  margin-top: -4px;
}

.offer-elements1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  width: 100%;
  align-self: unset;
  height: auto;
  gap: var(--gap-17xs);

  padding: 0.8rem 1px;
}

.offer-elements1 p {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.clases-de-refuerzo {
  position: relative;
  font-weight: 800;
  display: flex;
  z-index: 3;
}

.en-vivo {
  position: relative;
  font-weight: 800;
  display: flex;
  min-width: 75;
  z-index: 4;
}

.live-container {
  border-radius: 7px;
  background: #ff0000;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  position: relative;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
  padding: 0.4rem;
}

.live {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-base-8);
  color: var(--color-white);
}

.reinforcement-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-7xs) var(--padding-30xl) var(--padding-3xs-5);
  box-sizing: border-box;
  position: relative;
  gap: 1.599999999999909px;
  height: auto;
}

.reinforcement {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-12xs);
  box-sizing: border-box;
  width: auto;
  height: auto;
  gap: var(--gap-0);
}

.dscto1 {
  position: relative;
  display: flex;
  font-weight: 700;
  z-index: 3;
}

.s-279 {
  position: relative;
  font-weight: 900;
  display: flex;
  min-width: 115;
  z-index: 3;
}

.s-518 {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 83;
  z-index: 3;
}

.original-price-crossed {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.7999999999999545px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-8xl-1);
  color: var(--color-gray-300);
}

.original-price {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15.300000000000011px;
  width: auto;
  align-self: unset;
  height: auto;
}

.discount-label1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-12xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-13xl-4);
  color: var(--color-red);
}

.discount-container1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5.900000000000091px;
  width: auto;
  align-self: unset;
  height: auto;
}

.lnea-2-icon {
  position: absolute;
  top: 71.3px;
  left: 153.1px;
  width: 99.3px;
  height: 2px;
  display: flex;
  border: 2px solid var(--color-gray-300);
  box-sizing: border-box;
  z-index: 4;
}

.comprar-ahora {
  top: 9.4px;
  left: 65.5px;
  font-size: var(--font-size-2xs);
  font-weight: 600;
  font-family: var(--font-montserrat);
  color: var(--color-black);
  text-align: left;
  display: flex;
  min-width: 85;
  z-index: 4;
}

.buy-button {
  cursor: pointer;
  border: none;
  padding-top: .6rem;
  padding-bottom: .6rem;
  padding-left: .5rem;
  padding-right: .5rem;
  background-color: transparent;
  align-self: stretch;
  position: relative;
  width: auto;
  gap: var(--gap-0);
  align-items: center;
  justify-content: center;
  background: #ffbc00;
  border-radius: 10px;
  font-weight: 600;
  width: 100%;
  font-size: .75rem;
}

.whatsapp-button {
  cursor: pointer;
  border: none;
  padding-top: .6rem;
  padding-bottom: .6rem;
  padding-left: .5rem;
  padding-right: .5rem;
  background-color: transparent;
  align-self: stretch;
  position: relative;
  width: auto;
  gap: var(--gap-0);
  align-items: center;
  justify-content: center;
  background: #32d951;
  color: #ffffff;
  border-radius: 10px;
  font-weight: 600;
  width: 100%;
  font-size: .90rem;
}

.price {
  font-weight: 800;
  font-size: 2rem !important;
  color: #000000 !important;
}

.whatsapp-text {
  padding-top: .20rem;
  font-size: var(--font-size-sm-5);
  max-width: 60%;
  margin-right: auto;
  margin-left: auto;

}

.whatsapp-text p {
  font-size: .7rem !important;
  margin-top: 0 !important;
  font-weight: 800 !important;
  line-height: .6rem;

}

.discount-banner {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 15.599999999999907px var(--padding-5xl) 19.40000000000009px;
  box-sizing: border-box;
  position: relative;
  gap: 6px;
  width: auto;
  height: auto;

  font-size: var(--font-size-3xl-6);
  color: var(--color-dimgray);
}

.offer-banner {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8.166666666666666px;
  width: auto;
  height: auto;

  font-size: var(--font-size-mid);
}

.enrollment-container {
  width: 267.99999999999994px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
  height: auto;
}

.beneficios-del-curso {
  position: relative;
  font-weight: 800;
  display: flex;
  z-index: 2;
}

.grupo-125-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: flex;
}

.meses {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 56;
  z-index: 1;
}

.benefit-duration {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-mini) var(--padding-0) var(--padding-lg);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.certificado {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 77;
  z-index: 1;
}

.certificate-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-6xs) var(--padding-0) var(--padding-8xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.internacional {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 89.7;
  z-index: 1;
  margin-top: -2.5px;
}

.certification {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-15xs-5);
}

.examen {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 57;
  z-index: 1;
}

.benefit-duration1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-mini) var(--padding-0) var(--padding-mid);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.benefit-details {
  position: absolute;
  top: 43.6px;
  left: 18.9px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 56.25px;
  width: auto;
  align-self: unset;
  height: auto;
}

.acceso-1-ao {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 89;
  z-index: 1;
}

.access {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-7xs-5);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.material-icons {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-mid) var(--padding-0) var(--padding-2xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.descargable {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 86;
  z-index: 1;
  margin-top: -2.5px;
}

.features-row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-12xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.soporte {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 55;
  z-index: 1;
}

.soporte-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-5xs) var(--padding-0) var(--padding-8xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.educativo {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 69;
  z-index: 1;
  margin-top: -2.5px;
}

.features-row1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-4xs) var(--padding-0) var(--padding-3xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.benefit-features {
  position: absolute;
  top: 43.6px;
  left: 152.7px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-32xl-5);
  width: auto;
  align-self: unset;
  height: auto;
}

.grupo-132-icon {
  position: absolute;
  height: 177px;
  width: 152.9px;
  top: 6.82%;
  right: 20.73%;
  bottom: 17.7%;
  left: 20.8%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: flex;
  z-index: 2;
}

.grupo-133 {
  align-self: stretch;
  height: 234.5px;
  position: relative;
  display: flex;
  width: auto;
  z-index: 2;
}

.grupo-134-icon {
  height: 100%;
  width: 100%;
  position: absolute;
  margin: 0 !important;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  flex-shrink: 0;
  display: flex;
}

.rectngulo-997-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 9.4px;
  height: 1px;
  background-color: var(--color-white);
  display: flex;
  z-index: 1;
}

.rectngulo-998-icon {
  position: absolute;
  top: 13.6px;
  left: 0px;
  width: 9.4px;
  height: 1px;
  background-color: var(--color-white);
  display: flex;
  z-index: 1;
}

.days-icons {
  width: 9.399999999999975px;
  height: 14.599999999999907px;
  position: relative;
  display: flex;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
}

.calendar-icons {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) 8.700000000000045px;
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.return-label {
  position: relative;
  font-weight: 900;
  display: flex;
  min-width: 13;
  z-index: 1;
}

.return-policy {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-6xs) var(--padding-0) var(--padding-8xs);
  box-sizing: border-box;
  width: auto;
  height: auto;
  gap: var(--gap-0);
}

.das {
  position: relative;
  font-weight: 900;
  display: flex;
  min-width: 15;
  z-index: 1;
}

.days-count {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-8xs);
  box-sizing: border-box;
  width: auto;
  height: auto;
  gap: var(--gap-0);
}

.hbiles {
  position: relative;
  font-weight: 900;
  display: flex;
  min-width: 26;
  z-index: 2;
  margin-top: -0.6px;
}

.business-days {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: auto;
  height: auto;
  gap: -0.6000000000000227px;

  margin-top: -0.7px;
  font-size: var(--font-size-7xs-5);
}

.return-policy-parent {
  width: 26px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  gap: -0.6999999999999318px;
}

.grupo-136 {
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: 14.799999999999956px var(--padding-9xs) var(--padding-lg-5);
  box-sizing: border-box;
  position: relative;
  gap: 18.850000000000023px;
  width: auto;
  align-self: unset;
  height: auto;
  z-index: 3;
}

.te-devolvemos-tu {
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  min-width: 85;
  z-index: 3;
}

.compra-al-100 {
  position: relative;
  display: flex;
  min-width: 105;
  flex-shrink: 0;
  z-index: 4;
}

.ests-contento-con {
  margin-top: -4px;
  position: relative;
  display: flex;
  min-width: 105;
  flex-shrink: 0;
  z-index: 5;
}

.satisfaction-condition {
  height: 11px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  gap: var(--gap-0);
}

.purchase-condition {
  position: absolute;
  top: 11px;
  left: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.curso {
  position: absolute;
  top: 33px;
  left: 0px;
  display: flex;
  min-width: 29;
  z-index: 6;
}

.refund-policy {
  align-self: stretch;
  height: 48px;
  position: relative;
  display: flex;
  width: auto;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
}

.satisfaction {
  width: 105px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10.100000000000025px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-2xs);
  color: var(--color-gray-400);
  font-family: var(--font-segoe-ui);
}

.guarantee-container {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-base-5) var(--padding-xs) 15.600000000000025px;
  box-sizing: border-box;
  position: relative;
  gap: 5.2000000000000455px;
  width: auto;
  height: auto;

  color: var(--color-white);
}

.rectngulo-1499-icon {
  position: absolute;
  top: 17.2px;
  left: 21.1px;
  width: 40.5px;
  height: 40.5px;
  object-fit: contain;
  display: flex;
  z-index: 3;
}

.rectngulo-1500-icon {
  position: absolute;
  top: 63.4px;
  left: 18.6px;
  width: 48.7px;
  height: 31px;
  object-fit: cover;
  display: flex;
  z-index: 3;
}

.certification-container {
  margin: 0 1rem;
}

.certificado-microsft {
  position: absolute;
  top: 35.4px;
  left: 78.2px;
  font-weight: 600;
  display: flex;
  z-index: 3;
}

.opcin-a-rendir {
  position: absolute;
  top: 22px;
  left: 78.3px;
  font-size: var(--font-size-3xs-8);
  font-weight: 600;
  color: var(--color-gray-400);
  display: flex;
  z-index: 3;
}

.office-specialist {
  position: relative;
  font-weight: 600;
  display: flex;
  z-index: 4;
}

.pago-del-examen {
  position: relative;
  font-size: var(--font-size-6xs);
  font-family: var(--font-segoe-ui);
  color: var(--color-gray-400);
  display: flex;
  z-index: 3;
}

.exam-details {
  position: absolute;
  top: 51.8px;
  left: 78.2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6000000000000227px;
  width: auto;
  align-self: unset;
  height: auto;
}

.microsoft-certification {
  align-self: stretch;
  height: 111.3px;
  position: relative;
  display: flex;
  width: auto;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;

  font-size: var(--font-size-base-5);
}

.rectngulo-1501-icon {
  position: absolute;
  top: 21.3px;
  left: 23px;
  width: 44px;
  height: 33.4px;
  object-fit: contain;
  display: flex;
  z-index: 3;
}

.acceso-exclusivo-a {
  position: absolute;
  top: 15.4px;
  left: 79.2px;
  font-weight: 600;
  display: flex;
  z-index: 3;
}

.comunidad-de-discord {
  position: absolute;
  top: 29.4px;
  left: 79.2px;
  font-weight: 600;
  display: flex;
  z-index: 4;
}

.alunmos-conectados {
  position: absolute;
  top: 47.5px;
  left: 86px;
  font-size: var(--font-size-4xs);
  font-family: var(--font-segoe-ui);
  color: var(--color-gray-400);
  display: flex;
  min-width: 118;
  z-index: 3;
}

.discord-community {
  align-self: stretch;
  height: 73.30000000000001px;
  position: relative;
  display: flex;
  width: auto;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;

  font-size: var(--font-size-sm);
}

.guaranteed-return {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 20.899999999999977px;
  width: auto;
  height: auto;

  font-size: var(--font-size-xl);
  color: var(--color-black);
}

.benefit-card-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xl);
  height: auto;
}

.benefit-cards {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-11xs);
  box-sizing: border-box;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-sm-5);
}

.benefits-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-mid-5);
  height: auto;
}

.course-benefits {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-6xs) var(--padding-0) var(--padding-12xs);
  box-sizing: border-box;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-mid);
}

.group-parent {
  background: white;
  box-shadow:
    0 4px 8px 0 rgba(0, 0, 0, 0.2),
    0 6px 20px 0 rgba(0, 0, 0, 0.19);
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-14xl);
  width: auto;
  height: auto;
  font-size: var(--font-size-smi);
  color: var(--color-gray-400);
}

.grupo-109-parent {
  width: 302.29999999999995px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  min-width: 302.29999999999995;
  height: auto;
  gap: var(--gap-33xs);

  font-size: var(--font-size-2xl);
  color: var(--color-white);
}

.info-content {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 40.69999999999999px;
  max-width: 100%;
  height: auto;
}

.info-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-xs);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);
}

.descExperto {
  display: flex;
  align-items: start;
  justify-content: center;
  flex-direction: column;
}

.borderCostado{
  border-left: 2px solid #000000;
  padding: 1px;
}

.giancarlos-barboza1 {
  margin: 0;
  font-weight: normal;
}

.profesional-con-experiencia {
  font-size: 13px;
  color: #666666;
}

.grupo-156-icon {
  width: inherit;
}

.lnea-3-icon {
  margin-top: 2.9rem;
  height: 3rem;
}

.imgPerfil {
  height: 119.54px;
  width: 119.54px;
}

.description {
  background: #ebecee;
  padding: 1rem 2rem;
  box-sizing: content-box;
  display: flex;
  flex-direction: row;
}

.nuestro-experto-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 12.300000000000011px;
  max-width: 100%;
  height: auto;
}

.info-container-inner {
  width: 668.5px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);
  font-size: var(--font-size-2xl);
}

.header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-7xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.rectngulo-1003-icon {
  align-self: stretch;
  height: auto;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  display: flex;
  width: auto;
  z-index: 1;
}

.certificate-highlight {
  align-self: stretch;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  gap: var(--gap-sm-3);
  flex-shrink: 0;
  width: auto;
}

.sobre-el-certificado {
  position: relative;
  display: flex;
  flex-shrink: 0;
  max-width: 100%;
  z-index: 1;
}

.institution {
  top: 0px;
  left: 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  width: 100%;
  align-self: unset;
  height: auto;
  gap: var(--gap-15xs);
}

.explanation {
  height: auto;
  flex: 1;
  flex-shrink: 0;
  max-width: 100%;
  display: flex;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
}

.details {
  width: 632.7px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-14xl);
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-smi);
  color: var(--color-dimgray);
  font-family: var(--font-segoe-ui);
}

.certificate-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 16.30000000000001px;
  max-width: 100%;
  height: auto;
}

.certificate-info {
  width: 661.6px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-2xl);
}

.integration-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-mini);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.rectngulo-1495-icon {
  height: 57.6px;
  width: 177px;
  position: relative;
  object-fit: cover;
  display: flex;
  z-index: 1;
}

.platform-logo {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-mini);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.rectngulo-1496-icon {
  align-self: stretch;
  height: auto;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  object-fit: cover;
  display: flex;
  width: auto;
  z-index: 1;
}

.profile-integration {
  width: 672px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) 32.59999999999991px;
  box-sizing: border-box;
  gap: 15.75px;
  max-width: 100%;
  height: auto;
}

.star-count {
  position: relative;
  display: flex;
  min-width: 85;
  font-weight: 700;
  z-index: 1;
}

.five-star {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-xs) var(--padding-0) var(--padding-10xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.grupo-181-icon {
  height: 14.3px;
  width: 85px;
  position: relative;
  display: flex;
  z-index: 1;
}

.icon {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-9xs) var(--padding-0) var(--padding-2xs);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.rating-del-curso {
  position: relative;
  font-size: var(--font-size-xs-9);
  font-weight: 600;
  color: var(--color-gray-400);
  display: flex;
  min-width: 101;
  z-index: 1;
}

.stars {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5.800000000000068px;
  width: auto;
  align-self: unset;
  height: auto;
}

.breakdown {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) 5.7999999999999545px;
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.rectngulo-1482-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  background-color: var(--color-gainsboro-200);
  display: flex;
  z-index: 1;
}

.rectngulo-1487-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 219px;
  height: 9px;
  background-color: var(--color-orange-300);
  display: flex;
  z-index: 2;
}

.star-indicators {
  height: 100%;
  width: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: flex;
}

.fill {
  height: 9px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  flex-shrink: 0;
  width: -webkit-fill-available;
  gap: var(--gap-0);
}

.five-star-bar {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-10xs);
  box-sizing: border-box;
  min-width: 190;
  height: auto;
  gap: var(--gap-0);
}

.grupo-182-icon {
  align-self: stretch;
  height: 12px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  display: flex;
  width: auto;
  z-index: 1;
}

.other-bars {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 3.400000000000091px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}

.counts {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 28;
  z-index: 1;
}

.other-ratings {
  width: 107.6px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8.199999999999989px;
  flex-shrink: 0;
  height: auto;
}

.rating-bars {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 29.59999999999999px;
  width: auto;
  height: auto;
}

.rectngulo-1488-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 74px;
  height: 9px;
  background-color: var(--color-orange-300);
  display: flex;
  z-index: 2;
}

.rectngulo-1484-icon {
  align-self: stretch;
  height: 9px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  flex-shrink: 0;
  background-color: var(--color-gainsboro-200);
  display: flex;
  width: auto;
  z-index: 1;
}

.rectngulo-1484-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-12xs);
  box-sizing: border-box;
  min-width: 190;
  height: auto;
  gap: var(--gap-0);
}

.div2 {
  position: relative;
  font-weight: 600;
  display: flex;
  min-width: 21;
  z-index: 1;
}

.frame-div {
  width: 100.6px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8.199999999999989px;
  flex-shrink: 0;
  height: auto;
}

.grupo-185-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 2.400000000000091px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}

.rectngulo-1486-icon {
  height: 9px;
  width: 293px;
  position: relative;
  flex-shrink: 0;
  background-color: var(--color-gainsboro-200);
  display: flex;
  z-index: 1;
}

.star-distribution {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 8.25px;
  min-width: 279;
  max-width: 100%;
  height: auto;

  font-size: var(--font-size-sm-6);
  color: var(--color-gray-400);
}

.rating-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 25.30000000000001px;
  max-width: 100%;
  height: auto;
}

.rating {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-5xl);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-32xl-4);
  color: var(--color-black);
}

.reviews {
  width: 615.8px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-mid) 26.59999999999991px;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);
}

.comment {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) 12.299999999999956px;
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);

  font-family: var(--font-montserrat);
}

.grupo-191-icon {
  height: 32px;
  width: 32px;
  position: relative;
  object-fit: contain;
  display: flex;
  z-index: 1;
}

.cesar-esquen-valverde {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: flex;
  z-index: 1;
}

.icon1 {
  width: 85px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 4.900000000000091px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}

.hace-3-meses {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: flex;
  min-width: 109;
  z-index: 1;
}

.time {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 11.200000000000015px;
  width: auto;
  align-self: unset;
  height: auto;
}

.buen-da {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  color: var(--color-darkslategray);
  display: flex;
  min-width: 74;
  z-index: 1;
}

.timestamp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
  width: auto;
  align-self: unset;
  height: auto;

  font-size: var(--font-size-lg);
  color: var(--color-gray-300);
  font-family: var(--font-segoe-ui);
}

.header1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-12xs);
  width: auto;
  height: auto;
}

.information {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 11.599999999999907px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  min-width: 146;
  height: auto;
  gap: var(--gap-0);
}

.profile {
  flex: 1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lgi);
  height: auto;
}

.details1 {
  width: 313.5px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-11xs);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}

.buen-curso-or {
  position: relative;
  display: flex;
  max-width: 100%;
  z-index: 1;
}

.medida-que-avanza {
  position: relative;
  display: flex;
  z-index: 2;
  margin-top: -2.6px;
}

.comment-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
  gap: -2.599999999999909px;
}

.feedback {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px 90px;
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);
}

.te-sirvi-este {
  position: relative;
  display: flex;
  min-width: 119;
  z-index: 1;
}

.trazado-201-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20.1px;
  background-color: var(--color-lightslategray);
  display: flex;
  z-index: 1;
}

.trazado-202-icon {
  position: absolute;
  top: 3.5px;
  left: 41.2px;
  width: 18.2px;
  height: 18.3px;
  background-color: var(--color-lightslategray);
  display: flex;
  z-index: 1;
}

.icon2 {
  align-self: stretch;
  height: 21.799999999999955px;
  position: relative;
  display: flex;
  width: auto;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
}

.thumbs-up {
  width: 59.39999999999998px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}

.rectngulo-1503-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--color-steelblue);
  display: flex;
  z-index: 1;
}

.ver-linkedin {
  position: absolute;
  top: 7.1px;
  left: 16.2px;
  font-size: var(--font-size-sm);
  font-weight: 800;
  font-family: var(--font-montserrat);
  color: var(--color-white);
  text-align: left;
  display: flex;
  min-width: 95;
  z-index: 2;
}

.link {
  cursor: pointer;
  border: none;
  padding: 0;
  background-color: transparent;
  height: 33.19999999999982px;
  width: 128.1px;
  position: relative;
  display: flex;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
}

.icons {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  gap: var(--gap-xl);
  height: auto;
}

.response {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-10xs);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);
}

.te-sirvi-este-comentario-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6.400000000000091px;
  max-width: 100%;
  height: auto;
}

.usefulness {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-68xl);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-3xs);
  color: var(--color-gray-500);
}

.grupo-196-icon {
  position: absolute;
  top: 0.7px;
  left: 0.9px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  z-index: 1;
}

.grupo-223-icon {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: flex;
  z-index: 2;
}

.avatars {
  height: 67.09999999999991px;
  width: 67.10000000000002px;
  position: relative;
  display: flex;
  gap: var(--gap-0);
  align-items: flex-start;
  justify-content: flex-start;
}

.time1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 11.200000000000015px;
  width: auto;
  height: auto;
}

.buen-tardes {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  color: var(--color-darkslategray);
  display: flex;
  min-width: 99;
  z-index: 1;
}

.timestamp1 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-7xs);
  width: auto;
  height: auto;

  font-size: var(--font-size-lg);
  color: var(--color-gray-300);
  font-family: var(--font-segoe-ui);
}

.details2 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10.199999999999818px var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}

.additional-feedback {
  width: 292.5px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20.199999999999932px;
  height: auto;

  font-size: var(--font-size-lgi);
  color: var(--color-gray-400);
  font-family: var(--font-montserrat);
}

.review {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14.900000000000093px;
  max-width: 100%;
  width: auto;
  height: auto;

  font-size: var(--font-size-mid);
  color: var(--color-darkslategray);
  font-family: var(--font-segoe-ui);
}

.content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  height: auto;
}

.testimonial {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-sm);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-lgi);
  font-family: var(--font-montserrat);
}

.excelente-curso-lo {
  position: relative;
  display: flex;
  z-index: 1;
}

.feedback1 {
  width: 439.5px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-xl) var(--padding-base);
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-mid);
  color: var(--color-darkslategray);
}

.grupo-194-icon {
  height: 21.9px;
  width: 59.4px;
  position: relative;
  display: flex;
  z-index: 1;
}

.feedback2 {
  width: 509.1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.400000000000091px;
  max-width: 100%;
  height: auto;
}

.usefulness1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) 18.90000000000009px var(--padding-0);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-3xs);
  color: var(--color-gray-500);
}

.mostrar-ms-valoraciones {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 400;
  font-family: inherit;
  display: flex;
  z-index: 2;
}

.valuation {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10.699999999999818px var(--padding-xl) 9.300000000000182px var(--padding-162xl);
  box-sizing: border-box;
  position: relative;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);
}

.more {
  border: 1px solid #333333;
  border-radius: 7px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-lg);
  color: var(--color-lightslategray);
}

.feedback-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  height: auto;
}

.student-feedback {
  width: 641px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-mini) 17.59999999999991px;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);

  font-family: var(--font-segoe-ui);
}

.tengo-acceso-ilimitado {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: flex;
  max-width: 100%;
  z-index: 2;
}

.s-luego-de {
  position: relative;
  display: flex;
  z-index: 2;
}

.donde-quieras-el {
  position: relative;
  display: flex;
  max-width: 100%;
  z-index: 3;
  margin-top: -1.4px;
}

.answer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
  gap: -1.3999999999996362px;

  font-size: var(--font-size-smi);
  font-family: var(--font-segoe-ui);
}

.rectngulo-1492-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  background-color: var(--color-whitesmoke);
  display: flex;
  z-index: 1;
}

.grupo-204-icon {
  position: absolute;
  top: 34.2px;
  left: 530.2px;
  width: 13.8px;
  height: 7px;
  display: flex;
  z-index: 2;
}

.unlimited-access {
  background: #ebecee;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 21.899999999999636px var(--padding-base) 26.199999999999815px;
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-xl);
  max-width: 100%;
  width: auto;
  height: auto;
  cursor: pointer;
}

.grupo-207-icon {
  position: absolute;
  top: 29px;
  left: 530.2px;
  width: 13.8px;
  height: 7px;
  display: flex;
  z-index: 2;
}

.cundo-inicia-el {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 600;
  font-family: inherit;
  display: flex;
  z-index: 2;
}

.grupo-210-icon {
  position: absolute;
  top: 29px;
  left: 530.4px;
  width: 13.8px;
  height: 7px;
  display: flex;
  z-index: 2;
}

.questions-block1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 17.699999999999818px var(--padding-base) 26.300000000000185px;
  box-sizing: border-box;
  position: relative;
  width: auto;
  height: auto;
  gap: var(--gap-0);
}

.list-container {
  width: 569.9000000000001px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 7.75px;
  max-width: 255%;
  flex-shrink: 0;
  height: auto;
}

.question-list {
  width: 65%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-lgi);
}

.questions {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 22.100000000000364px;
  max-width: 100%;
  height: auto;
}

.f-a-q {
  width: 656px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-mini);
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);
}

.info-container {
  width: 994.6px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 38.10000000000008px;
  max-width: 100%;
  height: auto;
}

.course-info {
  width: 1359.4px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-xl) 113.40000000000008px;
  box-sizing: border-box;
  max-width: 100%;
  flex-shrink: 0;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-6xl);
  color: var(--color-gray-400);
}

.conoce-cmara-de {
  margin: 0;
  position: relative;
  font-size: inherit;
  font-weight: 700;
  font-family: inherit;
  display: flex;
  z-index: 1;
}

.quines-somos {
  position: relative;
  font-weight: 500;
  display: flex;
  z-index: 1;
}

.nuestros-logros {
  position: relative;
  font-weight: 500;
  display: flex;
  min-width: 128;
  z-index: 1;
}

.description1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-sm);
  width: auto;
  align-self: unset;
  height: auto;

  font-size: var(--font-size-base);
}

.about-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lgi);
  max-width: 100%;
  width: auto;
  align-self: unset;
  height: auto;
}

.enlaces-de-ayuda {
  margin: 0;
  position: relative;
  font-size: var(--font-size-2xl);
  font-weight: 700;
  font-family: inherit;
  display: flex;
  z-index: 1;
}

.links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-mid);
  width: auto;
  align-self: unset;
  height: auto;

  font-size: var(--font-size-base);
}

.about {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  gap: var(--gap-xl);
  height: auto;
}

.grupo-172-icon {
  height: 66.2px;
  width: 52.2px;
  position: relative;
  object-fit: cover;
  display: flex;
  z-index: 1;
}

.cmara-de-comercio {
  position: relative;
  font-weight: 500;
  display: flex;
  z-index: 1;
}

.copyright {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-12xl-5) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  min-width: 488;
  max-width: 100%;
  flex-shrink: 0;
  height: auto;
  gap: var(--gap-0);
}

.footer {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15.899999999999975px;
  max-width: 100%;
  width: auto;
  height: auto;

  font-size: var(--font-size-2xs);
  color: var(--color-slategray);
}

.comercio-exterior {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 86.19999999999982px;
  min-width: 819.1;
  flex-shrink: 0;
  max-width: 100%;
  height: auto;
}

.trazado-154-icon {
  align-self: stretch;
  width: 8.2px;
  position: relative;
  max-height: 100%;
  min-height: 18;
  background-color: var(--color-gray-200);
  display: flex;
  height: auto;
  z-index: 1;
}

.trazado-155-icon {
  height: 17px;
  width: 21px;
  position: relative;
  background-color: var(--color-gray-100);
  display: flex;
  z-index: 1;
}

.grupo-177-icon {
  height: 18px;
  width: 18px;
  position: relative;
  min-height: 18;
  display: flex;
  z-index: 1;
}

.icons1 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--gap-xl);
  width: auto;
  height: auto;
}

.social-media {
  width: 95.60000000000002px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  padding: var(--padding-0) var(--padding-0) var(--padding-lg);
  box-sizing: border-box;
  height: auto;
  gap: var(--gap-0);
}

.policy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-sm);
  width: auto;
  align-self: unset;
  height: auto;
}

.grupo-178-icon {
  width: 18px;
  height: 18px;
  position: relative;
  display: flex;
  z-index: 1;
}

.location-details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-lg) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.grupo-179-icon {
  width: 14.9px;
  height: 17.7px;
  position: relative;
  display: flex;
  z-index: 1;
}

.per {
  gap: 0.5rem;
  position: relative;
  display: flex;
  min-width: 33;
  font-weight: 700;
  z-index: 3;
}

.soles {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-11xs) var(--padding-0) var(--padding-0);
  box-sizing: border-box;
  width: auto;
  align-self: unset;
  height: auto;
  gap: var(--gap-0);
}

.s-pen {
  position: relative;
  font-size: var(--font-size-base);
  font-family: var(--font-segoe-ui);
  color: var(--color-gray-500);
  display: flex;
  min-width: 58;
  z-index: 3;
}

.grupo-176-icon {
  position: absolute;
  top: 23.2px;
  left: 222.8px;
  width: 16.9px;
  height: 8.5px;
  display: flex;
  z-index: 1;
}

.rectngulo-1480-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  display: flex;
  border: 1px solid var(--color-gray-100);
  box-sizing: border-box;
  z-index: 2;
}

.grupo-180-icon {
  position: absolute;
  top: 19px;
  left: 45.7px;
  width: 24.3px;
  height: 16.2px;
  object-fit: cover;
  display: flex;
  z-index: 3;
}

.payment-details {
  border: 1px solid #808089;
  flex: 1;
  display: flex;
  border-radius: 7px;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 15px 20px 15px 45px;
  box-sizing: border-box;
  position: relative;
  gap: var(--gap-7xs);
  min-width: 91;
  height: auto;
}

.address {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 25.50000000000003px;
  max-width: 100%;
  height: auto;
}

.location {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) var(--padding-0) var(--padding-5xl);
  box-sizing: border-box;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-smi);
  color: var(--color-black);
}

.legal {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 97.09999999999992px;
  min-width: 239;
  max-width: 100%;
  height: auto;

  margin-left: -1.3px;
}

.social {
  width: 462.7000000000001px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-start;
  min-width: 462.7000000000001;
  flex-shrink: 0;
  row-gap: 20px;
  max-width: 100%;
  height: auto;
  gap: -1.3000000000000114px;

  font-size: var(--font-size-base);
}

.about-us {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 100%;
  flex-shrink: 0;
  gap: var(--gap-xl);
  width: auto;
  height: auto;

  font-size: var(--font-size-2xl);
  color: var(--color-gray-600);
}

.preview-content-parent {
  height: auto;
  width: 1050px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  gap: var(--gap-11xl-5);
  max-width: 100%;
}

.course-preview {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  max-width: 100%;
  width: auto;
  height: auto;
  gap: var(--gap-0);

  font-size: var(--font-size-184xl-1);
  color: var(--color-gold);
}

.courses-container {
  width: 1489px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 100%;
  height: auto;

  padding: var(--padding-0) var(--padding-0) 4.547473508864641e-13px;
  box-sizing: border-box;
  text-align: left;
  font-size: var(--font-size-lg-7);
  color: var(--color-black);
  font-family: var(--font-montserrat);
}

.courses-container-wrapper {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-0) var(--padding-xl);
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  gap: var(--gap-0);
}

.homepage {
  width: 100%;
  position: relative;
  background-color: var(--color-white);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-0) var(--padding-0) 44.000000000000455px;
  box-sizing: border-box;
  gap: 39.09999999999991px;
  line-height: normal;
  letter-spacing: normal;
  height: auto;
}

.datos-instructor {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.requirements-curse {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-movil {
  display: none;
}

.det-curso-camara {
  display: none;
}

.iconArrowValuation {
  width: 10px;
  height: 10px;
}

a {
  color: var(--color-gray-600);
  text-decoration: none;
}

a:hover {
  color: var(--color-gray-300);
}

/*QUERY*/
@media screen and (max-width: 450px) {
  .student-feedback {
    padding: 0;
  }

  .feedback {
    padding-right: 0px;
    font-size: 13px;
  }

  .columns-parent {
    display: none;
  }

  .grupo-25-parent {
    width: 0px;
  }

  .grupo-25-icon {
    height: 41.3px;
    width: auto;
  }

  .login-form-wrapper {
    width: 31%;
  }

  .login-form {
    border-radius: 7px;
    height: 33.6px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .ingresar {
    font-size: 12px;
  }

  .course-header {
    display: none;
  }

  .preview-title {
    font-size: 45px;
    width: auto;
  }

  .discount-label {
    font-size: 40px;
    padding-top: 0.5rem;
  }

  .preview-details {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
  }

  .discount-wrapper {
    padding: 0;
  }

  .discount-container {
    display: flex;
    flex-direction: row;
    gap: 1rem;
  }

  .dscto {
    font-size: 39px;
    padding-top: 0.5rem;
  }

  .curso-de-excel {
    font-size: 23px;
  }

  .lnea-1-wrapper {
    display: none;
  }

  .datos-instructor {
    display: block;
  }

  .instructor-title {
    padding: 0;
  }

  .grupo-109-parent {
    display: none;
  }

  .grupo-109-parent {
    display: none;
  }

  .name-input-wrapper {
    max-width: 81.5%;
  }

  .description {
    padding: 1rem 0.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
  }

  .imgPerfil {
    height: 46px;
    width: 60px;
  }

  .giancarlos-barboza1 {
    font-size: 17px;
    margin: 0;
  }

  .certification-container {
    margin: 0 0.5rem;
  }

  .profesional-con-experiencia {
    font-size: 11px;
    margin: 0;
  }

  .lnea-3-icon {
    margin-top: 1.6rem;
    height: 4rem;
  }

  .details {
    padding: 0;
  }

  .giancarlos-barboza {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
  }

  .integration-content {
    padding: 0;
  }

  .para-qu-me {
    font-size: 20px;
    font-weight: 700;
  }

  .comment {
    padding: 0;
  }

  .information {
    padding: 0;
  }

  .cesar-esquen-valverde {
    font-size: 15px;
  }

  .estrellaIcon {
    width: 16.03px;
    height: 15.1px;
  }

  .hace-3-meses {
    font-size: 13px;
  }

  .requirements-content {
    display: flex;
    flex-direction: row;
    gap: 0;
  }

  .requirements-curse {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .requirements {
    display: block;
  }

  .reviews {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
  }

  .star-distribution {
    width: -webkit-fill-available;
  }

  .rating {
    padding: 0;
    margin-left: -3rem;
    margin-top: 4rem;
    margin-bottom: 1rem;
  }

  .tengo-acceso-ilimitado {
    font-size: 16px;
  }

  .unlimited-access {
    max-width: 61%;
  }

  .question-list {
    padding: 0;
  }

  .f-a-q {
    padding: 0%;
  }

  .conoce-cmara-de {
    width: 100%;
    font-size: 18px;
    text-align: center;
  }

  .about {
    flex-direction: column;
    align-items: center;
  }

  .about-content {
    align-items: center;
  }

  .links {
    gap: 0;
    align-items: center;
  }

  .enlaces-de-ayuda {
    margin-bottom: 1rem;
  }

  .description1 {
    align-items: center;
    gap: 5px;
  }

  .social-media {
    width: 0;
  }

  .legal {
    width: auto;
    align-items: center;
  }

  .policy {
    align-items: center;
    gap: 0;
  }

  .footer {
    display: none;
  }

  .footer-movil {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .cmara-de-comercio {
    font-size: 11px;
    text-align: center;
    color: #80808d;
  }

  .payment-details {
    margin-bottom: 2rem;
  }

  .icons-footer-movil {
    display: flex;
    width: 100%;
    padding: 1rem 3rem;
    box-sizing: border-box;
    flex-direction: row;
    justify-content: space-evenly;
  }

  .comercio-exterior {
    gap: 20px;
  }

  .det-curso-camara {
    display: block;
    width: 100%;
  }

  .group-parent {
    background: white;
    box-shadow:
      0 4px 8px 0 rgba(255, 255, 255, 0.2),
      0 6px 20px 0 rgba(255, 255, 255, 0.19);
  }

  .enrollment-details {
    width: 100%;
  }

  .enrollment-container {
    width: 100%;
  }

  .homepage {
    gap: 0px;
  }

  .course-preview {
    margin-top: 2rem;
  }

  .portada-movil {
    display: block;
  }

  .menu-burger {
    display: flex;
  }

  .discount-banner {
    align-items: center;
  }

  .buen-curso-or {
    max-width: 80%;
    margin-top: -1rem;
  }

  .info-container-inner {
    margin: 1.5rem 0;
    padding: 0;
  }

  .certificate-info,
  .info-wrapper,
  .testimonial,
  .header {
    padding: 0;
  }
}

/* FIXED BUTTONS */

.small-icon {
  height: .5rem !important;
}

.icon {
  height: 1rem !important;
}

.d-flex {
  display: flex;
}

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

.w-100 {
  width: 100%;
}

.justify-center {
  justify-content: center;
}

.justify-around {
  justify-content: space-around;
}

.g-2 {
  gap: .2rem;
}

.py-5 {
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.px-25 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py-15 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.btn {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #ffffff;
  border-radius: .25rem;
  border-width: .1rem;
  border-color: #707070;
}

.btn-green {
  background-color: #32d951;
  color: #ffffff;
}

#videoModal div button {
z-index: 999;
}

#videoCourseHls {
  background-color: #000000;
}