/* ============================================
   TEXTOHOME — pages.css
   Ajustes específicos por página y animaciones
   ============================================ */

/* ---- Animación de entrada (opcional, activa con class="reveal") ---- */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* ---- Newsletter block (blog) ---- */
.newsletter-block { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; }
.newsletter-block .nl-form { display: flex; gap: 10px; flex-wrap: wrap; position: relative; z-index: 1; }
.newsletter-block input { flex: 1; min-width: 200px; border-color: rgba(253,251,244,0.3); background: rgba(253,251,244,0.1); color: var(--paper); }
.newsletter-block input::placeholder { color: rgba(253,251,244,0.5); }

/* ---- "Lo que no hacemos" chips (servicios) ---- */
.dont-chip { padding: 14px 20px; background: rgba(253,251,244,0.04); border-radius: 8px; font-size: 14px; border: 1px solid rgba(253,251,244,0.06); color: rgba(253,251,244,0.6); }

@media (max-width: 900px) {
  .newsletter-block { grid-template-columns: 1fr; gap: 24px; }
}