body{
        font-family: 'Poppins', sans-serif;
        color: #878586;
        background-image: url(fondo.png);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: -1;
      }
      .acento{
        color: #723889;
      }
      a:hover{
        color: #723889;
      }
      .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
        color: white;
      }
      .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
        background-color: #723889;
      }
      .nav-link{
        color: #723889;
      }
      .white{
        background-color: white;
      }
      .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      .custom-btn {
          width: 230px;
          height: 60px;
          color: #fff;
          border-radius: 15px;
          padding: 10px 25px;
          font-family: 'Lato', sans-serif;
          font-weight: 500;
          background: transparent;
          cursor: pointer;
          transition: all 0.3s ease;
          position: relative;
          display: inline-block;
           box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
           7px 7px 20px 0px rgba(0,0,0,.1),
           4px 4px 5px 0px rgba(0,0,0,.1);
          outline: none;
        }
        /* 11 */
        .btn-11 {
          border: none;
          background: rgb(34,161,218);
            background: linear-gradient(0deg, rgba(22,121,165,1) 0%, rgba(34,161,218,1) 100%);
            color: #fff;
            overflow: hidden;
        }
        .btn-11:hover {
            text-decoration: none;
            color: #fff;
        }
        .btn-11:before {
            position: absolute;
            content: '';
            display: inline-block;
            top: -180px;
            left: 0;
            width: 30px;
            height: 100%;
            background-color: #fff;
            animation: shiny-btn1 3s ease-in-out infinite;
        }
        .btn-11:hover{
          opacity: .7;
        }
        .btn-11:active{
          box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),
                      -4px -4px 6px 0 rgba(116, 125, 136, .2), 
            inset -4px -4px 6px 0 rgba(255,255,255,.2),
            inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
        }


        @-webkit-keyframes shiny-btn1 {
            0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
            80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
            81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
            100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
        }
        .rounded-10{
          border-radius: 40px;
        }
        .display-4{
          text-align: center;
        }
        .lead{
          text-align: center;
        }
        .modal-dialog-scrollable .modal-content{
          border-radius: 30px;
        }
        .card{
          border-radius: 30px;
        }