/*
 * Ajustes finales de Masteriyo.
 * Este archivo se carga después de public.css para que el plugin no vuelva a
 * imponer anchos, márgenes o alineaciones sobre la plantilla del tema.
 */

body.single-mto-course {
  background: var(--bg);
}

body.single-mto-course .masteriyo-w-100.masteriyo-container {
  display: block;
  margin: 0 !important;
  max-width: none !important;
  overflow: visible;
  padding: 0 !important;
  width: 100% !important;
}

body.single-mto-course .masteriyo-container .caro-masteriyo-course {
  display: block !important;
  flex: none !important;
  gap: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

.caro-masteriyo-page {
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
}

.caro-masteriyo-page .container {
  margin-inline: auto;
  max-width: none;
  padding-inline: 0;
  width: min(1180px, calc(100% - 48px));
}

.caro-masteriyo-hero-grid {
  grid-template-columns: minmax(0, 720px) minmax(260px, 340px);
  justify-content: center;
}

.caro-masteriyo-content .course-detail-grid {
  grid-template-columns: minmax(0, 780px) 340px;
  justify-content: center;
}

.caro-masteriyo-main,
.caro-masteriyo-side,
.caro-masteriyo-main .masteriyo-single-course--main__content {
  max-width: 100%;
  width: 100%;
}

/* No dejar que la tipografía del LMS reemplace la fuente de los íconos. */
.caro-masteriyo-course .fa-solid,
.caro-masteriyo-course .fas {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
}

.caro-masteriyo-course .fa-regular,
.caro-masteriyo-course .far {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
}

.caro-masteriyo-course .fa-brands,
.caro-masteriyo-course .fab {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
}

.caro-masteriyo-main .masteriyo-single-course--main__content .masteriyo-stab {
  padding-inline: 0;
}

.caro-masteriyo-main .masteriyo-single-course--main__content .course-overview {
  padding: 0;
}

.caro-masteriyo-main .masteriyo-single-course--main__content .masteriyo-stab--tcurriculum {
  margin: 1.5rem 0 0;
}

.caro-masteriyo-main .wp-video,
.caro-masteriyo-main .wp-video-shortcode,
.caro-masteriyo-main video,
.caro-masteriyo-main iframe {
  height: auto;
  max-width: 100% !important;
  width: 100% !important;
}

.caro-masteriyo-main .course-overview h3 {
  color: var(--dark);
  font-size: 1.35rem;
  margin: 1.75rem 0 .85rem;
}

.caro-masteriyo-main .course-overview li {
  margin-bottom: .35rem;
}

.caro-masteriyo-side .course-prices span {
  color: var(--gray);
  display: block;
  font-size: .82rem;
  font-weight: 700;
  margin-bottom: .2rem;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  .caro-masteriyo-hero-grid,
  .caro-masteriyo-content .course-detail-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .caro-masteriyo-hero-copy {
    margin-inline: auto;
    max-width: 760px;
    text-align: center;
  }

  .caro-masteriyo-hero .page-hero-btns {
    justify-content: center;
  }

  .caro-masteriyo-visual {
    margin-inline: auto;
    max-width: 260px;
    width: 70%;
  }

  .caro-masteriyo-side {
    position: static;
  }
}

@media (max-width: 600px) {
  .caro-masteriyo-page .container {
    width: min(100% - 28px, 1180px);
  }

  .caro-masteriyo-hero {
    padding: 6.5rem 0 3rem;
  }

  .caro-masteriyo-main,
  .caro-masteriyo-side {
    border-radius: 1.25rem;
    padding: 1rem;
  }

  .caro-masteriyo-main .masteriyo-stab--shortinfo {
    align-items: flex-start;
    flex-direction: column;
  }
}