.wrap-login100-form-btn {
      transition: all 0.4s;
      box-shadow: 0 10px 30px 0px rgba(189, 89, 212, 0.5);
      -moz-box-shadow: 0 10px 30px 0px rgba(189, 89, 212, 0.5);
      -webkit-box-shadow: 0 10px 30px 0px rgba(189, 89, 212, 0.5);
      -o-box-shadow: 0 10px 30px 0px rgba(189, 89, 212, 0.5);
      -ms-box-shadow: 0 10px 30px 0px rgba(189, 89, 212, 0.5);
    }

    .login100-social-item {
      position: relative;
      transition: all 0.4s;
      box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.4);
      -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.4);
      -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.4);
      -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.4);
      cursor: pointer;
      background-color: transparent;
    }

    .login100-social-item:hover {
      box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.7);
      -moz-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.7);
      -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.7);
      -o-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.7);
      -ms-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.7);
    }

    .flex-c-m .login100-social-item::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 3px;
      width: 100%;
      background: none;
      top: 58px;
    }

    .flex-c-m .login100-social-item.selected::after {
      background: linear-gradient(90deg, #f9d423, #ff4e50, #f9d423);
      background-size: 200% auto;
      animation: sparkle 1s linear infinite;
    }

    @keyframes sparkle {
      0% {
        background-position: 0% 50%;
      }

      100% {
        background-position: 200% 50%;
      }
    }

.txt1:hover{
  text-decoration: none;
  color: #a64bf4;
}
    

 .peephole {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    padding: 0;
    width: clamp(160px, 32vmin, 340px);
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: #1B2E35; /* interior oscuro */
    box-shadow:
      0 0 0 18px #C8C8C8,              /* aro metálico gris */
      inset 0 10px 28px rgba(27,46,53,.9), /* sombra interna */
      0 18px 50px rgba(0,0,0,.6);
  }

  .peephole img {
    width: 78%;
    height: auto;
    object-fit: contain;
    transform: scale(1.03) translateZ(0);
    filter: drop-shadow(0 6px 12px rgba(0,0,0,.45));
  }

  .peephole::before {
    content: "";
    position: absolute; inset: 0;
    background:
      radial-gradient(circle at 50% 50%,
        rgba(254,212,68,.25) 0%,     /* brillo dorado #FED444 */
        rgba(254,212,68,.08) 25%,
        rgba(0,0,0,0) 45%,
        rgba(0,0,0,.35) 70%,
        rgba(0,0,0,.75) 100%);
    pointer-events: none;
  }

  .peephole::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(120% 80% at 30% 20%,
        rgba(200,200,200,.25), transparent 40%); /* reflejo gris #C8C8C8 */
    mix-blend-mode: screen;
    pointer-events: none;
  }

  .social-contact{
    position: absolute;
    bottom: 10px;
    display: flex;
    justify-content: end;
    right: 0%;
  }

  .medviewer-logo{
    position: absolute;
    left: 45px;
    top: 40px;
    width: 200px;
  }