diff --git a/web/app/globals.css b/web/app/globals.css index 817c3ea..b1907f9 100644 --- a/web/app/globals.css +++ b/web/app/globals.css @@ -58,91 +58,43 @@ } } -/* Ajustes para la clase prose */ + +.prose pre { + background-color: #f3f4f6; /* Gris claro */ + color: #1f2937; /* Gris oscuro */ + padding: 1rem; + border-radius: 0.5rem; + overflow-x: auto; /* Para scroll horizontal en código largo */ +} + + +.prose code { + color: #1f2937; +} + + .prose { - @apply text-base text-gray-900; + color: #1f2937; /* text-gray-800 */ } -.prose h1 { - @apply text-3xl font-bold mb-4; + +.prose h1, +.prose h2, +.prose h3, +.prose h4, +.prose h5, +.prose h6 { + color: #111827; /* text-gray-900 */ } -.prose h2 { - @apply text-2xl font-semibold mb-3; -} -.prose h3 { - @apply text-xl font-semibold mb-2; -} - -.prose h4 { - @apply text-lg font-semibold mb-2; -} - -.prose p { - @apply mb-4; -} - -.prose ul, -.prose ol { - @apply mb-4 pl-5; -} - -.prose li { - @apply mb-2; -} - -.prose pre { - @apply bg-gray-100 p-4 rounded-md overflow-x-auto mb-4; -} - -.prose code { - @apply text-sm bg-gray-100 px-1 py-0.5 rounded; -} - -.prose a { - @apply text-blue-600 hover:underline; -} - -/* Custom styles for code blocks */ -.prose pre { - background-color: #f3f4f6; - color: #1f2937; -} - -.prose code { - color: #1f2937; -} - -/* Ajustes globales para el fondo y los bordes */ -body, -html { - background-color: white; -} - -* { - border-color: white !important; -} - -.dark { - --background: 0 0% 100%; - --foreground: 240 10% 3.9%; -} - -/* Ajustes globales para la consistencia de tamaños de texto */ - -.prose strong { - @apply text-gray-900 font-bold; -} - -.prose b { - @apply text-gray-900 font-bold; -} - -/* Ajuste para texto en negrita en las guías */ .prose strong, .prose b { color: #111827; /* text-gray-900 */ - font-weight: 700; + font-weight: 700; /* Negrita */ } + +* { + border-color: white; +}