Lighten admin page titles and loading text over background image

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/app/admin/clientes/page.tsx

@@ -40,7 +40,7 @@ export default function ClientesPage() {
 
   return (
     <div className="flex flex-col gap-6">
-      <h1 className="text-2xl font-bold text-gray-800">Clientes</h1>
+      <h1 className="text-2xl font-bold text-white">Clientes</h1>
 
       <Card title="Buscar cliente">
         <form onSubmit={buscar} className="flex gap-2">

src/app/admin/dashboard/page.tsx

@@ -58,7 +58,7 @@ export default function AdminDashboard() {
   return (
     <div className="flex flex-col gap-6">
       <div className="flex items-center justify-between flex-wrap gap-3">
-        <h1 className="text-xl sm:text-2xl font-bold text-gray-800">Turnos del día</h1>
+        <h1 className="text-xl sm:text-2xl font-bold text-white">Turnos del día</h1>
         <input
           type="date"
           value={fecha}
@@ -68,7 +68,7 @@ export default function AdminDashboard() {
       </div>
 
       {loading ? (
-        <div className="text-center py-10 text-gray-400">Cargando...</div>
+        <div className="text-center py-10 text-gray-200">Cargando...</div>
       ) : turnos.length === 0 ? (
         <Card>
           <p className="text-center text-gray-400 py-4">No hay turnos para esta fecha.</p>

src/app/admin/historial/page.tsx

@@ -53,7 +53,7 @@ export default function AdminHistorialPage() {
 
   return (
     <div className="flex flex-col gap-6">
-      <h1 className="text-2xl font-bold text-gray-800">Historial de autos</h1>
+      <h1 className="text-2xl font-bold text-white">Historial de autos</h1>
 
       {/* Buscar cliente */}
       <Card title="Buscar cliente">
@@ -108,7 +108,7 @@ export default function AdminHistorialPage() {
       {/* Historial del auto */}
       {autoSel && (
         <div className="flex flex-col gap-3">
-          <h2 className="text-lg font-semibold text-gray-700">
+          <h2 className="text-lg font-semibold text-white">
             {autoSel.marca} {autoSel.modelo} · <span className="font-mono">{autoSel.patente}</span>
           </h2>
 

src/app/admin/servicios/page.tsx

@@ -74,7 +74,7 @@ export default function ServiciosPage() {
   return (
     <div className="flex flex-col gap-6">
       <div className="flex items-center justify-between">
-        <h1 className="text-2xl font-bold text-gray-800">Tipos de servicio</h1>
+        <h1 className="text-2xl font-bold text-white">Tipos de servicio</h1>
         <Button
           onClick={() => { setMostrarForm(true); setEditando(null); setForm({ nombre: "", duracionHoras: "" }); }}
           className="text-sm"
@@ -98,7 +98,7 @@ export default function ServiciosPage() {
       )}
 
       {loading ? (
-        <div className="text-center py-10 text-gray-400">Cargando...</div>
+        <div className="text-center py-10 text-gray-200">Cargando...</div>
       ) : (
         <div className="flex flex-col gap-3">
           {servicios.map((s) => (