style(tests): optimize question text and options vertical spacing in test flow

src/components/Componentes/test-questions-flow.tsx

@@ -306,7 +306,7 @@ export default function TestQuestionsFlow({
                   key={q.id}
                   aria-hidden={offset !== 0}
                   className={[
-                    "absolute inset-0 flex flex-col overflow-y-auto pt-2 pb-4 will-change-transform transition-transform duration-200 ease-in-out",
+                    "absolute inset-0 flex flex-col overflow-y-auto pt-3 pb-6 will-change-transform transition-transform duration-200 ease-in-out",
                     offset === 0 && !isSliding
                       ? "pointer-events-auto"
                       : "pointer-events-none",
@@ -316,14 +316,14 @@ export default function TestQuestionsFlow({
                   }}
                 >
                   {/* Question Title */}
-                  <div className="w-full min-h-[100px] sm:min-h-[120px] flex items-center justify-center my-3 sm:my-4 shrink-0 px-2">
-                    <h2 className="text-[17px] sm:text-[18px] font-bold text-[#1F2024] leading-[1.6] text-center w-full">
+                  <div className="w-full min-h-[110px] sm:min-h-[130px] flex items-center justify-center mt-3 mb-6 sm:mt-5 sm:mb-8 shrink-0 px-3">
+                    <h2 className="text-[18px] sm:text-[19px] font-bold text-[#1F2024] leading-[1.7] text-center w-full">
                       {q.text}
                     </h2>
                   </div>
 
                   {/* Answer Options Stack */}
-                  <div className="w-full flex flex-col gap-3 pb-3">
+                  <div className="w-full flex flex-col gap-3.5 pb-6">
                     {options.map((option) => {
                       const isSelected = qSelectedValue === option.value;