:root {
  --chat-border: #d9e3ef;
  --chat-shadow: rgba(26, 41, 58, 0.08);
}

.chat-prompt {
  min-height: 120px;
  resize: vertical;
}

.chat-section + .chat-section {
  margin-top: 0.9rem;
}

.chat-response-card {
  border-color: var(--chat-border);
}

.ia-loading {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
  color: #4a5f76;
}

.ia-loading.is-hidden {
  display: none;
}

.ia-textarea {
  min-height: 180px;
  resize: vertical;
  border-color: var(--chat-border);
  box-shadow: inset 0 0.08rem 0.25rem rgba(26, 41, 58, 0.05);
}

@media (max-width: 767px) {
  .chat-section + .chat-section {
    margin-top: 0.75rem;
  }

  .ia-textarea {
    min-height: 160px;
  }
}

.btn-cerrar {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}

.btn-cerrar:hover,
.btn-cerrar:focus-visible {
  color: #fff;
  background-color: #094eb3;
  border-color: #084aa8;
}

.btn-cerrar:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}