/* LOGIN PANEL */

#login-section-button-cont{
    display:none;
}

/* SHOW LOGIN SECTION */

#login-section-button-cont.show{
    display:block;
}

.login-section{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

.login-section-button {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 80%;

  background: transparent;
  backdrop-filter: blur(10px);

  border-radius: 20px 20px 0 0;
  padding: 10%;

  box-shadow: 0 -10px 30px rgba(0,0,0,0.2);

  z-index: 9999;

  /* initial hidden state */
  transform: translateY(100%);
  opacity: 0;

  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* visible state */
.login-section-button.show {
  transform: translateY(0);
  opacity: 1;
}

.confirmacion-cajatexto{
  width: 80%;
  height: 10%;
  padding: 10px;
  margin: 10px;
  font-size: 1.5rem;
  box-sizing: border-box;
}

.confirmacion-btn{
  width: 60%;
  height: 10%;
  padding: 20px;
  
  text-shadow: 2px 2px 3px var(--gris);
  font-size: 1.5rem;
  border: 5px solid #fff;
  background: linear-gradient(var(--btn-bacground-color1), var(--btn-bacground-color2));
  color: var(--welcomebox);
  cursor: pointer;
  border-radius: 30px;
 
}

.confirmacion-resultado{
  color:var(--direccion-titulo);
  font-size: 1.5rem;
}