.hero-text h1 {
  text-align: center !important;
}

.hero-text p {
  text-align: justify !important;
  padding: 0 10px !important;
}

.cta {
  display: inline-block !important;
  margin: 20px auto 0 !important;
  text-align: center !important;
}
/* Por defecto ocultamos la imagen móvil */
.hero-image-mobile {
  display: none;
}

/* Y mostramos la de escritorio */
.hero-image-desktop {
  display: block;
}

/* En pantallas pequeñas, invertimos */
@media (max-width: 768px) {
  .hero-image-mobile {
    display: block;
    margin: 20px 0;
    text-align: center;
  }

  .hero-image-desktop {
    display: none;
  }

  .hero-content {
    flex-direction: column;
  }

  .hero-text {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .img-terapia-escritorio {
    max-width: 280px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}
@media (min-width: 768px) {
  .texto-paso {
    color: #000;         /* Negro puro */
    font-weight: normal;
    text-align: center;
    font-size: 16px;
  }

  .titulo-paso {
    font-weight: 700;    /* Negrita */
    color: #000;
    text-align: center;
    margin-top: 10px;
  }
}
.texto-paso {
  color: #000;
  font-weight: normal;
  text-align: center;
  font-size: 16px;
}

.titulo-paso {
  font-weight: 700;
  color: #000;
  text-align: center;
  margin-top: 10px;
}

@media (min-width: 768px) {
  .img-terapia-escritorio {
    max-width: 280px;
    height: auto;
    margin: 0 auto;
    display: block;
  }
}

.swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #000;
}

.swiper-pagination {
  position: relative;
  z-index: 10;
  margin-top: 10px;
}
.titulo-paso {
  min-height: 80px;
}

.texto-paso {
  min-height: 160px;
}
#privacidad {
    max-width: 800px; /* Ajusta el ancho para que el texto sea legible */
    margin: 0 auto; /* Centra el contenedor en la página */
    padding: 20px; /* Añade un poco de espacio alrededor */
}

/* Centra el texto dentro del contenedor (títulos, párrafos) */
#privacidad h2, 
#privacidad h3, {
    text-align: center;
}
#privacidad p, {
    text-align: left;
}
/* Opcional: si quieres que las listas (<ul>) también se centren */
#privacidad ul {
    display: inline-block; /* Permite centrar la lista como un bloque */
    text-align: left; /* Asegura que el texto dentro de la lista permanezca alineado a la izquierda */
}

/* Estilos generales para el formulario */
.formulario-contacto {
    /* Asegura que el formulario ocupa la mayor parte de la pantalla */
    max-width: 90%; 
    margin: 0 auto; /* Centra el formulario */
}

/* Estilos para los campos de entrada de texto (inputs) */
.formulario-contacto input[type="text"],
.formulario-contacto input[type="email"],
.formulario-contacto textarea {
    /* Hace que los campos ocupen todo el ancho disponible */
    width: 100%;
    /* Asegura que el padding no añada más ancho del 100% */
    box-sizing: border-box; 
    padding: 10px;
    margin-bottom: 15px;
}