cambios php

style/blog.css

@@ -69,6 +69,7 @@
   margin: 0 auto;
   display: flex;
   flex-direction: column;
+  align-items: center;
   gap: var(--spacing-sm);
 }
 
@@ -77,6 +78,7 @@
   display: flex;
   gap: var(--spacing-sm);
   align-items: center;
+  justify-content: center;
   flex-wrap: wrap;
 }
 
@@ -250,8 +252,9 @@
 /* Info de resultados */
 .results-info-compact {
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   align-items: center;
+  gap: var(--spacing-sm);
   font-family: var(--font-small);
   font-size: 0.85rem;
   color: var(--text-muted);
@@ -810,17 +813,22 @@
   gap: var(--spacing-sm);
   position: relative;
   z-index: 1;
+  justify-content: center;
 }
 
 .newsletter-form input {
   flex: 1;
-  padding: 0.85rem 1.2rem;
-  border: none;
+  max-width: 320px; /* Limitar ancho para que parezca botón */
+  padding: 0.85rem 1.5rem;
+  border: 1.5px solid rgba(255, 255, 255, 0.3);
   border-radius: 999px;
   font-family: var(--font-body);
   font-size: 0.95rem;
-  background-color: rgba(255, 255, 255, 0.95);
-  color: var(--text-primary);
+  font-weight: 500;
+  background-color: rgba(255, 255, 255, 0.15); /* Fondo sutil tipo botón */
+  color: #ffffff; /* ← CLAVE: Texto blanco siempre visible */
+  backdrop-filter: blur(4px);
+  transition: all 0.3s ease;
 }
 
 .newsletter-form input::placeholder {
@@ -1052,10 +1060,17 @@
   
   .newsletter-form {
     flex-direction: column;
+    align-items: center;
+  }
+  
+  .newsletter-form input {
+    max-width: 100%;
+    width: 100%;
   }
   
   .newsletter-form .btn {
     width: 100%;
+    max-width: 320px;
   }
 }