/* ==========================================================================
   HALITEL — centered.css — centra todos los encabezados de sección
   (eyebrow + título + descripción). El hero usa .hero-eyebrow/.hero-title,
   por eso no se ve afectado.
   ========================================================================== */

.eyebrow{ text-align:center; }
.section-title{ text-align:center; }

/* Servicios: header (título izq + intro der) -> columna centrada */
.services-head{ grid-template-columns:1fr; justify-items:center; text-align:center; gap:14px; }
.services-intro{ justify-self:center; text-align:center; max-width:620px; margin:0 auto; }

/* Antes y después: título + flechas centrados en columna */
.ba-head{ flex-direction:column; align-items:center; gap:16px; }

/* Descripciones/intros centradas y con ancho contenido */
.shop-intro, .pay-note{ text-align:center; margin-left:auto; margin-right:auto; }

/* Contacto: título centrado (global), pero la info alineada en orden (izquierda,
   misma línea de inicio, no escalonada) */
.contact-copy{ text-align:left; }
.contact-list{ align-items:stretch; }
.contact-row{ justify-content:flex-start; text-align:left; }