Agregar icons X a botones cancelar, dark mode en todos los componentes

src/sections/AcidoBase.tsx

@@ -155,12 +155,12 @@ export function AcidoBaseSection({
   };
 
   return (
-    <div className="space-y-6">
+    <div className="space-y-6 dark:text-white">
       {/* Header */}
       <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
         <div>
-          <h1 className="text-2xl font-bold text-gray-900">Estados Ácido-Base</h1>
-          <p className="text-gray-500">Gasometrías y análisis de equilibrio ácido-base</p>
+          <h1 className="text-2xl font-bold text-gray-900 dark:text-white">Estados Ácido-Base</h1>
+          <p className="text-gray-500 dark:text-gray-400">Gasometrías y análisis de equilibrio ácido-base</p>
         </div>
         <Dialog open={dialogoAbierto} onOpenChange={setDialogoAbierto}>
           <DialogTrigger asChild>