/* Botones */
.btn{
  display: inline-flex; align-items: center; justify-content: center;
  min-height: var(--touch); padding: 0 20px;
  border: 0; border-radius: 10px;
  color: var(--blanco); font-weight: 700; letter-spacing: .2px;
  box-shadow: var(--shadow); cursor: pointer;
  transition: transform .12s ease, opacity .2s ease;
}
.btn:active{ transform: translateY(1px) scale(.99); }
.btn[disabled]{ opacity:.6; pointer-events:none; }

.btn-verde{ background: var(--verde); min-height: 44px; font-weight: 800;}
.btn-azul{  background: var(--azul);  }

/* Inputs (login) */
.input{
  width: 100%; height: var(--touch);
  padding: 0 14px; border: 0; border-bottom: 1px solid rgba(255,255,255,.7);
  background: transparent; color: var(--blanco);
  font-size: 16px; outline: none;
}
.input::placeholder{ color: rgba(255,255,255,.85); }

/* Logo */
.logo{
  width: 160px; max-width: 60vw; display:block; margin: 28px auto;
}

/* Links */
a { color: #fff; font-weight: 700; text-decoration: none; }
a:hover { text-decoration: underline; opacity: .95; }