.dropdown-item-label {
      white-space: pre-wrap;
    }

    .description {
      padding: 0 28px;
      text-align: justify;
    }

    ol {
      margin-left: 20px;
      padding-right: 0px;
      /* Espacio externo a la izquierda */
      padding-left: 20px;
      /* Espacio interno a la izquierda */
      list-style-position: outside;
      /* Mantiene los números fuera del contenido */
    }

    /* Estilo general de la lista */
    ul.flechas {
      list-style: none;
      /* Quitamos viñetas por defecto */
    }

    ul.flechas li {
      position: relative;
    }

    /* Flecha con pseudo-elemento */
    ul.flechas li::before {
      content: "➜";
      /* Puedes cambiar por otra flecha o símbolo */
    }

    /* BOTONES */
    .btn-grl {
      height: 6rem;
      color: white;
      text-align: center;
      font-size: 12pt;
      padding: 0px;
    }

    .btn-mg-dark {
      background-color: #a64d79;
    }

    .btn-og-dark {
      background-color: #e69138;
    }

    .btn-rd-dark {
      background-color: #980000;
    }

    .btn-gn-dark {
      background-color: #6aa84f;
    }

    .link-btn:hover {
      color: gray;
    }

    .link-btn {
      color: white;
    }

    .card-text {
      text-align: justify;
    }

    .nombreSeccion {
      text-align: left;
    }

    .separador {
      border: 3px solid #FB0606;
      vertical-align: middle;
      width: calc(100% - 120px);
      ;
      display: inline-block;
      justify-content: right;
    }

    .separador2 {
      border: 3px solid #FB0606;
      vertical-align: middle;
      width: calc(100% - 360px);
      ;
      display: inline-block;
      justify-content: right;
    }

    .note {
      text-align: center;
      font-style: italic;
      font-size: 20pts;
    }


    @media only screen and (min-width: 1400px) {

      .btn-mg-dark,
      .btn-og-dark,
      .btn-rd-dark,
      .btn-gn-dark {
        height: 7rem;
      }

      .btn-grl {
        font-size: 14px;
      }
    }

    @media only screen and (min-width: 1200px) and (max-width: 1399px) {

      .btn-mg-dark,
      .btn-og-dark,
      .btn-rd-dark,
      .btn-gn-dark {
        height: 7rem;
        width: 90%;
      }

      .btn-grl {
        font-size: 14px;
      }
    }

    @media only screen and (min-width: 992px) and (max-width: 1199px) {

      .btn-mg-dark,
      .btn-og-dark,
      .btn-rd-dark,
      .btn-gn-dark {
        width: 75%;
      }
    }

    @media only screen and (min-width: 768px) and (max-width: 991px) {

      .btn-mg-dark,
      .btn-og-dark,
      .btn-rd-dark,
      .btn-gn-dark {
        width: 100%;
        height: 7rem;
      }
    }

    @media only screen and (max-width: 767px) {

      .btn-mg-dark,
      .btn-og-dark,
      .btn-rd-dark,
      .btn-gn-dark {
        width: 75%;
        margin: 10px 0px;
        padding: 10px;
      }
    }