/* Estilos básicos del bloque inyectado */
#so-hero-text.so-hero-text{
  max-width: 1200px;
  margin: 24px auto;
  padding: 24px;
  line-height: 1.5;
}

#so-hero-text h1, 
#so-hero-text h2, 
#so-hero-text h3{
  margin: 0 0 12px 0;
}

#so-hero-text p{
  margin: 0 0 10px 0;
}

/* Modo overlay centrado sobre el target */
#so-hero-text.so-hero-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 24px;
  background: rgba(0,0,0,0.35);
  color: #fff;
}

@media (max-width: 768px){
  #so-hero-text.so-hero-text{
    margin: 16px auto;
    padding: 16px;
  }
  #so-hero-text.so-hero-overlay{
    padding: 16px;
  }
}