/* Estilos minimos complementarios a Tailwind (CDN). Diseno deliberadamente
   austero: tipografia del sistema, paleta neutra, sin ilustraciones ni
   componentes decorativos — foco total en la funcion (subir -> convertir). */

:root {
  --accent: #111827;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.dropzone {
  border: 2px dashed #d1d5db;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

.dropzone.dragover {
  border-color: #111827;
  background-color: #f9fafb;
}

.spinner {
  border: 3px solid #e5e7eb;
  border-top-color: #111827;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  animation: spin 0.8s linear infinite;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}