/* Limpieza de flechas nativas */
summary::-webkit-details-marker {
  display: none;
}
summary {
  list-style: none;
  outline: none;
}

/* Animación de apertura */
details[open] summary ~ * {
  animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Evitar que se abran varios a la vez (opcional pero recomendado) */
/* Si usas navegadores modernos, esto funciona solo con HTML agregando name="qr-group" a los <details> */

/* Estilo de inputs */
input:focus,
textarea:focus {
  border-color: #3b82f6 !important;
  background-color: #fff !important;
}