.input-field {
    @apply w-full p-4 bg-slate-50 border-2 border-slate-100 rounded-xl focus:border-indigo-400 focus:bg-white outline-none transition-all text-lg;
}

html {
    scroll-behavior: smooth;
}

/* Escala la miniatura para que quepa en la web (0.4 es el 40% del tamaño) */
.miniatura-container {
    width: 450px; /* Ancho visual en la web */
    height: 318px; /* Alto visual en la web */
}

#captureArea {
    transform: scale(0.4); /* Ajustamos el zoom para que encaje en los 450px */
    transform-origin: top left;
}

/* Responsivo para móviles */
@media (max-width: 640px) {
    .miniatura-container {
        width: 300px;
        height: 212px;
    }
    #captureArea {
        transform: scale(0.267);
    }
}