.elementor-51446 .elementor-element.elementor-element-cd4812b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* =========================================================
   FIX DE ALINEACIÓN DESKTOP
   Encabezado arriba / video y menú en la misma línea
========================================================= */

@media (min-width: 851px) {

  .ao-bono-course__layout {
    display: grid;

    grid-template-columns:
      minmax(0, 1fr)
      clamp(340px, 24vw, 390px);

    grid-template-rows:
      auto
      auto
      minmax(0, 1fr);

    width: 100%;
    min-height: 100vh;
  }

  /*
   * Permite que header, progreso y escenario
   * participen directamente de la grilla principal.
   */
  .ao-bono-course__main {
    display: contents;
    padding: 0;
  }

  /* Encabezado completo */

  .ao-bono-course__header {
    grid-column: 1 / -1;
    grid-row: 1;

    width: 100%;
    max-width: none;

    margin: 0;
    padding:
      clamp(32px, 3.6vw, 54px)
      clamp(24px, 5vw, 76px)
      24px;
  }

  /* Reduce levemente el hero para acercar el video */

  .ao-bono-course__heading h1 {
    font-size: clamp(42px, 4.6vw, 68px);
  }

  .ao-bono-course__heading p {
    margin-top: 15px;
  }

  /* Barra de progreso */

  .ao-bono-course__progress {
    grid-column: 1 / -1;
    grid-row: 2;

    width: 100%;
    max-width: none;

    margin: 0;
    padding:
      0
      clamp(24px, 5vw, 76px)
      22px;
  }

  /* Video y contenido principal */

  .ao-bono-course__stage {
    grid-column: 1;
    grid-row: 3;

    width: 100%;
    max-width: none;

    margin: 0;
    padding:
      0
      clamp(24px, 5vw, 76px)
      58px;
  }

  /* Menú alineado con la parte superior del video */

  .ao-bono-course__sidebar {
    grid-column: 2;
    grid-row: 3;

    position: sticky;
    top: 18px;

    align-self: start;

    width: 100%;
    height: calc(100vh - 36px);
    min-height: 0;

    margin: 0;
  }

}/* End custom CSS */