.recuadrolight {
			color: black;
	  }
	  .recuadrodark {
			color: white;
	  }

  .titulosistema {
    height: 40px;
  }
    h3.title { 
        text-align: center;
    }

    .hoverlogo div:hover div {
        opacity: 1;
        -webkit-animation: flash 1.5s;
        animation: flash 1.5s;
    }

    @-webkit-keyframes flash {
      0% {
        opacity: .4;
      }
      100% {
        opacity: 1;
      }
    }
    @keyframes flash {
      0% {
        opacity: .4;
      }
      100% {
        opacity: 1;
      }
    }

    #logo-conacyt-img {
        background: url(../build/images/logosparticipante/conacyt-web.jpg) no-repeat;
        background-position: center center;
        background-size: contain;
        display: block;
        width: 100%;
        height: 200px;
    }
    #logo-cinvestav-img {
        background: url(../build/images/logosparticipante/cinvestav-web.jpg) no-repeat;
        background-position: center center;
        background-size: contain;
        display: block;
        width: 100%;
        height: 200px;
    }
    #logo-facultadpsicologia-img {
        background: url(../build/images/logosparticipante/facultadpsicologia-web.jpg) no-repeat;
        background-position: center center;
        background-size: contain;
        display: block;
        width: 100%;
        height: 200px;
    }

    .lnk-pleca:hover {
        color: #f00;
        -webkit-filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.5)) saturate(1.5);
        filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.5)) saturate(1.5);
    }
	  .infotitle2 {
            color: #7f3c49;
            font-weight: 700;
            line-height: 1.2;
            font-size: 1.5rem;
      }
      #socialwrapper {
          width: 100%;
          height: 120px;
      }
      .socialmedialist {
          list-style-type: none;
          width: 650px;
          margin: auto;
          height: 60px;
      }
      .socialmedialist > li {
          float: left;
          width: 90px;
          height: 90px;
          margin: 0px 25px;
          border-radius: 10px;
      }
      .socialmedia {
          background: url(../build/images/logossociales.png) no-repeat;
          display: block;
          width: 90px;
          height: 90px;
      }

      .facebook {
          background-position: -150px -50px;
      }
      .twitter {
          background-position: -260px -50px;
      }
      .instagram {
          background-position: -40px -50px;
      }
      .youtube {
          background-position: -590px -50px;
      }

      @media (min-width: 1024px){
          .titulosistema > h3 {
                font-size: 1.2em;
                color: #5d4f9c !important;
          }
      }
      @media (max-width: 768px){
          #myTopnav {
              display: none;
          }
          #myToggle {
              display: block;
              margin: 0px 0px 0px 0px;
              float: left;
              width: 70px;
              height: 60px;
              padding: 72px 0px 0px 10px;
          }
          #logo1 {
              display: none;
          }
          .circle-info {
              margin: 24px auto;
          }
          .titulosistema > h3 {
                font-size: 0.9em;
                color: #5d4f9c !important;
          }
      }