diff --git a/.Jules/palette.md b/.Jules/palette.md
new file mode 100644
index 0000000..f84d8dd
--- /dev/null
+++ b/.Jules/palette.md
@@ -0,0 +1,7 @@
+## 2026-04-09 - [Seamless Iframe Loading]
+**Learning:** For sites that act as an iframe wrapper, setting the host page's background color to match the embedded site's theme prevents a disruptive "white flash" during load.
+**Action:** Always identify the target site's background color and apply it to the wrapper's body.
+
+## 2026-04-09 - [Iframe Accessibility]
+**Learning:** Iframes must have a descriptive title for screen readers to understand the purpose of the embedded content.
+**Action:** Add a 'title' attribute to all iframes.
diff --git a/index.html b/index.html
index 0ec0065..d596a70 100644
--- a/index.html
+++ b/index.html
@@ -1,24 +1,14 @@
 <!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>
+    <meta name="description" content="Soy Edgar D' Galo, un diseñador UX/UI con experiencia en la creación de soluciones digitales innovadoras. Explora mi portafolio online para conocer mi trabajo y cómo puedo ayudar a mejorar la experiencia de tus usuarios.">
+    <link rel="icon" href="https://assets.super.so/fad705c2-ef3d-48a8-8c17-e9ccf49b137c/uploads/favicon/0bfd7f75-bdef-4784-b0e8-6a562e0bea6d.png">
+    <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 +21,7 @@
 </head>
 
 <body>
-    <iframe style.super-badge="display: none" src="https://dgalodesign.super.site"></iframe>
+    <iframe title="Portafolio de Edgar D' Galo" src="https://dgalodesign.super.site"></iframe>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/style.css b/style.css
index 0a91dd4..4482470 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 {
@@ -9,7 +10,3 @@ iframe {
     height: 100vh;
     border-width: 0;
 }
-
-iframe .super-badge {
-    display: none;
-}
\ No newline at end of file
