diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 0000000..3af7772
--- /dev/null
+++ b/.Jules/palette.md
@@ -0,0 +1,3 @@
+## 2024-05-23 - Accessibility and Loading Experience Improvements
+**Learning:** Matching the wrapper's background color to the embedded content's theme significantly improves perceived performance by eliminating the white flash during loading. Correctly setting the `lang` attribute and `iframe` title are essential, low-effort accessibility wins for simple wrapper sites.
+**Action:** Always check for language mismatch between the HTML `lang` attribute and the actual content, especially in portfolio sites. Ensure all `iframe` elements have descriptive `title` attributes.
diff --git a/index.html b/index.html
index 0ec0065..0195a82 100644
--- a/index.html
+++ b/index.html
@@ -1,24 +1,12 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="es">
 
 <head>
     <meta charset="UTF-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Edgar D' Galo • UX/UI Designer | Portafolio Online</title>
-    <style>
-        body {
-            margin: 0;
-            padding: 0;
-            overflow: hidden;
-        }
-
-        iframe {
-            width: 100vw;
-            height: 100vh;
-            border-width: 0;
-        }
-    </style>
+    <link rel="stylesheet" href="style.css">
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZJBEJJF727"></script>
     <script>
@@ -31,7 +19,7 @@
 </head>
 
 <body>
-    <iframe style.super-badge="display: none" src="https://dgalodesign.super.site"></iframe>
+    <iframe style.super-badge="display: none" src="https://dgalodesign.super.site" title="Portafolio de Edgar D' Galo"></iframe>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/style.css b/style.css
index 0a91dd4..af967c0 100644
--- a/style.css
+++ b/style.css
@@ -2,6 +2,7 @@ body {
     margin: 0;
     padding: 0;
     overflow: hidden;
+    background-color: hsl(220, 13%, 18%);
 }
 
 iframe {
@@ -12,4 +13,4 @@ iframe {
 
 iframe .super-badge {
     display: none;
-}
\ No newline at end of file
+}
