/* Forzar color de textos en fondos oscuros */
h1.style1, h2.style1 {
  color: #fff !important;
}

.style4, 
.style4 p {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Ajuste específico para secciones clave */
#text_innovacion_parrafos,
#text_beneficios_list,
#text_cta_final_sub {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* 1) Asegura la misma fuente global */
html, body {
  font-family: "Sora", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 2) Títulos como los originales */
h1.style1, h2.style1 {
  font-weight: 700;   /* o 600 si tus h2 originales van algo más finos */
  letter-spacing: -0.01em;
}

/* 3) Párrafos/listas del contenido nuevo: mismo look que el texto base */
#text_que_1,
#text_que_2,
#text_caracteristicas,
#text_innovacion_parrafos,
#text_beneficios_list,
#text_cta_final_sub,
#text_innovacion_parrafos p,
#text_beneficios_list p,
#text_caracteristicas p {
  font-family: inherit !important;
  font-weight: 400;        /* cuerpo regular */
  line-height: 1.65;
  letter-spacing: 0.01em;
  color: rgba(255,255,255,0.88); /* mantiene contraste en fondos oscuros */
}

/* 4) Negritas del cuerpo con el mismo peso que el resto del sitio */
#text_caracteristicas strong,
#text_innovacion_parrafos strong,
#text_beneficios_list strong {
  font-weight: 600;
}
/* Párrafos del cuerpo */
.style4,
.style4 p {
  line-height: 1.6; /* prueba también 1.5 o 1.7 según veas */
}

/* Titulares */
h1.style1,
h2.style1 {
  line-height: 1.2; /* títulos suelen ir más compactos */
}
/* === Ritmo vertical consistente en todas las secciones === */

/* 1) Distancia del H2 al primer párrafo */
#text_caracteristicas_tit,
#text_innovacion,
#text_beneficios {
  margin-bottom: 28px !important;   /* ajusta a tu gusto */
}

/* 2) Distancia entre párrafos dentro de cada bloque */
#text_caracteristicas p,
#text_innovacion_parrafos p,
#text_beneficios_list p {
  margin-top: 0 !important;
  margin-bottom: 12px !important;   /* igual que Beneficios */
  line-height: 1.6;                  /* opcional, para legibilidad */
}

/* 3) Sin hueco extra al final del bloque */
#text_caracteristicas p:last-child,
#text_innovacion_parrafos p:last-child,
#text_beneficios_list p:last-child {
  margin-bottom: 0 !important;
}
/* Centrar títulos y sus párrafos en secciones específicas */

/* Sección: Tecnología al servicio de la emoción */
#text_innovacion,
#text_innovacion_parrafos {
  text-align: center !important;
}

/* Sección: Beneficios para destinos y visitantes */
#text_beneficios,
#text_beneficios_list {
  text-align: center !important;
}

/* Sección: Call to Action Final */
#text_cta_final,
#text_cta_final_sub {
  text-align: center !important;
}
