Update index.html

index.html

@@ -306,17 +306,22 @@
             .cascada-table { font-size: 0.85rem; }
             .cascada-table th, .cascada-table td { padding: 8px 10px; }
             .notas-tecnicas { margin-top: 60px; padding: 15px; }
+            
+            /* MÓVIL: Ajuste de barra inferior */
             .nav { bottom: 15px; right: 15px; }
             .nav button { padding: 12px 18px; font-size: 0.8rem; background: rgba(0,0,0,0.8); }
             .slide-counter { bottom: 15px; left: 15px; font-size: 0.8rem; background: rgba(0,0,0,0.8); padding: 10px 15px; }
             
-            /* MÓVIL: Botón PDF abajo, junto a navegación */
+            /* MÓVIL: Botón PDF centrado, más pequeño y a la misma altura */
             #btn-pdf { 
                 top: auto; 
                 bottom: 15px; 
-                right: 160px; 
+                right: auto; 
+                left: 50%;
+                transform: translateX(-50%);
                 padding: 10px 15px; 
-                font-size: 0.8rem; 
+                font-size: 0.75rem; 
+                white-space: nowrap;
             }
             
             .content-slide4::-webkit-scrollbar, .content-slide5::-webkit-scrollbar { width: 4px; }
@@ -353,16 +358,16 @@
             .notas-tecnicas h3 { font-size: 1.1rem; }
             .nota-item { font-size: 0.75rem; }
             
+            /* MÓVIL PEQUEÑO: Ajustes finos de barra */
             .nav { bottom: 10px; right: 10px; gap: 8px; }
             .nav button { padding: 10px 15px; font-size: 0.75rem; background: rgba(0,0,0,0.85); border: 2px solid rgba(255,255,255,0.6); }
             .slide-counter { bottom: 10px; left: 10px; font-size: 0.75rem; background: rgba(0,0,0,0.85); padding: 8px 12px; }
             
-            /* MÓVIL PEQUEÑO: Ajustar posición botón PDF y crédito */
+            /* MÓVIL PEQUEÑO: Botón PDF aún más compacto */
             #btn-pdf { 
                 bottom: 10px; 
-                right: 140px; 
                 padding: 8px 12px; 
-                font-size: 0.75rem; 
+                font-size: 0.7rem; 
             }
             
             .talishte-credit { 
@@ -620,7 +625,7 @@
         <button id="btn-next" onclick="changeSlide(1)">NEXT</button>
     </div>
 
-    <!-- BOTÓN PDF (ARRIBA DERECHA EN DESKTOP, ABAJO EN MÓVIL) -->
+    <!-- BOTÓN PDF (ARRIBA DERECHA EN DESKTOP, CENTRO ABAJO EN MÓVIL) -->
     <button id="btn-pdf" onclick="generatePDF()">Descargar en PDF</button>
 
     <!-- OVERLAY DE CARGA -->