diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 0000000..30c0333
--- /dev/null
+++ b/.Jules/palette.md
@@ -0,0 +1,6 @@
+## UX/Accessibility Learnings - Portfolio
+
+- The site is a wrapper for a Super.site portfolio. To avoid a "white flash" during loading, the parent page background should match the portfolio's dark theme.
+- The `iframe` must have a `title` attribute for accessibility.
+- The `html` `lang` attribute should reflect the primary content language (Spanish).
+- Maintain global styles in `style.css` instead of internal `<style>` blocks for better maintenance.
diff --git a/index.html b/index.html
index 0ec0065..c453bab 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 title="Portafolio de Edgar D' Galo" style.super-badge="display: none" src="https://dgalodesign.super.site"></iframe>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 0a91dd4..255ad33 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 {
