.googlelogin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  min-width: 235px;
  background: white;
  color: #243746;
  border: 1px solid #c9d7df;
  box-shadow: 0 2px 7px #153c5014;
}

.googlelogin span {
  color: #4285f4;
  font-size: 20px;
  font-weight: 800;
}

.googlelogin:disabled {
  cursor: wait;
  opacity: .65;
}

/* Public client portal: administration is kept out of the public surface. */
.roles {
  display: none !important;
}

/* The public URL stays client-only. The internal demo is opened explicitly with
   ?modo=dueño or ?modo=soporte when the owner needs to review operations. */
.admin-demo .roles {
  display: flex !important;
}

.admin-demo .demo {
  background: #e8f1f7;
  color: #164f78;
}

#resetDemoButton {
  display: none;
}

.admin-demo #resetDemoButton {
  display: inline-flex;
}

@media (max-width: 700px) {
  .googlelogin {
    width: 100%;
  }
}