Auto commit: 2026-01-31T02:56:49.802Z

index.php

@@ -61,7 +61,7 @@ try {
   <style>
     :root {
       --primary-color: #ff2d55;
-      --glass-bg: rgba(0, 0, 0, 0.4);
+      --glass-bg: rgba(0, 0, 0, 0.6);
       --glass-border: rgba(255, 255, 255, 0.15);
     }
     
@@ -96,13 +96,13 @@ try {
       align-items: flex-start;
       justify-content: center;
       width: 100%;
-      max-width: 1500px;
+      max-width: 1600px;
       padding: 2rem;
       gap: 2rem;
       z-index: 1;
     }
 
-    @media (max-width: 1200px) {
+    @media (max-width: 1300px) {
       .main-wrapper {
         flex-direction: column;
         align-items: center;
@@ -113,7 +113,7 @@ try {
         position: static;
         flex: none;
         width: 100%;
-        max-width: 450px;
+        max-width: 500px;
       }
       body {
         overflow-y: auto;
@@ -124,7 +124,7 @@ try {
     .left-column {
       position: sticky;
       top: 2rem;
-      flex: 0 0 320px;
+      flex: 0 0 300px;
       display: flex;
       flex-direction: column;
       gap: 1.5rem;
@@ -133,7 +133,7 @@ try {
     .admin-column {
       position: sticky;
       top: 2rem;
-      flex: 0 0 320px;
+      flex: 0 0 300px;
       display: flex;
       flex-direction: column;
       gap: 1.5rem;
@@ -158,8 +158,9 @@ try {
       display: flex;
       flex-direction: column;
       gap: 2rem;
-      max-width: 650px;
+      max-width: 700px;
       width: 100%;
+      min-width: 0;
     }
 
     .promo-image {
@@ -181,7 +182,7 @@ try {
       box-shadow: 0 30px 60px rgba(0,0,0,0.5);
       display: flex;
       flex-direction: column;
-      max-height: 950px;
+      min-height: 400px;
     }
 
     .comments-header {
@@ -197,6 +198,7 @@ try {
       overflow-y: auto;
       flex: 1;
       padding-right: 0.8rem;
+      max-height: 500px;
     }
 
     .comments-list::-webkit-scrollbar {
@@ -414,10 +416,11 @@ try {
         -webkit-backdrop-filter: blur(15px);
         border: 1px solid var(--glass-border);
         border-radius: 28px;
-        padding: 1.2rem;
+        padding: 1.5rem;
         overflow: hidden;
         box-shadow: 0 20px 40px rgba(0,0,0,0.6);
         animation: fadeIn 0.8s ease;
+        text-align: center;
     }
 
     @keyframes fadeIn {
@@ -532,6 +535,7 @@ try {
 
             <?php if ($isAdmin): ?>
             <div class="mt-4 pt-3 border-top border-white border-opacity-10">
+                <div class="mb-2 small text-primary"><i class="fas fa-shield-alt me-1"></i> MODO ADMIN</div>
                 <a href="?logout=1" class="btn btn-sm btn-outline-danger px-3 rounded-pill" style="font-size: 0.75rem;">Cerrar Administración</a>
             </div>
             <?php endif; ?>
@@ -630,25 +634,30 @@ try {
     <?php if ($isAdmin): ?>
     <div class="admin-column">
         <div class="admin-stats-box">
-            <h6 class="small mb-3 d-flex align-items-center font-weight-bold">
+            <h6 class="small mb-3 d-flex align-items-center justify-content-center font-weight-bold">
                 <i class="fas fa-globe-americas me-2 text-primary"></i> 
                 MAPA DE VISITANTES
             </h6>
-            <div class="d-flex justify-content-center mb-4" style="background: rgba(255,255,255,0.03); border-radius: 20px; height: 280px; overflow: hidden;">
+            <div class="d-flex justify-content-center mb-4 py-2" style="background: rgba(255,255,255,0.03); border-radius: 20px; min-height: 160px;">
-                <iframe src="https://whos.amung.us/mapsview/lili-records/" width="100%" height="280" frameborder="0" scrolling="no" style="border-radius: 20px;"></iframe>
+                <!-- Widget Map Whos.amung.us -->
+                <script id="_waumap">var _wau = _wau || []; _wau.push(["map", "lili-records", "map", "260", "130", "cool", "star-red"]);</script>
+                <script src="https://whos.amung.us/map.js"></script>
             </div>
 
-            <h6 class="small mb-3 d-flex align-items-center font-weight-bold">
+            <h6 class="small mb-3 d-flex align-items-center justify-content-center font-weight-bold">
                 <i class="fas fa-users me-2 text-primary"></i> 
                 OYENTES ONLINE
             </h6>
             <div class="d-flex justify-content-center py-3" style="background: rgba(255,255,255,0.03); border-radius: 20px;">
-                <script id="_wauq0z">var _wau = _wau || []; _wau.push(["classic", "lili-records", "q0z"]);</script><script src="//whos.amung.us/classic.js"></script>
+                <script id="_wauq0z">var _wau = _wau || []; _wau.push(["classic", "lili-records", "q0z"]);</script>
+                <script src="https://whos.amung.us/classic.js"></script>
             </div>
-            <div class="mt-3 text-center">
+            
-                <p class="x-small opacity-50 mb-0" style="font-size: 0.65rem;">
+            <div class="mt-4 pt-3 border-top border-white border-opacity-10 text-center">
-                    Estadísticas en tiempo real para administradores.
+                <p class="small opacity-50 mb-0">
+                    Estadísticas activas
                 </p>
+                <a href="https://whos.amung.us/stats/lili-records/" target="_blank" class="btn btn-link text-primary p-0 mt-1" style="font-size: 0.7rem; text-decoration: none;">Ver panel completo <i class="fas fa-external-link-alt ms-1"></i></a>
             </div>
         </div>
     </div>