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;
   }
 }
 

style/main.css

@@ -1862,6 +1862,7 @@ main {
   width: 100vw;
   height: 100vh;
   background: transparent;
+
 }
 
 .hero-section,

style/servicios.css

@@ -510,11 +510,11 @@
 
 .caso-tag {
   font-family: var(--font-small);
-  font-size: 0.7rem;
-  font-weight: 600;
+  font-size: 0.85rem;
+  font-weight: 500;
   letter-spacing: 0.5px;
   text-transform: uppercase;
-  color: var(--brand-teal);
+  color: #006d8f;
   display: inline-block;
   margin-bottom: var(--spacing-xs);
 }