diff --git a/assets/pasted-20260215-020116-2dc16355.jpg b/assets/pasted-20260215-020116-2dc16355.jpg
new file mode 100644
index 0000000..9af2650
Binary files /dev/null and b/assets/pasted-20260215-020116-2dc16355.jpg differ
diff --git a/index.php b/index.php
index cbebf42..f681560 100644
--- a/index.php
+++ b/index.php
@@ -147,7 +147,7 @@ $liveIndex = get_live_index($schedule);
         .app-container {
             display: flex;
             width: 100%;
-            max-width: 1200px; /* Aumentado para acomodar ambas secciones */
+            max-width: 1400px; /* Aumentado para acomodar la foto del estudio */
             height: auto;
             align-items: center;
             justify-content: center;
@@ -159,16 +159,49 @@ $liveIndex = get_live_index($schedule);
 
         .app-content {
             display: flex;
-            gap: 2.5rem;
+            gap: 3rem; /* Aumentado un poco el espacio */
             align-items: center;
             justify-content: center;
             flex-wrap: wrap;
             width: 100%;
         }
 
+        .studio-section {
+            width: 100%;
+            max-width: 480px;
+            display: flex;
+            flex-direction: column;
+            justify-content: center;
+        }
+
+        .studio-card {
+            background: rgba(255, 255, 255, 0.02);
+            backdrop-filter: blur(20px);
+            -webkit-backdrop-filter: blur(20px);
+            border: 1px solid rgba(255, 255, 255, 0.08);
+            border-radius: 40px;
+            padding: 1rem;
+            box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.4);
+            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
+        }
+
+        .studio-card:hover {
+            transform: translateY(-5px) rotate(-1deg);
+            border-color: rgba(255, 255, 255, 0.15);
+            background: rgba(255, 255, 255, 0.04);
+        }
+
+        .studio-photo {
+            width: 100%;
+            height: auto;
+            border-radius: 32px;
+            display: block;
+            filter: saturate(1.1) brightness(1.05);
+        }
+
         .player-section {
             width: 100%;
-            max-width: 460px;
+            max-width: 420px; /* Ajustado ligeramente */
             display: flex;
             flex-direction: column;
             justify-content: center;
@@ -580,12 +613,24 @@ $liveIndex = get_live_index($schedule);
             background-color: var(--accent-color);
         }
 
+        @media (max-width: 1200px) {
+            .app-container {
+                max-width: 1000px;
+            }
+            .studio-section {
+                max-width: 400px;
+            }
+            .player-section {
+                max-width: 380px;
+            }
+        }
+
         @media (max-width: 992px) {
             .app-content {
                 gap: 2rem;
             }
-            .upcoming-section {
-                max-width: 460px;
+            .studio-section, .player-section, .upcoming-section {
+                max-width: 500px;
             }
         }
 
@@ -600,6 +645,13 @@ $liveIndex = get_live_index($schedule);
                 padding: 1.5rem;
                 align-items: flex-start;
             }
+            .studio-card {
+                border-radius: 28px;
+                padding: 0.6rem;
+            }
+            .studio-photo {
+                border-radius: 22px;
+            }
             .glass-card {
                 padding: 3rem 2rem;
                 border-radius: 36px;
@@ -619,6 +671,12 @@ $liveIndex = get_live_index($schedule);
 
     <div class="app-container">
         <div class="app-content">
+            <section class="studio-section">
+                <div class="studio-card">
+                    <img src="assets/pasted-20260215-020116-2dc16355.jpg?v=<?php echo time(); ?>" alt="Studio Live" class="studio-photo">
+                </div>
+            </section>
+
             <section class="player-section">
                 <div class="glass-card">
                     <header class="brand">