/* * containerQR */
.containerQR {
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3rem;
  }
  
  .containerQR .boxPadre {
    position: relative;
    width: 350px;
    height: 350px;
  }
  .containerQR .boxPadre .box {
    position: absolute;
    display: flex;
    width: 350px;
    height: 350px;
    background: rgba(225,225,225,0.1);
    box-shadow: 0 25px 45px rgba(0,0,0,0.1);
    border: 1px solid rgba(225,225,225,0.5);
    border-right: 1px solid rgba(225,225,225,0.2);
    border-bottom: 1px solid rgba(225,225,225,0.2);
    border-radius: 10px;
    z-index: 3;
    padding: 25px;
  }
  .containerQR .circle1 {
    position: absolute;
    width: 150px;
    height: 150px;
    background: linear-gradient(#2196f3, #31ff38);
    border-radius: 50%;
    transform: translate(295px, 295px);
    z-index: 1;
  }
  .containerQR .circle2 {
    position: absolute;
    width: 150px;
    height: 150px;
    background: linear-gradient(#ffc107, #e91e63);
    border-radius: 50%;
    transform: translate(-95px, -95px);
    z-index: 1;
  }
  .containerQR #imgQRConectado {
    width: 100%;
  }