/* Custom styles for Tareas Casa */
html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

/* Focus styles */
input:focus, select:focus, textarea:focus {
  outline: none;
}

/* Identity pages styles override */
.identity-page {
  max-width: 400px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

.identity-page h1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  text-align: center;
}

.identity-page form {
  background: white;
  padding: 2rem;
  border-radius: 0.75rem;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

.identity-page .form-floating {
  margin-bottom: 1rem;
}

.identity-page .form-floating input {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 0.5rem;
}

.identity-page button[type="submit"] {
  width: 100%;
  background-color: #2563eb;
  color: white;
  padding: 0.75rem 1rem;
  border: none;
  border-radius: 0.5rem;
  font-weight: 500;
  cursor: pointer;
}

.identity-page button[type="submit"]:hover {
  background-color: #1d4ed8;
}

/* Fix accordion flickering issue when expanding */
.accordion-collapse {
  will-change: height;
}

.accordion-collapse.collapsing {
  overflow: hidden;
  transition: height 0.35s ease;
}

.accordion-body {
  transform: translateZ(0);
  backface-visibility: hidden;
}
}